S-01
常用入口索引
12 个高频入口按打开次数从多到少排。你不必先想清楚该点哪个,排在最前面的就是大多数人进手机版后的第一个动作。每个入口后面带一行地址,看到就能存下来。
排在前三位的入口,点进去只要一步。
01 · 四类内容
找不到入口、拿不准自己的屏幕行不行、步骤看不明白、手上的旧资料怕过期——四类内容一一对应,你不用在几个页面之间来回试。
S-01
12 个高频入口按打开次数从多到少排。你不必先想清楚该点哪个,排在最前面的就是大多数人进手机版后的第一个动作。每个入口后面带一行地址,看到就能存下来。
排在前三位的入口,点进去只要一步。
S-02
注册和导出分开成栏,一条步骤只写一个动作,前面标好预计花多久,后面写清做完之后屏幕上会出现什么。跟着往下走就行,不用猜下一步该干什么。
平均一条步骤读完不到 30 秒。
S-03
96 组区间按屏幕宽度、像素密度、系统版本三个维度排好。对着自己的机型找到那一行,先确认显示没问题,再开始操作,能省掉一半返工。
4.7 到 7.1 英寸的主流屏幕都在里面。
S-04
v3.2 以来的 21 个历史版本资料都留着,改了排版或者流程的时候,会同时放出新旧对照。手上的操作步骤跟现在对不上,先按版本号翻回去看一眼,多半能找到你熟悉的那一版。
按版本号检索,比翻时间线快。
02 · 常用入口索引
排序看的是最近一段时间里入口被打开的频次,每次整理都会重新排一遍。想找的功能叫不准名字,先从这 12 个里对一遍,一般翻不到第二个。
这里列出的是前八位,其余四个入口在索引页末尾。每一行右侧都有复制按钮,点一下地址就进了剪贴板,贴到备忘录或者发给自己,下次不用重新翻。
03 · 屏幕适配
宽度决定排版挤不挤,像素密度和系统版本决定按钮点不点得准。三样对上了,后面的步骤基本不会再卡在显示上。
按 CSS 像素切分,从 320px 到 431px 以上共 96 组区间。先找到你屏幕宽度落在哪一格。
2x、2.5x、3x 三档。同一宽度、不同密度,按钮的物理大小会差一截,操作手感也跟着变。
决定弹窗和输入框的默认样式。版本较低的机型,有些确认按钮会挤到屏幕下沿。
| 屏幕宽度 | 常见机身 | 像素密度 | 系统版本 | 这一档怎么操作 |
|---|---|---|---|---|
| ≤ 320px | 4.7 英寸 | 2x | Android 8–10 | 单列排版,先收起侧栏再操作,按钮会占满整行 |
| 321–360px | 5.0–5.5 英寸 | 2x–2.5x | Android 10 以上 | 默认版式可用,导出对话框要往下滚一屏才能看到确认 |
| 361–390px | 5.5–6.1 英寸 | 2.5x–3x | iOS 14 以上 | 显示正常,导出预览是双列排布 |
| 391–430px | 6.2–6.7 英寸 | 3x | iOS 15 以上 | 表格可以全部展开,适合在这一档做完一次完整导出 |
| ≥ 431px | 6.8–7.1 英寸 | 3x | Android 12 以上 | 字号加大后仍能完整显示,字号可调到最大 |
标橙的那一行是显示上要多做一步的情况,展开对应的步骤就能看到字号怎么调。清单每季度跟着新上市机型补一次,常备真机 62 款。
04 · 分步文档
386 条步骤分注册和导出两大栏。一条只讲一个动作,动作在前,结果在后,照着做不会做到一半停下来想。
编号用分栏字母加两位序号,比如 R-03 是注册栏的第三步。跟客服说编号,比你描述页面长什么样要快得多。
打开注册入口,确认页面顶部出现“注册”两个字。
会看到两个空白输入框,光标停在第 1 个上。
约 1 分钟
填手机号,点获取验证码,然后把手机放回信号好的地方。
手机会收到一条 6 位数字的短信,输入框旁边出现倒计时。
约 2 分钟
把 6 位数字填进去,设一个密码,点提交。
页面跳到个人中心,顶部显示你的手机号后四位。
约 2 分钟
05 · 导出格式
导之前先想清楚这份文件接下来给谁看、放到哪儿去,格式选对了,后面基本不用再返工。
F-01
要接着在表格软件里算数、排序、合并单元格,选它。字段会按列对齐,不用再手动拆。
F-02
只想把内容贴进聊天窗口或者备忘录,去掉所有格式。粘贴过去不会带一堆多余的换行。
F-03
想把当时的排版和链接一起留住,断网也能翻。适合存一份留底,过几个月再看还是原样。
F-04
要发到群里、贴进报告,图比字好使。一次打包所有图片,按步骤顺序编号,不会乱。
F-05
要交给系统或程序继续处理,字段和层级都标好,导入时不用再定一次结构。
F-06
A4 排版,页边距和分页都调好了,打印出来直接能翻。给不方便看手机的人用正好。
06 · 使用顺序
跳过任意一步都容易在中途卡住,按顺序走看着慢,实际最快。
先确认这一次是要注册、要导出,还是单纯显示不对。场景不同,走的栏也不同。
用屏幕宽度、像素密度、系统版本在适配清单里找到自己那一行,看清这一档要注意什么。
打开对应分栏,从第一个编号往下走,一条做完再下一条。中途别跳步。
每步写的结果对照看一眼。对不上就带着编号去问题排查里找,定位会快很多。
07 · 常见疑问
自己点一遍也能碰到结果,但对不上时说不清差在哪一步。清单把可能出岔子的位置提前标了出来。
试得出来的是结果,试不出来的是失败时差在哪一步。清单把每一步做完该看到什么写清楚了,哪一步对不上,当场就能定位。尤其是导出,很多人以为是自己选错了格式,其实是屏幕宽度那一档没对上。
先看相邻的两档。区间是按 20px 一档切的,测量方式不同会差十几像素,落在上下两档之间很正常,取更窄的那一档的操作建议更稳妥。实在拿不准,把机型告诉客服,四十来分钟会有人回你。
先看导出栏里标橙的那条步骤,那里列了最常见的三种中断情况。对完还是不行,带着步骤编号去问题排查里按现象找,通常三五分钟能出来。