从空书架到第一条书签：一个读书 App 的冷启动路径审计【鸿蒙心迹】

摘要

本文是「静读」读书 App 开发心得系列的第四篇，聚焦冷启动路径：从空 App 第一次打开，到时间线上落下第一条书签，用户究竟要走过几屏、做几个决策、又有几个决策被默认值扛掉。作者以截图逐屏审计，用「用户决策数 / 默认值扛掉数 / 零值态说了什么」三列口径，依次复盘录入弹窗、书房首页、时间线空态、阅读器划线、时间线与成长页六个界面，最终得出主路径仅 4 个真实决策、4 个字段由默认值扛掉、三屏零值态各说一句话的结论，并提炼出「一屏最多一个主 CTA」「默认值扛决策、提示句扛时机」「零值必须说话」三条可带走的原则。

关键词：冷启动 · 空态设计 · 默认值 · 决策成本 · 鸿蒙 ArkUI

目录

• 一、为什么要审计冷启动：读书 App 的价值是延迟的
• 二、第 1 步 · 录入：五个字段，默认值扛掉四个
• 三、第 2 步 · 回到现场：两个按钮，一个目的地
• 四、第 2′ 步 · 分支：时间线空态是一句教学加一个按钮
• 五、第 3 步 · 沉淀与回收：第一条书签落下，零值成长页开始说话
• 六、审计汇总
• 七、三条原则（可带走）
• 结语

「静读」开发心得 · 篇四。前三篇讲"有数据之后"：状态图保证一致、计时器保证真实、成长页保证可见。这一篇讲"有数据之前"：从空 App 第一次打开，到时间线上落下第一条书签，用户要走过几屏、做几个决策、有几个决策被默认值扛掉。我拿着截图，把这条路逐屏审计了一遍。

一、为什么要审计冷启动：读书 App 的价值是延迟的

工具类 App 的冷启动大多"即时兑现"：待办 App 第一次打开就能输入，输入完立刻看到价值。读书 App 不一样——它的价值是延迟兑现的：用户必须先添加一本书、再打开读、读的时候划一条线，第一条书签和第一分钟时长才存在。在此之前，App 里所有的界面都是空的。

这意味着冷启动路径上任何一步决策成本过高，用户都会永久停在"添加了书但再没打开"的状态。审计口径因此定为三列，逐屏记录：

二、第 1 步 · 录入：五个字段，默认值扛掉四个

添加弹窗有 5 个字段：书名、作者、章节数、分类、放入书架。其中必填只有书名，其余 4 个全有出口：作者可留空、章节数预填 8、分类在 8 个方向里默认选中"认知"、书架默认"在读·加入正在阅读的书架"。

这一屏的决策数因此从 5 压到 1。更关键的是提示句："填好书名即可开始。阅读时按章节自动生成可划线的内容。"它把"录完整本书"从一次性前置成本，改成阅读过程中逐步长出来的成本——默认值省的是输入，提示句改的是成本发生的时机，后者更重要。

三、第 2 步 · 回到现场：两个按钮，一个目的地

添加完回到书房，第一屏只有一张继续阅读卡片和两个按钮：继续阅读、章节与书签。看似二选一，实际两个出口通向同一个目的地（阅读器）：一个回到上次位置，一个去目录。会合的按钮不算选择——它不要求用户判断"该点哪个"，只是给不同记忆习惯两个把手。这一屏决策数仍是 1。

四张零值统计卡（连续 / 今日 / 书签 / 在读读完）被退到第二屏：冷启动时它们全是零，放在第一屏只会稀释"继续阅读"。零值不是不该出现，是不该挡路。

四、第 2′ 步 · 分支：时间线空态是一句教学加一个按钮

如果用户添加完书直接点进书签时间线（而不是去读），他会看到空态。第一版我只写了"暂无书签"，测试时没人知道可以划线；改成：

阅读时选中正文，就能把打动你的句子留在这里。

再加一个按钮：“去读第一章”。

这一分支的审计结果：决策数 1（点不点），但它一次完成两件事——用一句话教会产品里最隐蔽的功能，再把用户送回这个功能发生的场景。空态 CTA 不是导航，是转化路径。

五、第 3 步 · 沉淀与回收：第一条书签落下，零值成长页开始说话

在阅读器里选中一句正文，记为划线 / 想法 / 疑问 / 行动四类之一（默认划线，接受默认则这一屏决策数从 2 降到 1）。回到时间线，第一条书签自动按时间倒序插入——这一屏决策数 0。

