知识栏目的第四期,「全宇宙体系」是由美国交互设计资讯独家原创性连载的关于交互设计的知识分享栏目,通过系统化、体系化地为大家带来干知识货推文,带领大家探索全宇宙体系中的“小行星”,收获一个个锦囊妙计。
,通过在信息架构设计上投入研究时间,我们可以为高效的用户体验奠定基础,并为大家推荐了信息架构的实用性工具。跟随我们的全宇宙知识体系,我们将介绍视觉设计在用户体验设计中的作用,本文的原作者是尼克·巴比奇——一位优秀的UX架构师。在我们的往期推文中还有关于:
视觉设计在创造具有卓越美感的产品方面发挥着关键作用。在本文中,我们将讨论什么是用户体验设计中的视觉设计,它与可用性的关系,以及设计师应该遵循哪些视觉设计原则来创造更好的用户体验。
产品设计的首要目标是使界面可用,在使用过程中用户的眼睛应该被正确的信息和功能所吸引。为了实现这一点,
一旦实现了这个目标,他们也可以在他们的应用程序设计中引入令人愉悦的元素,例如使 UI 更具吸引力的清晰插图的动画效果。
字体、线条、形状、颜色、纹理、体积和负空间是设计师使用的基本工具。设计师的角色是将这些设计元素联系在一起,并从视觉角度构建最佳布局。人们倾向于通过物体的基本形状来识别物体。单独使用线条,可以创建简单或复杂的对象。在下图中我们可能会看到一个输入表单,即使它只是一个简单的行的组合:
设计缺乏统一性很容易导致混乱,并给与产品交互的人带来糟糕的视觉体验。以下是需要考虑的一些重要的视觉设计原则:
相似法则相似法则是格式塔原则的一部分,格式塔是一个德语单词,意思是“形状”或“形式”。
格式塔心理学由德国心理学家创立,专注于人们如何解读世界的研究,同时也建立了一些基本原则,称为“感知组织法则”。这些原则描述我们感知世界的方式。人们倾向于感知所有部分的总和,而不是单个元素。因此,格式塔规则之一(相似法则)说,具有相似视觉外观的元素似乎更相关。
对比视觉设计师使用对比使元素脱颖而出,可以通过操纵对象颜色的差异来创建对比度。当视觉设计师在网页上工作时,他们通常依靠对比色来为单个元素(例如号召性用语按钮)增加视觉重量。
等级制度层次结构显示页面上各个元素的重要性。通常,设计人员通过更改单个对象的大小来创建层次结构。例如,页面的标题使用比单个部分的标题更大的字体。
Craigslist是一个免费自由平台,所有信息的发布都是自由和免费的,对于恶意信息的监控,网站主要倚赖的是客户的反馈。
Craigslist 虽然看上去颇为乏味,可是却是美国人最喜欢的网站之一。有人在这里卖掉自己的旧车,有人在这里租到中意的房子,有人在这里找到工作,还有人在这里找到女朋友。
正如“苹果之父”乔布斯曾经说过的那样,“设计不仅仅是它的外观和感觉,设计就是它的运作方式。
这样的界面可以帮助用户快速实现他们的目标。这就是为什么功能性、可靠性和可用性在用户需求金字塔中创建三个基本层的原因。
当用户体验设计师致力于可用性时,他们专注于使用户旅程尽可能顺利。当整体设计方向获得批准后,需要专注于使UI设计易于实用以及令人愉悦。因此,他们需要布置视觉元素的位置并遵循良好的视觉设计原则。
但是,如果我们跳过可用性步骤并直接进行愉悦的视觉设计,会发生什么?最有可能的是,我们最终会造成糟糕的用户体验。
这条规则在网页设计中更为重要,如果用户在我们的网站上找不到他们想要的东西,他们将离开并永远不会回来。
但不要只是假设人们会喜欢你的设计,设计团队可以与用户一起测试,并根据用户行为衡量成功。越早测试,我们对设计决策就越有信心。因此,不要等待开发结束——使用原型来测试我们的设计决策。
同时,评估你看到的每一个趋势并尝试预测什么将是持久的趋势,什么将很快过时是至关重要的。设计师们可能不想花费时间和精力过于频繁地改变自己的视觉风格。
