关于对话框设计的5个用户体验UX设计原则

用户体验   2022-04-05

对话框是数字化产品中的必现元素,好的对话框设计可以给给予用户正确的引导,促使目标精准而快速的完成。

什么是对话框设计
对话框是一个覆盖层,提供与用户之间的交互,并引起用户的响应,告知用户关键信息、要求用户做出决定或涉及多项任务。在APP设计网站设计、等设备上,对话框越来越多地用于将用户的注意力引导到特定任务上,而不会将它们从当前屏幕的上下文中分离开。下面一起看看关于对话框设计的5个用户体验UX设计原则吧。

1. 未减少多余的干扰

因为对话框具有一定干扰特性,突然出现迫使用户停止他们当前的任务并专注于对话内容,而对于模态弹框,用户必须在继续之前处理对话框中的操作,并且不再能够访问下面的页面。有时这是一件好事,例如当用户必须确认一项重要操作时(例如“您要删除您的帐户吗?”),但对于许多任务来说这是非必要的,通常很烦人。只有当错误的成本可能非常高时,使用对话框是最有意义的。


2. 对话保持现实世界的温度

对话应该使用用户能接受的语言(使用用户熟悉的,具有情感色彩的文案),而不是特殊的系统术语。 明确的问题和选项 你应该用清晰的语言写问题。例如,当您要求用户删除她的文件时,而不是说“释放您的存储空间?” 问“你想删除你的文件吗?” 一般来说,您应该避免道歉、模棱两可或提问,例如“警告!” 或“你确定吗?” 因为她们引入了额外的视觉混乱,避免向用户提供模棱两可或不清楚的选项。您应该只使用明确的选项。在大多数情况下,用户应该能够仅根据标题和按钮文本来理解选择。


3. 极简设计主义

你不应该试图在对话中放太多元素。请保持简洁(参考和遵循KISS 原则)。但极简并不意味着单调,所有信息都应该是有价值的和相关的。 有一些元素不应该出现在对话框上,比如不建议使用包含滚动内容的对话框。 


4.选择正确的对话类型

对话框有两种主要类型。第一种类型是寻求注意力的模态对话框,它迫使用户在继续之前与它们进行交互,不需要周围的环境来决定采取什么行动。需要明确的“接受”或“取消”操作才能关闭它。单击对话框外部区域时,不会关闭。将用户的进度留在部分完成状态是不可接受的。第二种类型是非模态对话框,它允许用户单击或点击它们外部以关闭它们。您应该仅将模式对话框(第一种类型)用于非常重要的交互(例如删除帐户、同意条款和条件)。


5. 视觉一致性
当打开对话框时,后面的页面会稍微变暗,这有两个作业,首先,通过对话框背景的覆盖层引起用户注意,其次,让用户知道该页面当前未处于活动状态,需要进一步操作才可以继续。

如果您将其设置得太暗,用户将无法再在后台看到页面。如果你让它太轻,用户可能会认为页面仍然处于活动状态,甚至可能一开始就没有注意到对话框。清除关闭选项右上角应该有一个对话框的关闭选项。许多对话框在用户用于退出窗口的窗口角落都有一个“x”按钮。但是,对于普通用户来说,这个“x”按钮并不是一条足够简单的逃生路线。单击“x”通常需要更多的时间和精力,因为它的大小更小,用户必须发现并单击(点击)它。允许用户在单击其外部的背景区域时就可以退出非模态窗口是一个很好的设计。


维好维可-用户体验体验创新设计
合作咨询
+86-21-51115850
© 2010-2024  维好维可 | 用户体验创新设计公司
沪ICP备19006116号-1

联系我们,开启一场关于您项目的讨论会吧。

联系电话:
+86-21-51115850
商务邮箱:
hi@wellworks.cn
复制
公司地址:
上海市松江区茸阳路69号(百原PARK)贰号楼2楼

©2010-2024 维好维可 | 用户体验创新设计公司-版权所有

沪ICP备19006116号-1

需求留言 + 获取方案

提交信息后,我们的专属顾问会在1个工作日内与您联系。

怎么称呼?
您的手机?
您的邮箱?
您的需求?
维好维可-微信二维码