最冷的一屏是成长页：近七日 7 根柱子全零、合计 0 分钟，里程碑"连续阅读 3 天"已完成 0%、还差 3 天，常读方向与投入最多的书也空着。我的选择是全画，不藏：零值柱状图的意义是承诺（“这里将记录你的七天”），里程碑 0% 的意义是目标（“你需要的第一个东西是 3 天”）。藏起零值（折叠图表、达标才显示模块），第一次打开的成长页就是一张白纸，用户永远不知道自己在等什么。

六、审计汇总

下面这张图把六屏连成一条主路径，每个节点旁标注该屏的「用户决策数」，虚线为「2′ 分支」：

#mermaid-svg-k3ZfuVfUF4gcwhDX{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:16px;fill:#333;}@keyframes edge-animation-frame{from{stroke-dashoffset:0;}}@keyframes dash{to{stroke-dashoffset:0;}}#mermaid-svg-k3ZfuVfUF4gcwhDX .edge-animation-slow{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 50s linear infinite;stroke-linecap:round;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edge-animation-fast{stroke-dasharray:9,5!important;stroke-dashoffset:900;animation:dash 20s linear infinite;stroke-linecap:round;}#mermaid-svg-k3ZfuVfUF4gcwhDX .error-icon{fill:#552222;}#mermaid-svg-k3ZfuVfUF4gcwhDX .error-text{fill:#552222;stroke:#552222;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edge-thickness-normal{stroke-width:1px;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edge-thickness-invisible{stroke-width:0;fill:none;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-k3ZfuVfUF4gcwhDX .marker{fill:#333333;stroke:#333333;}#mermaid-svg-k3ZfuVfUF4gcwhDX .marker.cross{stroke:#333333;}#mermaid-svg-k3ZfuVfUF4gcwhDX svg{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-k3ZfuVfUF4gcwhDX p{margin:0;}#mermaid-svg-k3ZfuVfUF4gcwhDX .label{font-family:\”trebuchet ms\”,verdana,arial,sans-serif;color:#333;}#mermaid-svg-k3ZfuVfUF4gcwhDX .cluster-label text{fill:#333;}#mermaid-svg-k3ZfuVfUF4gcwhDX .cluster-label span{color:#333;}#mermaid-svg-k3ZfuVfUF4gcwhDX .cluster-label span p{background-color:transparent;}#mermaid-svg-k3ZfuVfUF4gcwhDX .label text,#mermaid-svg-k3ZfuVfUF4gcwhDX span{fill:#333;color:#333;}#mermaid-svg-k3ZfuVfUF4gcwhDX .node rect,#mermaid-svg-k3ZfuVfUF4gcwhDX .node circle,#mermaid-svg-k3ZfuVfUF4gcwhDX .node ellipse,#mermaid-svg-k3ZfuVfUF4gcwhDX .node polygon,#mermaid-svg-k3ZfuVfUF4gcwhDX .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-k3ZfuVfUF4gcwhDX .rough-node .label text,#mermaid-svg-k3ZfuVfUF4gcwhDX .node .label text,#mermaid-svg-k3ZfuVfUF4gcwhDX .image-shape .label,#mermaid-svg-k3ZfuVfUF4gcwhDX .icon-shape .label{text-anchor:middle;}#mermaid-svg-k3ZfuVfUF4gcwhDX .node .katex path{fill:#000;stroke:#000;stroke-width:1px;}#mermaid-svg-k3ZfuVfUF4gcwhDX .rough-node .label,#mermaid-svg-k3ZfuVfUF4gcwhDX .node .label,#mermaid-svg-k3ZfuVfUF4gcwhDX .image-shape .label,#mermaid-svg-k3ZfuVfUF4gcwhDX .icon-shape .label{text-align:center;}#mermaid-svg-k3ZfuVfUF4gcwhDX .node.clickable{cursor:pointer;}#mermaid-svg-k3ZfuVfUF4gcwhDX .root .anchor path{fill:#333333!important;stroke-width:0;stroke:#333333;}#mermaid-svg-k3ZfuVfUF4gcwhDX .arrowheadPath{fill:#333333;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-k3ZfuVfUF4gcwhDX .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edgeLabel{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-k3ZfuVfUF4gcwhDX .edgeLabel p{background-color:rgba(232,232,232, 0.8);}#mermaid-svg-k3ZfuVfUF4gcwhDX .edgeLabel rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-k3ZfuVfUF4gcwhDX .labelBkg{background-color:rgba(232, 232, 232, 0.5);}#mermaid-svg-k3ZfuVfUF4gcwhDX .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-k3ZfuVfUF4gcwhDX .cluster text{fill:#333;}#mermaid-svg-k3ZfuVfUF4gcwhDX .cluster span{color:#333;}#mermaid-svg-k3ZfuVfUF4gcwhDX div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:\”trebuchet ms\”,verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-k3ZfuVfUF4gcwhDX .flowchartTitleText{text-anchor:middle;font-size:18px;fill:#333;}#mermaid-svg-k3ZfuVfUF4gcwhDX rect.text{fill:none;stroke-width:0;}#mermaid-svg-k3ZfuVfUF4gcwhDX .icon-shape,#mermaid-svg-k3ZfuVfUF4gcwhDX .image-shape{background-color:rgba(232,232,232, 0.8);text-align:center;}#mermaid-svg-k3ZfuVfUF4gcwhDX .icon-shape p,#mermaid-svg-k3ZfuVfUF4gcwhDX .image-shape p{background-color:rgba(232,232,232, 0.8);padding:2px;}#mermaid-svg-k3ZfuVfUF4gcwhDX .icon-shape .label rect,#mermaid-svg-k3ZfuVfUF4gcwhDX .image-shape .label rect{opacity:0.5;background-color:rgba(232,232,232, 0.8);fill:rgba(232,232,232, 0.8);}#mermaid-svg-k3ZfuVfUF4gcwhDX .label-icon{display:inline-block;height:1em;overflow:visible;vertical-align:-0.125em;}#mermaid-svg-k3ZfuVfUF4gcwhDX .node .label-icon path{fill:currentColor;stroke:revert;stroke-width:revert;}#mermaid-svg-k3ZfuVfUF4gcwhDX :root{–mermaid-font-family:\”trebuchet ms\”,verdana,arial,sans-serif;}

