登录页字段顺序对调
账号输入框与校验码输入框位置互换,回车键跳转顺序同步更新为自上而下。原先习惯先填校验码的用户需要按新顺序填写,页面会在第一屏给出顺序提示,不必记忆。
页面字段、校验提示、移动端布局有调整时,都会在这里留一条记录,写明改了什么、影响到哪一步操作、原来的习惯需要怎么变。
先看结论,再对照细节。以下两组调整在近两个周期内上线,涉及登录页与自助排查入口。
登录页把账号输入与校验码输入的位置做了对调,视觉上从原来的「先码后号」改为「先号后码」,跟随大多数人从左到右的填写习惯。同时把过去三类分散的错误提示合并为两类:一类提示输入格式问题,一类提示校验未通过,用户不必再在多种措辞之间来回判断。
原来需要滚动到页脚才能找到的帮助入口,现在直接放在登录卡片正下方,点开即可查看常见提示对应的处理方式。移动端同步调整了按钮高度与左右间距,小屏下点击区域更大,不容易误触相邻按钮。
按上线先后排列,每条记录标注调整范围与影响到的操作步骤,方便对照查找。
账号输入框与校验码输入框位置互换,回车键跳转顺序同步更新为自上而下。原先习惯先填校验码的用户需要按新顺序填写,页面会在第一屏给出顺序提示,不必记忆。
原本分散的三类提示语统一为一类格式提示与一类校验未通过提示,措辞更短。提示出现时,出错字段会同步显示描边高亮,滚动位置自动回到该字段,不必自己寻找。
与常用地差异较大的访问会多出一个校验步骤,用于确认操作由本人发起。校验完成后仍回到原页面,不会打断填写内容;同一设备在周期内不再重复触发。
移动端主按钮高度提升到 48px,按钮之间的垂直间距同步加大,减少小屏下的误触。长标题在窄屏下改为两行显示,不再出现被截断或挤压的情况。
帮助与排查入口从页脚位置移到登录卡片正下方,点击后展开常见提示对应的处理方式。页脚仍保留入口,习惯从底部查找的用户不受影响。
点击提交后按钮进入加载状态并显示文案,加载期间按钮不可重复点击,避免因连续提交造成的重复校验。加载超过设定时长会给出等待提示,并建议稍后重试。
流程说明与常见问题两处内容同步更新,字段名称、按钮名称与页面保持一致,避免出现同一功能两种叫法。旧版说明中已失效的描述做了标注,方便对照历史公告阅读。
把每次调整前后的差异整理成六张要点卡,图片为界面示意,具体以线上页面为准。
按操作步骤划分,先看自己常用的步骤有没有变化,再决定要不要重新熟悉页面。
围绕公告查阅与版本差异的常见疑问,逐条给出处理方式。