品牌故事 · 优乐玩

把入口做成一张随手能翻开的地图

优乐玩品牌站做的事情很朴素:让来的人少绕两步。常来的人从屏幕左侧的窄栏直接进去,第一次来的人顺着导航第二项往下走,走到 PC 端入口,也走到 V3 中心的打开步骤。

我们把导航当成一张会被反复折起又摊开的地图——它得能被折进手机,也得能被铺在桌上,一个条目一个条目地看下去。

  • 6 大类 · 24 条 分类清单覆盖的入口场景
  • 4 步 走完 V3 中心的编号步骤
  • 3 系列 · 18 包 底部资源区的旧版归档
  • 12 人 负责清单与人工支持的内容团队
深海墨蓝纸面沿锐利折线层层展开,一条青柠绿路径穿过折痕,暖橘小方块停在第二段位置
被折起来的入口地图:宽屏摊平,窄屏收进第二项

一张地图,折了很多次

入口的位置一旦变,人的记忆就得推倒重来。

早些年,来的人基本靠记:记住入口在导航第几个,记住哪一页能点进去。站点改一次版,这些记忆就作废一次,人得从首页重新摸一遍。找入口这个动作,被拆成了两件麻烦事——先想起它在哪儿,再确认自己是不是点对了地方。

我们把两件事分开处理。位置靠固定:入口永远在导航第二项,宽屏时左侧还多留一条 88 像素宽的竖栏,点一下就到。窄屏时那条竖栏折进第二项抽屉,打开抽屉,第一个还是它。步骤靠说明:点进去先看到分类清单,再按编号一步步往下走,哪一步做什么,写得清楚。

折叠不是视觉花样,是这件事本身的形状。常来的人把地图折小、收进口袋;第一次来的人把它展开,从头看一遍。两种人都该在同一张纸上找到自己的位置。

维护这张地图的人

12 个人,三个小组,每周把清单从头走一遍。

俯视的办公桌面,摊开的文件夹、贴了编号的便签与一张手写勾选的线框清单,没有人物入镜
清单从桌上开始:把点不通的地方先记下来,再改成看得懂的说法

清单不是写完就放着的东西。12 个人分成入口走查、资源整理、客服支持三个小组,各自盯一段。

  • A

    入口走查组

    按版本节奏把 6 大类 24 个条目自己走一遍。点不通的、描述跟界面对不上的、顺序容易让人犹豫的,改措辞、换位置,或者拆成两条。

  • B

    资源整理组

    管底部资源区那三个版本系列。18 个文件包的版本号、适用系统、文件大小逐项补齐,配套的 21 条资源说明同步更新,下载之前先能看清自己该拿哪一个。

  • C

    客服支持组

    工作日 9:00-18:00 接住那些自助没走通的人。被问得最多的三类问题——入口在哪儿、步骤怎么走、旧版资源怎么选——会回流成清单上的新提醒。

上一轮迭代新增了 5 个分类条目和 2 条窄屏提示,起因就是有人在第二项抽屉里点错了位置。12 个人不算多,但分工清楚之后,每一次调整都落得到具体某一条上,改完当天旧说法就撤下来。

三个版本,各解一件事

从堆在一页,到分成清单,再到编号卡。

入口这套东西走过三个阶段。每个阶段都不是为了好看,而是被当时最疼的那个问题推着往前走的。

三段式路径线由左向右延伸,依次经过单页索引、分类清单与 V3 路径卡三个节点,每个节点旁标着等宽字编号
三个阶段串成一条路径,最后落在编号卡上
V1 · 单页索引

所有说明堆在一页

能点进去,但要往下翻很久才看得到自己那条。人一多、版本一多,这页就变成长条走廊。

  • 入口只有一个,位置靠翻找
  • 新老版本混着写,容易点错
看现在这步怎么走 →
V2 · 分类清单

按场景拆成六类

把入口按场景分成 6 大类 24 条,找人不用再翻整页。但跨版本走的时候,条目之间的关系还是不够清楚。

  • 先选场景,再对条目,路径变短
  • 旧版资源仍要另找位置
看现在这步怎么走 →
V3 · 路径卡

四个编号,一段一段走

V3 中心拆成 4 个编号步骤,每步配一句提示,正常网络下 1 分钟内能走完,走错的概率低了很多。

  • 步骤可逐项勾选,进度留在本机
  • 窄屏折进第二项抽屉,位置不变
看现在这步怎么走 →

常来的人,不必再找一遍

68% 的访问来自回头的人,他们最在意昨天那个位置还在不在。

站点访问里有 68% 是常来的人,工作日午间和晚间最集中。这个时段的人多半只有一两分钟:进来、点到、走人。他们不需要被重新介绍一遍,需要的是上次离开时的位置原封不动地待在那儿。

所以入口留了三个固定点:导航第二项、宽屏下左侧那条常驻竖栏、窄屏抽屉里的第一格。无论从哪个点进来,落到的都是同一份分类清单,看到的是同一套步骤。

  • 从 31 个省级行政区连过来的访客,看到的位置和条目是同一份,不因设备换一套说法。
  • 逐项勾选走过的步骤,进度只留在这台设备的浏览器里,不会往外传,第二天打开还是停在自己那一格。
  • 工作日午间与晚间高峰时段,清单和路径卡保持同一版,不用在两个时间段里学两套走法。
  • 旧版资源在底部资源区按三个版本系列分盒陈列,回看旧版本的人不用再从首页重新找。

这就是我们对“轻快”的理解:不是把页面做得花哨,而是让第二次来的人,比第一次少点两下。