交互模式的语言

【背景】导航模式是产品的信息入口：识别模式是模式语言学习的第一步。 【步骤】1. 打开手机 5 个 App；2. 识别各自的主导航模式（底部标签/汉堡/顶部/手势）；3. 统计哪种模式最主流及原因。 【输出】5 App 导航模式识别表。

【背景】同一产品多端导航对比，暴露平台差异与设计取舍。 【步骤】1. 选一个多端产品（微信/Notion/飞书）；2. 画出手机与桌面版导航结构；3. 分析差异原因（屏幕/输入/场景）。 【输出】多端导航对比图 + 归因。

【背景】iOS 与 Android 的导航差异是平台范式与用户习惯共同塑造的。 【步骤】1. 对比 iOS（底部标签+左上返回）与 Android（汉堡/系统返回）的导航范式；2. 分析差异来源（硬件按键/设计哲学/用户习惯）；3. 判断各自优劣。 【输出】iOS vs Android 导航范式分析。

【背景】表单是输入模式的设计场：控件选择决定填写成本。 【步骤】1. 找一个多字段表单（注册/下单/发布）；2. 分析每个字段用的控件（输入/选择/开关/日期）；3. 评价控件选择是否匹配字段性质。 【输出】表单控件分析表。

【背景】搜索模式因场景而异：全局搜索 vs 电商搜索 vs 系统搜索。 【步骤】1. 对比微信/淘宝/系统搜索的搜索模式；2. 分析各自的关键词处理、筛选、结果呈现；3. 评价模式与场景的匹配。 【输出】三种搜索模式对比。

【背景】重设计不满意的输入流程，检验你对模式的理解。 【步骤】1. 选一个不满意的输入流程；2. 画出现有步骤；3. 重新设计（减步骤/换控件/加反馈）并说明理由。 【输出】输入流程重设计。

【背景】列表/卡片/网格是不同的信息呈现模式，各有适用场景。 【步骤】1. 找三个用不同呈现模式的产品（列表/卡片/网格）；2. 分析每种模式的取舍（密度/沉浸/扫描效率）；3. 判断模式与内容类型的匹配。 【输出】三种呈现模式对比。

【背景】无限滚动是主流模式，但为谁好：用户还是增长？ 【步骤】1. 分析无限滚动的机制（无终点/时间黑洞）；2. 讨论其用户价值与商业价值；3. 判断何时该用、何时该弃。 【输出】无限滚动的价值判断。

【背景】设计系统把状态（默认/悬停/禁用/加载/错误）标准化，是产品的一致性保障。 【步骤】1. 打开 Material Design 3 或 Apple HIG；2. 记录一个组件的全部状态与规则；3. 理解设计系统如何保证一致性。 【输出】设计系统状态笔记。

【背景】加载反馈的方式（骨架屏/旋转/进度条）反映设计成熟度。 【步骤】1. 找 5 个 App 记录加载方式；2. 对比骨架屏与旋转 loading 的体验差异；3. 评价哪种更'为等待设计'。 【输出】5 App 加载方式记录。

【背景】错误状态常被遗忘，因为正常路径更受重视。 【步骤】1. 思考错误状态被忽视的原因（排期/重视度/认为罕见）；2. 举一个错误状态极差的产品；3. 提出'把错误当一等公民'的做法。 【输出】错误状态设计反思。

【背景】完整流程是模式的组合：拆解流程能看清模式如何协同。 【步骤】1. 选一个完整流程（淘宝购物/飞书建项目）；2. 拆解每一步使用的模式；3. 找出流程中断裂或摩擦处。 【输出】完整流程模式拆解。

【背景】终局任务：为一个'读书笔记 App'选定 5 种模式的组合。 【步骤】1. 明确产品功能（记录/整理/分享）；2. 选定 5 种交互模式（导航/输入/呈现/反馈/分享）并说明理由；3. 画出关键一屏。 【输出】模式组合方案 + 关键屏。