Material Design Confirmation &Acknowledgement 确认&通知

这是一个翻译系列,原文是谷歌18年所出的材料设计指南(文末有链接),强大的材料设计将带我们一起深入了解UI设计中的所有规范。每周会更新数篇,一共百余篇,欢迎关注哦。

确认和通知的传达要求对用户在执行操作前确认并在任务成功后通知。

目录

用法

确认

通知

用法

在用户执行操作之前确认并通知能减少用户对所执行的操作或是将要执行的操作的不确定性。它们也有助于预防用户犯错。

操作的类型:

确认要求用户核实需要继续执行的操作。通知是显示文本,让用户知道他们执行的操作已完成。

并非所有操作都需要确认或通知。

确认

用法

当用户界面向用户要求确认时,它是在询问用户是否想要继续他们刚刚调用的操作。它可能与警告或与该操作相关的关键信息相配对。

当操作的结果是可逆的或可忽略的,则不需要确认。例如,使用复选标记来显示已选择的图片,则不需要确认。

警报对话框

传达确认最好的方式是用使用警报对话框。

xtdjmyntsxo.png插图

通知

用法

一个通知能告知用户在后台发生的相关系统操作。它出现的时间很短,出现时可伴随撤销操作的选项。

fzhf1oaxia3.png插图(1)

通知组件

通知可以通过多种组件来展现。选择正确通知组件的标准如下:

紧急程度包含纠正问题的操作在屏幕上持续的时间(瞬间的,可取消的或二者都是)

瞬间的通知指的是组件将出现的几秒内自动退出。可取消的通知可以通过操作取消组件来执行取消。

组件紧急程度内容行为取消所需的步骤Snackbar低消息文本瞬间的&可取消的0~1步警报中纠正问题;提示状态持续的,不可忽略且不可取消1~2步对话框高请求选择;通知持续的,可忽略(可中断)1~2步空状态中消息文本持续的,可忽略0~2步

警报

使用警报向用户传递持续的应用内消息,通知用户特定的更改状态。

cx044phkdqv.png插图(2)

警报

Snackbar

用snackbar向用户提供有关操作的简要反馈。

mrhtmyx3f4y.png插图(3)

Snackbar

空状态

当用户界面仅在线可用且内容无法加载或同步时,请使用空状态。用户应该能够尽可能多地与应用程序的其余部分进行交互。可以提供重新加载的链接以帮助用户完成他们的任务。

2s2rkmkueai.png插图(4)

空状态

原文地址:Material Design

译者:杜雅黎

人已赞赏
UI设计

Material Design Data Format 数据格式

2020-10-12 2:04:35

UI设计

【面试题】喵街tab商城页改版总结

2020-10-12 2:04:37

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索