01小屏登录入口
手机打开就能进,不必先翻菜单
登录区域放在服务对照页最前面,按小屏比例排版,操作按钮落在拇指自然够到的位置。页面先加载入口再加载说明,网络一般的时候也不会卡在空白上。
- 从 4.7 英寸到 6.9 英寸的机型都做了版式适配
- 入口带步骤编号,走错一步能立刻退回上一屏
- 换设备后位置不变,不用重新熟悉一遍
01小屏登录入口
登录区域放在服务对照页最前面,按小屏比例排版,操作按钮落在拇指自然够到的位置。页面先加载入口再加载说明,网络一般的时候也不会卡在空白上。
02服务对照
同一处栏目在两个版本里长什么样,左右并排放着。挪过位置的行用青色描边标出来,没动的保持原样,一眼就能看出差异落在哪一行。
03反馈导出
把使用过程中碰到的情况整理成文件保存到本机,不用一直开着页面等。需要让别人接手处理的时候,直接把文件发过去就行。
04记录对照
想确认某个入口是哪一批加上去的,从对照台往下滑,每个批次单独一条。更早的批次收在归档区,按编号查更快。
02 · 两步路径
两组动作都拆成两步:先打开对应入口,再完成动作。中间不夹跳转页,每一步都看得见自己走到了哪里。
路径 A · 小屏登录
打开服务对照页
在手机浏览器里输入域名,页面直接停在这一屏,不用再点一次菜单。
选择对应入口
按卡片编号点进要做的动作,登录区域就在入口下方的第一屏里。
路径 B · 反馈导出
把情况理清楚
出现的时间、当时做的操作、用的机型,这三样写明白,后面排查会快很多。
导出并保存
选文本或表格格式导出,文件存到本机,随时能再打开或转给别人。
03 · 版本对照台
左边是当前批次,右边是上一个批次,同一个栏目并排放着。挪过位置的加青色描边,没动的保持原样。
登录入口位置
5058-810服务对照页首屏
5058-804服务对照页第二屏
栏目导航
5058-810C01–C06 命令栏
5058-804侧边展开菜单
反馈导出格式
5058-810文本、表格
5058-804文本、表格
对照视图
5058-810当前与上一批次并列
5058-804当前与上一批次并列
显示模式
5058-810深空蓝、浅纸面
5058-804深空蓝
归档范围
5058-810最近 6 个批次
5058-804最近 4 个批次
对照台一次只读两个批次的内容,页面打开时不必等整段历史加载完,这也是它比逐条往前翻更快的原因。
04 · 适用场景
四种常见起点对应四个不同的入口。对上了就直奔过去,不用从头翻一遍。
场景 01
还不清楚页面是怎么排的,先看编号 01 那一张。入口在哪一屏、适配哪些机型、按钮大概在什么位置,上面都写清楚了。
建议起点 01
场景 02
新机型的屏幕比例不一样,入口位置看起来会有点变化。从编号 02 进对照台,能看到同一处入口在两种排版下的落点。
建议起点 02
场景 03
想确认某个功能是哪一批出现的,从编号 04 往下走,每个批次单独一条,按编号定位比一页页翻快得多。
建议起点 04
场景 04
情况已经整理好了,直接走编号 03。选文本还是表格看用途,导出后文件留在本机,转给别人或者自己归档都可以。
建议起点 03
1.2秒以内
常见 4G 网络下的首屏加载
先加载入口和上一批次内容,历史记录留到需要时再取,起步阶段不用等太多东西。
42万人次/月
通过移动设备访问对照与登录指引
访问量集中在手机上,页面的断点、按钮尺寸和字号都按移动端优先来定。
2套显示模式
深空蓝与浅纸面一键切换
暗光环境下用深空蓝,白天户外或者强光下换成浅纸面,切换后停留在原来读到的位置。
接下来