C03 · 服务对照中心

手机上的入口排好了,两步就能把事办完

申博娱乐会馆把手机端常用到的几个动作都收在这一页:登录、对照、导出、回查。页面按小屏重新排过,拇指够得到的位置就是入口,走完一步立刻看得见下一步落在哪。

01小屏登录入口

手机打开就能进,不必先翻菜单

登录区域放在服务对照页最前面,按小屏比例排版,操作按钮落在拇指自然够到的位置。页面先加载入口再加载说明,网络一般的时候也不会卡在空白上。

  • 从 4.7 英寸到 6.9 英寸的机型都做了版式适配
  • 入口带步骤编号,走错一步能立刻退回上一屏
  • 换设备后位置不变,不用重新熟悉一遍
手机屏幕特写,显示带有步骤编号的小屏登录入口区域

02服务对照

当前结构和上一批次摊在一起看

同一处栏目在两个版本里长什么样,左右并排放着。挪过位置的行用青色描边标出来,没动的保持原样,一眼就能看出差异落在哪一行。

  • 对照台只读取当前和上一批次,打开时不用等整段历史
  • 深空蓝与浅纸面两套底色,暗光和白天户外都能看清
  • 顶部命令栏跟着滚动高亮,随时知道停在哪一节

03反馈导出

导出之后文件在你手上,留着或转交都行

把使用过程中碰到的情况整理成文件保存到本机,不用一直开着页面等。需要让别人接手处理的时候,直接把文件发过去就行。

  • 文本格式适合贴进消息里说明经过
  • 表格格式适合逐条核对,字段分开排列
  • 导出的结果留在你自己的设备上,保存多久由你决定
手机屏幕上的导出结果表格预览,字段分行排列,冷光低饱和

04记录对照

最近 6 个批次的改动,按编号就能翻到

想确认某个入口是哪一批加上去的,从对照台往下滑,每个批次单独一条。更早的批次收在归档区,按编号查更快。

  • 每条记录都标出批次号与影响到的栏目
  • 归档区沿用同一套排版,换位置不用重新找
  • 需要对照更早的版本,从归档区按编号进入

02 · 两步路径

进来之后,中间没有多余的屏

两组动作都拆成两步:先打开对应入口,再完成动作。中间不夹跳转页,每一步都看得见自己走到了哪里。

路径 A · 小屏登录

  1. 打开服务对照页

    在手机浏览器里输入域名,页面直接停在这一屏,不用再点一次菜单。

  2. 选择对应入口

    按卡片编号点进要做的动作,登录区域就在入口下方的第一屏里。

路径 B · 反馈导出

  1. 把情况理清楚

    出现的时间、当时做的操作、用的机型,这三样写明白,后面排查会快很多。

  2. 导出并保存

    选文本或表格格式导出,文件存到本机,随时能再打开或转给别人。

03 · 版本对照台

5058-810 与 5058-804,差在哪一行

左边是当前批次,右边是上一个批次,同一个栏目并排放着。挪过位置的加青色描边,没动的保持原样。

两块界面叠影并列,同一栏目在 5058-810 与 5058-804 两个批次下的布局差异对比
栏目 5058-810 · 当前 5058-804 · 上一批次

登录入口位置

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套显示模式

深空蓝与浅纸面一键切换

暗光环境下用深空蓝,白天户外或者强光下换成浅纸面,切换后停留在原来读到的位置。

三种不同尺寸手机并排展示同一服务对照页面的排版适配效果

归档区怎么查

  1. 01从对照台底部进入归档区,最近 6 个批次按时间倒序排列,最近的一条排在最上面。
  2. 02每个批次带批次号与发布日期,滑动到需要的编号停下,内容自动展开。
  3. 03要对比更早的版本,在归档区里同时选中两条,页面会切回两栏并排的样式。