关于四季指南

把入口放在你抬眼就能看见的位置

从 2019 年上线到现在,四季指南把手机、平板、桌面与品牌站的入口收进同一本手册:一个常驻的检索框、一份按季节分色的栏目索引,还有一条能翻回去看的变更记录。你从哪个端进来,第一步都一样。

同一个名字,落在四个端的不同位置

你搜到四季,点进来,多半是想直接去对地方。可手机、平板、桌面和品牌站各有各的首屏,检索框有的在第一屏,有的要往下滚两下。多找一次,就多走一次回头路,很多人就是在第二屏放弃的。

所以我们把结构改成一本手册的样子:检索框常驻页面顶部,栏目按季节挂上色签,改动过的地方排成时间轴。你不必记住入口究竟在哪一块,认准一处,剩下的顺着走就行。手机端从打开首页到进入检索结果,点击次数从 4 步降到 3 步;注册路径也从 3 步精简到 2 步,表单压进了两屏。

访客抬眼的那一秒没看到入口,他就得重新搜一次。这一秒是我们唯一的机会。
内容团队的工作原则
入口手册式版面的窄注释栏与宽正文栏斜切特写
注释在左,正文在右 —— 版面的基本骨架

运营时间线

从 2019 年的第一版,到现在累计发布的 27 个版本。

麦金节点与深墨刻度组成的抽象横向时间轴图形
  1. 2019

    中文官网入口上线

    检索、栏目、公告首次合成一页,一个地址就能找到去处。

  2. 此后

    四个端并行运行

    手机、平板、桌面与品牌站同时维护,同一套内容往外分发。

  3. 2022

    手册式版式固定下来

    这一年改版后,注释栏与正文栏的骨架定型,之后每年只做一次视觉微调。

  4. 累计

    27 个版本,5 次结构调整

    大改动并不多,更多的是把某个入口往前挪一格。

  5. 6 月 12 日

    最近一次维护记录

    公告按时间轴往后追加,往上的每一条都能翻回去对照。

12 个人,分三组守着入口

内容编辑 · 前端实现 · 客服支持

内容编辑

你搜的词,得真的落到那一页

负责栏目命名、检索词与公告措辞。任何一处改动上线前,都要在实际页面上搜一遍,确认输进去的词能带来想找的东西,而不是一个看着像的标题。

前端实现

四个端,各自留出合适的位置

负责排布与切换。手机上一屏只放一件事,平板横竖屏各有一套分工,桌面留出注释栏的位置;检索框在每一端都保持在打开即见的高度。

客服支持

把找不到的反馈变成下一轮改动

工作日在 9:00 至 18:00 之间接邮件与电话,平均 4 小时内回复。访客卡在哪一步、哪个入口被漏看,都会记下来交给下一轮迭代处理。

每两周,索引和公告一起翻页

内容维护走固定的双周节奏:每两周更新一次检索索引与公告条目,两条线同步推进。改动通常不大,但从不间断——你隔一个月回来,看到的入口位置总有据可查。

  • 01
    索引增补

    新页面进索引,失效的条目下架,过期的名称换成现在叫得通的说法。

  • 02
    入口位置调整

    被反馈最多的入口往前挪一格,或者换到更醒目的位置,让下一步更短。

  • 03
    多端校准

    四个端同步验一遍排布,横屏竖屏都过一遍,避免某一端错位。

  • 04
    公告落笔

    把这一轮改了什么写成一条记录,追加到时间轴上,谁都能翻回去看。

四季色签的由来

四组主色,加上 12 个辅助色阶,每一个都对应一类信息。

叶脉水波霜纹麦穗四种几何纹理并列的抽象四季图案
叶脉、水波、麦穗与霜纹 —— 四组色签的纹理来源

春 · 嫩芽绿

检索高亮与新手引导,你第一次找入口时最先遇到的颜色。

#6E9C58

夏 · 湖蓝

链接与可点击的地方,扫一眼就知道哪里按得下去。

#2F7FA6

秋 · 赭橙

主行动与公告分类,需要你动手的那一步用它标出来。

#C4622D

冬 · 深靛

框架与页脚,把页面的边界收住,阅读时不会散。

#2B3A67

色签不只是配色,它也是切换方式:选一个季节,强调色跟着换,栏目索引按季节重新排序,内容本身不增不减。你按哪个季节的习惯用,顺序就顺着哪个来。

一套内容,四种排布

手机、平板、桌面与品牌站共用同一套内容源,差异只在入口排布与交互密度。

  • 手机端

    打开首页,检索框就在第一屏,不用滚动。68% 的访客从这里进来,一屏只放一件事。

  • 平板端

    支持横竖屏切换,横屏下公告时间轴展开成双列。平板本地四季栏目里放着与通用品牌站的版本说明卡片,覆盖界面布局、检索位置、注册流程与更新频率四类差异,换端之前先看一眼即可。

  • 桌面端

    留出注释栏与正文栏的位置,适合连续读,章节可以一路看下去。

  • 通用品牌站

    入口压得更薄、更适合嵌入式阅读,公告与索引仍然指向同一处。

约 12 万 月均访问人次
68% 来自手机端
14% 来自平板端
460 余条 可检索的栏目与页面条目

接着看你最想确认的那一块

入口长什么样、最近改了什么、卡住了怎么处理,都可以直接翻过去。