跳至主内容
8天生赢家中心 官方中文内容站

更短路径,快速到达

V3.1 能力总览

五块能力,拼成一条更快的路

K8切换产品线之后,8天生赢家中心把入口重新排了一遍:首页一步直达,导航条始终停在原位,帮助入口随手可找,版本变化随手可查,手机打开就是排好的版式。您从点开页面到拿到想知道的那条信息,中间的拐弯少了。

无论是第一次来认路,还是熟客临时查一条数据,都能在同一个界面里找到最短的那条道。

功能中心五大能力模块以非对称网格排列,电光青连线连成一张能力地图
  • 3 步从首页到帮助条目
  • -35% 首屏加载中位时间
  • -28% 弱网下的可操作时间
  • 72% 访问来自手机端

能力模块

每一块都对应一件让您少走弯路的事

五个模块各管一段路:有的负责把您直接送到首页,有的负责让您不迷路,有的负责在您卡住时立刻接手。

01

官方首页直达

从功能中心一步回到官方首页 V3.1,中间不再穿插确认页。已经想清楚要查什么的人,少点一次就是少等一次。

高频入口
02

导航条位置固定

往下翻到任何一段,导航条都停在原来的位置。第一次来的访客可以先认清有哪几个栏目,再决定往哪儿点。

认路优先
03

帮助入口

问题卡在操作上时,三步就能进到帮助条目,不必逐页翻找客服联系方式。

自助解决
04

版本记录

每个条目写清改了什么、影响哪些页面、建议接着读哪一段。觉得界面和印象里不一样,来这儿对一眼。

变化可见
05

手机端适配

正文不小于 15px,行高放宽,关键入口单列排布。等电梯、坐地铁的碎片时间也能看得清、点得准。

移动优先

加载表现

等的那几秒,被压缩掉了

换线之后最先被感觉到的是速度。同样一部手机、同样的网络条件,页面更早出内容,也更早能点。

首屏加载中位时间 约 -35%
上一版
V3.1
弱网环境下可操作时间 约 -28%
上一版
V3.1

信号只剩一两格时,过去要盯着空白页等,现在往往还没来得及放下手机,栏目就已经可以点了。

上一版与 V3.1 的加载时间对比条形图,用等宽数字标注缩短比例

路径变化

从首页走到帮助,五步变三步

路径的变化比速度更直观:以前要经过两个中间页面才能碰到帮助内容,现在导航条和帮助入口连在一条线上。

上一版5 步

  1. 1 打开首页 先看到首屏内容
  2. 2 找到导航条 随滚动离开视野
  3. 3 进入栏目页 再判断该看哪一栏
  4. 4 找帮助分类 在分类里二次筛选
  5. 5 打开帮助条目 看到具体说明

V3.13 步

  1. 1 打开首页 首屏直接给出入口
  2. 2 点固定导航条 滚到哪儿都在原位
  3. 3 直达帮助条目 跳过中间栏目页
从五个步骤压缩为三个步骤的路径示意图,节点之间以电光青折线连接
倾斜视角的手机界面示意,固定导航条与帮助入口带发光边框

移动端与桌面端

七成访客在手机上,就先按手机排

访问量里约 72% 来自手机,所以手机端的阅读节奏被放在了前面:先保证竖屏一次看得完,再谈桌面端的横向延展。

  • 字号 正文不小于 15px,标题与正文的字重拉开,扫读时先看到结论再看到细节。
  • 行高 正文行高放宽到 1.8,长段落控制在三十来个字一行,竖屏不至于读串行。
  • 导航 导航条在手机端同样保持固定,滑动中途也能直接切栏目,不用先滑回顶部。
  • 点按 重点入口改成单列排布,按钮间距拉开,单手握着也能一次点中。
  • 桌面 横屏宽屏时内容按主栏加旁注展开,同样的信息,视线上少折返几次。

接着往下走

看完能力,如果想确认细节、对照版本或者找人问一句,下面三条路都能通。