模态化设计
UX百科编辑部2024-02-04 发布
423人在学·0条笔记
收藏
模态化是一种呈现内容的设计方式,这种模式可阻止与父视图交互且需要进行确切的操作来关闭。
以模态化方式呈现内容可以:
- 确保用户接收关键信息,并在必要时对其进行操作
- 提供选项以让用户确认或修改其最近的操作
- 帮助用户执行明确的小范围任务,同时不会忘记其之前的环境
- 向用户提供沉浸式体验,或帮助其专注于复杂任务
取决于不同平台,你可以使用不同的组件来呈现这些类型的模态体验。
应用指南
- 仅在必要情况下以模态化方式呈现内容。
- 保持模态界面简短和精炼。
- 注意避免让创建的模态体验看起来像位于你 App 内的 App。在模态任务内呈现视图层级结构尤其可能让用户忘记如何回溯其步骤。如果模态任务必须包含子视图,请提供浏览层级结构的单一路径,并避免包括可能被用户误认为是用于关闭模态视图的按钮。
- 考虑为复杂任务使用全屏幕模态样式。
- 始终向用户提供关闭模态视图的明显方式。
- 必要时,通过在关闭模态视图前获得确认来帮助用户避免数据丢失。
- 让模态视图的任务易于识别。
- 让用户关闭一个模态视图,然后再呈现另一个模态视图。
423人在学·0条笔记
收藏
已学会
4人已学会