ui component page pattern type / Onboarding Flow
Onboarding Flow
帮助新用户完成初始化、偏好设置和首次成功任务
Key fields
Identity
- Subtype
- 模式
- Parent Taxonomy
- Patterns & Page Templates
What
- Definition
- 帮助新用户完成初始化、偏好设置和首次成功任务
- Core Question
- 如何让用户在Onboarding Flow中理解当前上下文、完成任务并获得明确反馈?
- Composition
- 触发或标题、主体内容、辅助信息、主要操作、状态反馈、关闭或返回入口(按场景取舍)
Why
- Behavior Mechanism
- 通过语义结构、可预测交互、状态转换、键盘操作和响应式布局降低任务成本。
- Use Case
- 帮助新用户完成初始化、偏好设置和首次成功任务
Where
- Applicable Context
- Web Interface Design
How
- Checklist
- 定义用途;明确结构与状态;覆盖键盘/触摸/读屏;处理加载、错误和空状态;验证响应式与焦点顺序。
Evidence
- Common Mistakes
- 内容层级不清、默认状态缺失、操作优先级混乱、键盘和移动端行为未定义。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Patterns & Page Templates模式与页面模板Related
由多个组件组成、服务稳定任务流程或页面结构的可复用模式与模板。
- Completion StateCompletion StateReverse · Related
完成初始化后的成功反馈和下一步
- Next ActionNext ActionReverse · Related
进入下一引导步骤的操作
- Progress IndicatorProgress IndicatorReverse · Related
表达引导流程当前进度的反馈
- Skip ActionSkip ActionReverse · Related
允许用户跳过非必需步骤的操作
- Welcome StepWelcome StepReverse · Related
说明产品价值和首次任务的欢迎步骤
- CompleteCompleteReverse · Related
异步任务已经结束的状态。