台式机
SCREEN ≥ 1920 × 1080
- 最低环境
- 近两个大版本内的主流浏览器，屏幕宽度 1366px 以上，横向不再折叠
- 推荐环境
- 屏幕 1920 × 1080 及以上，三栏完整展开，对照表一屏读完
外接显示器时留意系统缩放，超过 150% 会把表格挤在一起。
A-03 四项结构
每条入口，都过同样四道关
不管你最后落在哪一条入口上，衡量的尺子是同一把。先把这四项各自在问什么弄清楚，下面的对照表才不至于看得一头雾水。
-
01
环境要求
系统版本、浏览器版本、屏幕宽度三条底线。达不到底线并不代表完全打不开，但版面会被压缩，一部分内容要来回滚动才看得到。
-
02
首屏信息量
打开之后第一屏能同时看到多少东西。桌面入口把常用内容横向铺成三栏，移动入口先落一句结论，细节顺着往下翻。
-
03
上手步数
从打开页面到可以正常使用，中间要走几步。步数越少，临时借用别人的电脑或平板时越不容易卡住。
-
04
推荐场景
这条入口在什么情况下最省事，以及将来换到另一条入口时，你需要重新适应哪几处版面上的差别。
A-03 对照表
两条入口，一件事一件事地比
点上面的维度标签，表格就只留那一列。想一次看全，把四个标签挨个点一遍，两分钟就能过完一轮。行悬停时左侧会亮起烫金标记，方便横着比。
| 入口 | 环境要求 | 首屏信息量 | 上手步数 | 推荐场景 | 切换成本 |
|---|---|---|---|---|---|
| 桌面入口 | 近两个大版本内的主流浏览器；屏幕宽度 1024px 以上；网页直接打开，不用装任何客户端 | 三栏并列，常用项一次看全，适合边对边比 | 4 步进入可用状态 | 固定工位、单次停留 30 分钟以上 | 换到小屏后版面收窄，需要重新找一遍位置 |
| 移动入口 | 近两个大版本内的主流浏览器；屏幕宽度 360px 以上；竖屏即可打开 | 单列纵向，结论在前，细节一层层往下铺 | 3 步进入可用状态 | 通勤路上、碎片时间、多台设备来回切 | 大屏上需要横向滑动才能看完一整行对照 |
环境要求以 2.3 版本为准；四类设备各自的具体底线，往下翻就是完整清单。
A-03 适配清单
四类设备，各自的底线与舒服线
每类设备都分两栏：达到最低环境就能跑起来，进入推荐环境之后版面才完整展开。点设备名切换查看，先看看你手上这台在哪一档。
笔记本
SCREEN ≥ 1440 × 900
- 最低环境
- 近两个大版本内的主流浏览器，屏幕宽度 1280px 以上，三栏会略微收紧
- 推荐环境
- 屏幕 1440 × 900 及以上，浏览器窗口保持最大化
分屏办公时建议把对照表放在较宽的那一侧，否则列会被压窄。
平板
SIZE ≥ 9.7 in
- 最低环境
- 系统版本在近三个大版本内，屏幕 9.7 英寸以上，横屏使用
- 推荐环境
- 10.5 英寸及以上，横屏并关掉分屏视图
竖屏时对照表会切成单列，一条一条往下比，节奏慢一些但看得更细。
手机
SIZE ≥ 5.5 in
- 最低环境
- 系统版本在近三个大版本内，屏幕 5.5 英寸以上，竖屏打开
- 推荐环境
- 6.1 英寸及以上，字体保持系统默认大小
把系统字号调到最大之后，对照表的表头会换行，横滑一次即可看到完整一行。
A-03 迭代记录
从 2.0 走到 2.3，改的都是查找方式
几次调整都围着同一件事转：让你更快找到自己那台设备对应的内容，少绕两步路。鼠标停在版本号上，能看到那一次改动的摘要。
-
2.0 入口差异第一次离开零散段落
两条入口收拢到同一处
把原先分散在若干篇文章里的入口说明集中起来，用同一套说法描述桌面与移动两条路径，第一次可以横向比着看。
-
2.1 适配清单拆成两栏并覆盖四类设备
适配清单拆成两栏
台式机、笔记本、平板、手机四类设备各自成条，每条分最低环境与推荐环境两栏，换设备的人不必再逐段猜自己能不能用。
-
2.2 上手步骤压到六步以内
上手说明压到六步以内
新用户版本的说明重新分段，单条控制在六步以内，每步只讲一个动作，第一次上手不用来回翻页。
-
2.3 栏目按设备与使用阶段双维度重排
当前版本：栏目按设备与阶段重排
主栏目收敛为 6 个，二级专题 20 余个，检索可以按设备类型走，也可以按使用阶段走，刚换完设备的人两条路都能找到入口。