sumaart

web site / mobile & h5 / brand design
less is more, art is freedom…

设计观点

Back

为人眼设计有效的用户体验

Share

Time:

2022-03-03 11:26:55

Author:

素马

设计的成功完全取决于用户如何与之交互。

 

人们越容易理解和处理他们的工作,他们就越愿意使用该产品。因此,对于设计师来说,重要的是要充分了解人类将如何与界面互动,尤其是他的眼睛如何拾取视觉信息的模式,这样他们才能设计出有效的视觉层次结构,即用户使用的顺序。解释页面上的数据。

 

素马设计认为我们越是根据人类的视觉处理进行设计,我们就越会为出色的用户体验而设计。这一切都是关于使用人类的能力来帮助他们以更好的方式理解界面。

 

四个主要因素可以帮助设计师设计更好的用户体验:

 

首先是形式,并具有更多属性,如方向、形状、大小、线宽和线高以及外壳。作为设计师,可以使用所有这些属性来区分不同类型的信息。

 

其次是颜色。这个特性可以帮助我们根据用户的需求设计带有颜色的界面,比如在需要注意的地方使用硬色,使用较少的相反颜色组合来降低认知成本或区分信息类型等。

 

空间位置是人们可以感知界面中位置重要性的另一种方式。例如,左上角是最重要的信息。此外,一致的位置可以帮助用户回忆他们之前接触过的界面,这可以帮助他们以更好的方式理解它。

 

运动是最后一个因素,可用于在需要时吸引用户的注意力。这是因为眼睛和周边视觉的形成在检测运动方面非常强大。

 

格式塔原则:

格式塔原则 是一组解释人类思维如何感知视图的规则。其中一些原则包括:

 

>人类更喜欢完整的形状并首先看到它们,因此当元素之间有空间时,我们倾向于自动填充间隙。

 

>人类遵循路线和相同的流程。

 

>人类先于凹形注意到凸形。

 

>人类渴望稳定,避免不确定性,因此我们寻找稳定的对象。我们的注意力总是被前景吸引,除非我们正在看的图像不清楚。

 

>人类将这些元素联系在一起,形成有意义的图像。

 

>人类对彼此接近的元素进行分组。

 

>人类在形成图案的同时对相互连接的物体进行分类。

 

>人类寻求平衡,并尽最大努力为设计带来秩序。

 

层次结构 UI 设计模式:

 

在查看 Web 或桌面应用程序时,人眼倾向于

 

遵循某些特定模式来扫描内容。这些眼球追踪模式可以帮助我们设计一个界面或有效的 UI DESIGN PATTERNS。最常见的描述如下: F模式:

 

F型:

在文本内容较多的应用中,FPATTERN主要用于解释用户的眼球运动。可以看出,在查看最上面的水平线或标题后,读者首先垂直扫描屏幕,寻找会引起他们兴趣的重要单词。找到它们后,他们开始以正常的阅读方式水平阅读这些线条。这种做法在重复时会形成一个类似于字母 F 的图案。

 

通过这种模式可以学到的一些东西是读者几乎不会阅读完整的文本。所以正文最重要的部分应该在整个内容的前两三段,重要的关键词应该用标题、粗体字和项目符号突出显示。

 

Z 模式:

Z PATTERN 用于包含等量混合内容类型(如图像和文本)的应用程序。 在这种情况下,读者首先查看第一条水平线(通常是主标题和/或菜单栏),然后将他们的眼睛移到左下角,扫描放置在中心的任何图像或其他媒体并重复该过程。这种眼球运动描绘了一个 Z 形图案。

 

对于这种模式,需要注意的是背景和前景应该是清晰可辨的。另外,可以看出最上面一行是最适合应用重要标识符的地方;左侧最适合徽标和标题,右侧最适合使用菜单栏进行重要操作调用。中心应由描述服务的图像或视觉媒体组成,并能够分隔顶部和底部的文本区域。

 

眼睛和颜色:

对手过程理论认为,颜色感知是由眼睛视网膜中的各种受体系统控制的。这些系统位于视锥细胞内,每个都有两种相反的颜色,如黑色和白色、红色和绿色或黄色和蓝色。每个系统都会刺激两种类型的化学物质,但两种相反的颜色不能同时产生相同的化学物质。例如,具有红色和绿色的系统不能同时传输两种颜色的化学物质。

 

这些解释有助于我们了解在仪表板中使用颜色的重要性。我们不能使用随机的颜色组合来尝试使仪表板美观。应该少用硬色,并且只在重要的信息部分使用。反色也不宜过多使用,因为它们增加了用户的认知成本。‘

 

要记住的要点:

为了设计一个有效的视觉层次和设计,设计师应该牢记几个因素。简要说明如下:

 

>元素的大小应该足够大,以便用户轻松查看它们。较大的元素比较小的元素吸引更多的注意力,因为人们倾向于忽略他们看不清楚的物体。

 

>应该使用明亮但平静的颜色,因为它们会迫使用户使用它们。此外,所使用的配色方案应该是对比鲜明的,尤其是在背景和前景元素之间,以帮助用户轻松区分它们。

 

>额外的装饰字体使用户难以理解单词。应首选简单字体,例如 Arial、Roboto、New Times Roman 等。此外,字体大小应至少为 16 像素,以便在各种设备上轻松可见。

 

>相似的内容应该具有相同的对齐方式,以便用户可以将它们联系在一起。此外,脱离对齐模式的元素往往会吸引用户的更多注意力。

 

>当涉及到设计领域时,边距是最重要的因素之一。尽管放置得很近的元素给人一种相关的印象,但所有元素都应该以一种清晰且易于找到的方式组织和间隔开。

 

>每种元素都应使用标准形状,尽管可以向它们添加样式变化。 

 

>美观和复杂的设计将无关紧要。

 

>重要的是不要将空白视为额外的空间,而是将其视为重要的设计元素。适当放置的空格使用户能够毫不费力地感知每个元素。

 

>重要的元素和内容应放置在人眼首先或比其他人眼更频繁地扫描的地方。还应该通过使用更大的字体大小、粗体样式以及对比色和对齐方式来强调它们。

 

>形状、图标包、颜色和字体等一致的样式主题使用户将内容识别为相关的主体。

 

因为热爱所以在一起

如果您对有效的用户体验有更多看法,可以与素马设计分享,我们愿意接受更多的建议和看法,素马设计是一家热爱设计,在乎用户体验,以人为本的网站设计公司。

 

希望更多热爱设计的小伙伴加入素马设计,或成为我们的合作伙伴,为创造更好的用户体验目标携手前行。