弹窗应当减少对用户的干扰;弹窗内容与现实世界相关联;尽量将内容减少;选择合适的弹窗种类;弹窗的各个元素应当保持视觉效果的一致性
弹窗的组成
虽然很多设计师都吐槽弹窗设计对网站的用户体验实在太差,但如果弹窗设计及使用都能恰到好处的话,那它对网页设计而言,是非常有效的用户界面元素。,因为它能帮助用户快速且便捷地达成目标。下面,香港网页集团将为大家介绍,“设计弹窗时要遵循哪些原则”,帮助各位在使用时避免可能对用户造成的困扰。
什么是弹窗?
弹窗是一个刺激用户回应,让用户与之交互的浮层。它可以告知用户关键的信息,要求用户去做决定,同时还能涉及到多个操作。
设计弹窗时要遵循哪些原则?
减少干扰
对用户来说,突然出现的弹窗会强迫用户停止正进行的任务,并将注意力转移到弹窗的内容上,这会容易引起用户的反感。
解决方法:
不是每个选择、设置、或细节都有必要中断用户当前的操作。弹窗的备选方案有菜单以及同框内的扩展,这两种控件都可以保持当前页面的延续。可不要突然跳出弹窗,应该让用户对弹窗的每次出现都有心理预期。
与现实世界相关连
弹窗应该尽量使用用户熟悉的的文字,短语和概念,而不是一些特有的专有名词,否则用户会感到疑惑或不理解。
解决方法:
在弹窗中语言要尽量简洁,同时使用语意清晰的问题和选项。设计促进操作完成的弹窗。在操作完成后,提示用户操作已经完成了。
讲求极简
别试
若你发现很多地将所有元素都放到弹窗里,通常代表该弹窗并不是最优的设计方案。将不必要的,且对用户没帮助的元素或内容从弹窗中去除,以达到简化的目的。尽量避免在弹窗内安置多个步骤。
适当的弹窗种类
模态弹窗
弹窗大致分为两类:
1. 吸引用户关注的模态弹窗,强制用户与之交互后才能继续。这种弹窗通常被用在独立、强制的流程中。
2. 非模态弹窗,允许用户通过点击或轻触周围就可关闭。
视觉一致性
首先,打开弹窗时后面页面可稍微变暗,一来能将用户的注意力转移到弹窗上,二来能让用户知道后面的页面是不可再用。
其次,弹窗右上角应有关闭的选项,方便用户关闭窗口。
最后,避免弹窗内附加校探闯,这会加深用户所感知到的网站或app的层级深度,从而增大了视觉的复杂性。
用户体验的目的是为用户而做的设计而非技术,所以要知道什么设计最适合你的用户,才能方便他们进行你想要的任务。
本文地址:https://www.pizijiang.com/tougao/109930.html
举报投诉邮箱:253000106@qq.com