2′ 分支

空 App 首次打开决策数 0

添加弹窗书名必填，其余默认决策数 1

书房首页继续阅读 / 章节与书签决策数 1

阅读器划线默认划线决策数 1（接受默认）

时间线空态去读第一章决策数 1

时间线首条书签自动倒序插入决策数 0

成长页零值全零柱 / 里程碑 0%决策数 0

图中每个节点标注的「决策数」，与下方审计汇总表的「用户决策」列逐行对应；虚线标出的「2′ 分支」即表中第 3 行「时间线空态」，它最终仍会合回阅读器划线，因此不计入主路径的累计决策数。

从空书架到第一条书签，主路径累计 4 个真实决策（书名、继续阅读、选中句子、书签类型；接受默认类型则 3 个），其中 1 个是输入、其余是点选；4 个字段由默认值扛掉；三屏零值态各说一句话——统计卡说"会记录什么"，空态教学说"怎么产生"，零值图表说"会记在哪里"。

七、三条原则（可带走）

总结

把这次审计收拢成一句话：冷启动不是"少放东西"，而是"把该说的话说在该说的地方"。

• 决策层面：五个字段压到一个，两个按钮会合成一个目的地，四类书签默认划线——每一步都在替用户做减法，主路径只剩 4 个真实决策。
• 时机层面：默认值省的是输入，提示句改的是成本发生的时机；"填好书名即可开始"把录完整本书的前置成本，挪到了阅读过程中逐步长出来。
• 零值层面：统计卡退到第二屏不挡路，空态教学讲清书签怎么产生，零值图表全画不藏——三屏零值各说一句话，缺一句就是 bug。

对读书这类价值延迟兑现的产品，冷启动设计的成败不在界面多漂亮，而在用户能否在第一次打开时就明白"我该做什么、做完会得到什么"。当第一条书签落进时间线，前面三篇讲的状态图、计时器、成长页才真正开始工作。

结语

系列前三篇保证"数据来了之后一致、真实、可见"，这一篇保证"数据会来"。把六屏连起来看，冷启动设计做的其实是同一件事：替用户做减法——把决策减到每屏一个，把零值减成一句会说话的话。

当第一条书签落进时间线，篇二那张状态图开始转动，篇三那套计时器开始累加——读书 App 从这一刻起，才真正开始工作。

下一篇：《四种书签，一条时间线：一个读书 App 的记忆颗粒与它的边界案例》——放大到状态图里最细的颗粒：四种类型、序键，以及删除与筛选空的三个边界。

#鸿蒙 #HarmonyOS #ArkUI #冷启动 #空态设计 #开发心得