网页设计原则:设计弹窗时要遵循哪些原则

Post 5 of 929

虽然很多设计师都吐槽弹窗设计对网站的用户体验实在太差,但如果弹窗设计及使用都能恰到好处的话,那它对网页设计而言,是非常有效的用户界面元素。,因为它能帮助用户快速且便捷地达成目标。下面,香港网页集团将为大家介绍,“设计弹窗时要遵循哪些原则”,帮助各位在使用时避免可能对用户造成的困扰。

什么是弹窗?

 

网页设计原则:设计弹窗时要遵循哪些原则

网页设计原则

弹窗是一个刺激用户回应,让用户与之交互的浮层。它可以告知用户关键的信息,要求用户去做决定,同时还能涉及到多个操作。

设计弹窗时要遵循哪些原则?

原则一:减少干扰

 

网页设计原则:设计弹窗时要遵循哪些原则

网页设计原则

对用户来说,突然出现的弹窗会强迫用户停止正进行的任务,并将注意力转移到弹窗的内容上,这会容易引起用户的反感。

解决方法:

· 不是每个选择、设置、或细节都有必要中断用户当前的操作。

· 弹窗的备选方案有菜单以及同框内的扩展,这两种控件都可以保持当前页面的延续。

· 可不要突然跳出弹窗,应该让用户对弹窗的每次出现都有心理预期。

原则二:弹窗应与现实世界相关连

 

网页设计原则:设计弹窗时要遵循哪些原则

网页设计原则

弹窗应该尽量使用用户熟悉的的文字,短语和概念,而不是一些特有的专有名词,否则用户会感到疑惑或不理解。

解决方法:

· 在弹窗中语言要尽量简洁,同时使用语意清晰的问题和选项。

· 设计促进操作完成的弹窗。

· 在操作完成后,提示用户操作已经完成了。

原则三:讲求极简

网页设计原则:设计弹窗时要遵循哪些原则

网页设计原则

别试图将所有东西都放到弹窗内,要遵从KISS(越简单越好)原则,保持干净和简约。但需注意的是,极简主义并不意味着被局限住,弹窗的内容应该是有价值且与它的主题相关。

解决方法:

1. 若你发现很多地将所有元素都放到弹窗里,通常代表该弹窗并不是最优的设计方案。

2. 将不必要的,且对用户没帮助的元素或内容从弹窗中去除,以达到简化的目的。

3. 尽量避免在弹窗内安置多个步骤。

原则四:选择适当的弹窗种类

弹窗大致分为两类:

 

网页设计原则:设计弹窗时要遵循哪些原则

网页设计原则

1. 吸引用户关注的模态弹窗,强制用户与之交互后才能继续。这种弹窗通常被用在独立、强制的流程中。

 

网页设计原则:设计弹窗时要遵循哪些原则

网页设计原则

2. 非模态弹窗,允许用户通过点击或轻触周围就可关闭。

原则五:视觉一致性

网页设计原则:设计弹窗时要遵循哪些原则

网页设计原则

首先,打开弹窗时后面页面可稍微变暗,一来能将用户的注意力转移到弹窗上,二来能让用户知道后面的页面是不可再用。

其次,弹窗右上角应有关闭的选项,方便用户关闭窗口。

最后,避免弹窗内附加校探闯,这会加深用户所感知到的网站或app的层级深度,从而增大了视觉的复杂性。

用户体验的目的是为用户而做的设计而非技术,所以要知道什么设计最适合你的用户,才能方便他们进行你想要的任务。

This article was written by admin

MENU
網頁設計公司