ic_ee

设计对话框以提升UX用户体验

用户体验在SEO中至关重要,页面的对话框与用户有着紧密的联系,今天让我们聊一下如何设计对话框以提升UX用户体验
什么是对话框?
设计中的对话框是提示或覆盖,一个需要用户与其交互以做出操作。例如:在保存文档前试图关闭文档时Microsoft Word的提示。推荐文章:《如何改善用户体验?【上】》
对话框通知用户:

  • 他/她需要采取一个行动
  • 关键信息
  • 需要注意特定的任务

让我们看一下设计这些对话框的一些优秀实践:
1.限制构建的对话框的数量
没有人喜欢多个中断。中断会迫使用户停止他们当前的任务并处理对话框。我建议限制对话框的使用,除非绝对必要,比如Word中的 “保存 “选项。只有当用户做一些事情时才显示对话框,比如点击按钮,这也是一个好的做法。有时候,一个不必要的对话框甚至会让用户望而却步,让他完全退出网页。就像博客中的强制 “订阅 “对话框或订阅电子报一样。
2.确保问题和选项清晰
很多时候,对话框使用的语言并不友好。对话框应该说出用户的语言。用 “删除您的信息?”,”代替 “警告”。这个问题应该清晰,并有一行解释。一个明确的方法是让用户知道他的决定的影响。可以通过在对话框中提供额外的信息来做到这一点。
3.使用对话框向用户只是其操作已被处理
完成操作后,通过对话框让用户知道。推荐文章:《如何改善用户体验?【中】》
4.保持简短,整洁
这一点怎么强调都不为过——最小化是最好的。特别是对于一个订阅对话框,或者如果想让用户填写一个表格,少即是多。另外,不必要的字段只会让用户感到反感。
5.避免在一个对话框中出现多个表单
正如上一点提到的,保持简单。多个表单会让用户感到方案,尤其是在一个对话框上。一个更好的方法是为表单创建新的登陆页。如果发现自己在一个对话框中塞进了太多的元素,最好创建一个新的页面。
6.背景很重要
使用变暗、变灰的背景有几个作用:

  • 它能将用户的注意力吸引到对话框上。
  • 它也让用户知道,一旦参与对话,就可以回到他/她所在的屏幕。

要记住,灰度不能太深也不能太浅。太深会隐藏主页面,太浅会错过对话框,以为主页面还在活动。推荐文章:《如何改善用户体验?【下】》
7.让 “关闭 “或 “X “清晰可见
不得不承认,对话框对用户来说有干扰性。虽然它可能是为了向用户传达一些重要的东西,但它也可能让人反感。如果用户想摆脱对话框,但又无法轻松找到 “X “或 “关闭”,那就更令人反感了。
希望这篇文章有助于为网站设计一些不错的对话框。

推荐相关文章:《提高电子商务网站客户体验的四种方法》