UI 设计语境 · 主题 / States & Feedback
状态与反馈
处理 Web 页面和工具在加载、空、错误、成功和进度中的体验。
Identity · 身份
- 子类型
- UI 设计语境主题
- 父级类目
- Web 界面设计
- 层级
- UI 设计语境 · 主题
What · 是什么
- 定义
- 处理 Web 页面和工具在加载、空、错误、成功和进度中的体验。
Why · 为什么
- 核心问题
- 系统暂时不能给结果时,用户如何保持理解和控制感?
- 分类目的
- 覆盖异步任务、错误恢复和结果确认。
Where · 在哪里
- 适用场景
- Docs / FAQ、Tool、Contact / Conversion、FAQ、Progress / Empty / Error、Save / Export、Search & Filter、Tool Input、Tool Result、通用 Web 设计框架
Lifecycle · 生命周期
- 状态
- 草稿
所属 UI 领域与横向 Web 关系
关系来自本地关系表,并包含反向关联。
- Contact / ConversionContact & Conversion Page应用于
承接用户咨询、注册、预约或其他高意图行动的转化页面。
- Docs / FAQDocs & FAQ应用于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- ToolTool Page应用于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- FAQFrequently Asked Questions应用于
以问题和答案组织常见疑问的内容区块,通常位于页面决策或帮助节点附近。
- Progress / Empty / ErrorProgress, Empty & Error States应用于
描述工具或页面在等待、没有结果、失败和可恢复状态下的反馈区块。
- Save / ExportSave & Export应用于
允许用户保存、下载、复制或导出当前内容和工具结果的操作区块。
- Search & FilterSearch & Filter应用于
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- Tool InputTool Input应用于
工具型页面中收集用户输入、设置参数和触发处理的输入区块。
- Tool ResultTool Result应用于
工具处理完成后展示结果、解释结果并提供复制、保存、导出或继续操作的区块。
- Announcement / Site AlertAnnouncement / Site Alert反向 · 应用于
在页面顶部或关键上下文中告知维护、政策、活动或高优先级变化。
- Form Success / Next StepsForm Success / Next Steps反向 · 应用于
在表单或任务提交后确认结果、解释后续处理并提供下一步入口。
- Maintenance / Status PageMaintenance / Status Page反向 · 应用于
说明服务状态、维护时间、影响范围、进展和恢复后的验证方式。
- Notification / Update FeedNotification / Update Feed反向 · 应用于
按时间、类型和已读状态聚合系统、产品或业务更新。
- Progress / Empty / ErrorProgress / Empty / Error反向 · 应用于
在内容、任务或数据暂不可用时解释发生了什么,并提供等待、恢复或替代路径。
- Status / AvailabilityStatus / Availability反向 · 应用于
表达服务、产品、库存、功能或内容当前是否可用及其限制。
- Web 界面设计Web Interface Design属于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- AccordionAccordion反向 · 属于
通过展开和收起控制一组附加内容可见性的组件。
- Contact / ConversionContact & Conversion Page反向 · 属于
承接用户咨询、注册、预约或其他高意图行动的转化页面。
- Docs / FAQDocs & FAQ反向 · 属于
回答使用问题、配置问题和常见疑问的文档与问答页面。
- Export ButtonExport Button反向 · 属于
触发下载、复制或生成文件的明确操作组件。
- FormForm反向 · 属于
组织多个输入、校验、提交和结果反馈的任务组件。
- FAQFrequently Asked Questions反向 · 属于
以问题和答案组织常见疑问的内容区块,通常位于页面决策或帮助节点附近。
- Progress / Empty / ErrorProgress, Empty & Error States反向 · 属于
描述工具或页面在等待、没有结果、失败和可恢复状态下的反馈区块。
- Save / ExportSave & Export反向 · 属于
允许用户保存、下载、复制或导出当前内容和工具结果的操作区块。
- Search & FilterSearch & Filter反向 · 属于
帮助用户在大量页面、内容或结果中缩小范围并找到目标对象的区块。
- TabsTabs反向 · 属于
在同一上下文中切换互斥内容面板的组件。
- ToggleToggle反向 · 属于
表示并即时切换一个二元设置状态的控件。
- Tool InputTool Input反向 · 属于
工具型页面中收集用户输入、设置参数和触发处理的输入区块。
- ToolTool Page反向 · 属于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- Tool ResultTool Result反向 · 属于
工具处理完成后展示结果、解释结果并提供复制、保存、导出或继续操作的区块。
- 通用 Web 设计框架Universal Web Design应用于
一个不绑定真实网站的 Web 界面知识框架,用页面、区块、组件、模式和原则描述 Web 设计对象之间的关系。