让对话框中的动作按钮尖叫它的结果
让对话框中的动作按钮尖叫它的结果

Image Source: https://material.io/guidelines/components/dialogs.html#dialogs-alerts
我们在应用程序中使用对话框来通知用户情况,并要求用户确认。在对话框中使用的简单动作按钮对是 OK/Cancel 和 Yes/No 。但是我们能做得更好吗?
让对话框中的动作按钮尖叫它的结果
如果动作按钮清楚地表明结果,比使用普通标签(如“确定/是”)会有更好的用户体验。
从材料设计指南,
肯定性行动文本“放弃”清楚地表明了决定的结果。
不屑一顾的行动文本“不”回答了问题,但没有暗示之后会发生什么。一个更好的动作对应该是显式的“取消”和“删除”
一个好的对话框不仅仅是询问用户他们想要执行什么动作。这也是让每个选项尽可能清晰。
为一个按钮命名来解释它的作用通常比使用一个通用标签(比如“OK”)要好。
尽可能使用动词,而不是“是”或“好”,因为你的按钮会脱离解释文本或标题的上下文而变得有意义。
当你可以用动词代替的时候,千万不要用“是”或“好”!
让我们看看一些著名应用程序的对话框中使用的“动词”标签,

Screenshot from Google Photos Android app

Screenshot from Facebook Messenger Android app

Screenshot from Twitter Android app

Screenshot from Medium Android app

Screenshot from Gallery Android app

Screenshot from Google Keep Android app

Screenshot from Hangouts Android app

Screenshot from Google Fit Android app
看起来‘动词’标签几乎用在了所有应用的对话框中,除了少数几个(cough Telegram cough Amazon)。让我们实现这个对话框 UX 模式,让我们的应用程序更好地为用户服务。
如果你觉得这篇文章有用,请点击💚下面,别忘了在评论里分享你的想法。



