在写完GDPR和主题、插件和徽标之后,我又开始写我最喜欢的主题--设计。今天,我很兴奋地写下了设计对话框以改进用户体验的最佳实践。首先,让我花一点时间来谈谈什么是对话。
什么是对话?
在设计中,对话框是一个提示或覆盖,需要用户与其交互才能进行操作。这方面的一个例子是,当您尝试在保存文档之前关闭文档时,Microsoft Word会提示您。
一个对话框通知用户:
他/她需要采取行动
关键信息
需要将注意力放在特定的任务上
让我们来看看设计这些对话框的一些最佳实践:
限制内置对话框的数量:没有人喜欢多个中断。中断会迫使用户停止当前任务并处理对话。我建议限制对话框的使用,除非绝对必要,比如Word中的“保存”选项。仅在用户执行诸如单击按钮之类的操作时才显示对话框也是一种很好的做法。有时,一个不必要的对话框甚至会让用户望而却步,让他完全退出网页。就像博客中必选的‘订阅’对话框,或者订阅时事通讯。
2)确保问题和选项清晰:很多时候,对话框的语言并不友好。对话框应该使用用户的语言。用“Delete Your Account?”代替“Warning”。这个问题应该用一行解释清楚。一种清晰的方式是让用户知道他的决定的影响。您可以通过在该对话框中提供其他信息来执行此操作。
3)使用对话框向用户表明其操作已被处理:当操作完成时,通过对话框让用户知道。
4)保持简短,傻瓜:我再怎么强调这一点也不为过--简约是最好的。尤其是在使用订阅对话框时,或者如果您希望您的用户填写表单,则越少越好。另外,不必要的字段只会让用户感到困惑。看一看这个简单的两字段表单。
5)避免在一个对话框中使用多个表单:正如我在前面提到的,要保持简单。多个表单会让用户感到困惑,尤其是在对话框上的时候。更好的方法是为表单创建一个新的登录页。如果您发现自己在对话框中塞满了太多元素,最好是创建一个新页面。
6)背景很重要:使用变暗、灰色的背景可以做几件事:
它将用户的注意力吸引到该对话框上
它还让用户知道,一旦用户参与对话,就可以返回到他/她所在的屏幕
请记住,灰显不能太暗或太亮。太暗可能会隐藏主页面,太亮可能会错过对话框,认为主页面仍处于活动状态。
7)让“关闭”或“X”清晰可见:让我们承认,对话框对用户来说是侵扰的。虽然这可能是为了向用户传达一些重要的东西,但也可能是令人沮丧的。如果用户想要摆脱该对话框,但却无法轻松找到‘X’或‘Close’,那就更令人沮丧了。
好了,到此为止吧!我希望这篇文章能帮助你为你的网站设计一些精彩的对话框。有更多的小贴士吗?请随时在下面的框中给我们留下评论。再见,下一篇文章!