编者按:本文来自微信大众号“UXRen”(ID:cnUXRen),作者UXRen社区,36氪经授权发布。
翻译:小黑,审校:惜惜
有些人常误以为设计就等同于发明力。实际上,设计不只仅是常被描绘的发明力的仅有成果。优异的用户体会设计师往往是解读人心的能手。他们可以洞悉用户是怎么看待一个设计并区别其好坏的。
加州大学(圣地亚哥分校)设计实验室负责人唐·诺曼(Don Norman),在其《设计心思学》一书中对这个类比做了如下描绘:
咱们有必要以人们原本(天然)的办法而不是咱们期望的办法进行设计。拜见别的一个章节 “不要太讲逻辑”,究竟国际上还有一半的人还未到达平均水平。
作为设计师,为了能提出处理用户问题的计划,了解用户的痛点是至关重要的。这个进程包含了解用户行为,与他们发生共情,然后创立出一个能提高用户工作效率的渠道。
为了协助你了解用户的感知,咱们从设计心思学原理中提取了5个重要的经历教训,让咱们开端吧!
1、在UX设计中重视“少便是多”和“多便是少”
幻想一下,去饭馆时你需求从有100多个菜品的菜单中做出挑选。很显着,从100多道菜品中选菜比从既定的20道菜品中做出挑选要花更长的时间。设计也是如此。
大多数设计师对用户设计都有一个普遍性观念,那便是为用户供给有惊喜感的选项。毫无疑问,人们喜爱去做挑选,但太多的选项会令他们困惑。一般人一次能处理的信息量是有限的。
这与席克规则(Hicks Law)有关,假如给人们供给更多的挑选,那他们花在做决议上的时间也会更多。不管人们有意(或无意)发觉,人们做的决议很大程度取决于他们以为“是否值得”。他们不只会权衡本钱,而且还会考虑决议计划带来的收益,这被称为“本钱效益剖析”。
图片来历:https://lawsofux.com/
图片翻译:
席克规则。挑选的数量越多,越杂乱,决议计划所需求的时间越长。
要害点:
更多的选项会导致更长时间的考虑并做出决议;
将杂乱的使命分解为更小的进程,为用户简化挑选;
着重引荐选项,防止用户莫衷一是。
那么怎么将席克规则运用到你的产品设计中?
这里有一个简略的准则。设计师应时间紧记用户只会带着特定方针拜访你的网站,不要供给过多的选项困扰他们。消除各种过度的着重、不必要的链接、文字、图片、按钮,让用户可以找到他们需求的,并尽可能快速的、毫不分神的完成使命。还有一条经历是将杂乱的进程分解为简略且可控的多个小使命。经过供给明晰的途径,让你的用户无缝导航,并尽可能早地激起啊哈时间(Aha)!
2、让最重要的信息保持在折叠线之上
图片来历:https://lawsofux.com/
图片翻译:
图片文字:网页阅览的F型规则。
用户的视野一般先在内容区域的顶部进行水平移动。这构成了F上面那一横。接下来,用户的视野会向下一些,移动到第二条水平线,一般这条线会比之前的水平线短些。这是F下面那条较短的横线。最终,用户的视野沿着左边笔直向下阅览内容。在缓慢而有条理的阅览时,在眼动热力求上会呈现一条实条纹,在快速阅览的时分会呈现一些斑驳。这便是F的最终一竖。
要害点:
榜首行文字会比同页面上后几行文字取得更多的重视。
每行左边的头几个词会比同一行中后续文字取得更多的视野逗留。
依据眼动追寻的相关研讨,大多数用户习气以类似的眼睛凝视形式(眼动阅览办法)阅览网页。研讨标明,大多数的网页热力求很好表现了访客的会集凝视区域和凝视时长。
最常见的阅览形式一般会构成一个“F”型区域,代表用户的短时阅览的跨度规模。用户首先在屏幕顶部的一条水平线上阅览,然后向下移动一些并在水平方向的一小片区域内阅览。
依据尼尔森诺曼小组(NielsenNorman Group)在有45,237个PV(网页拜访量)的网页上进行的一项研讨标明,人们往往只阅览页面上约20%的文本。更糟糕的是,在内容较多的网站上,每添加100个字,人们只会额定多投入4秒。
那么,用户体会设计师怎么在他们的用户体会战略中运用这一规则呢?咱们应该把要害信息放在被阅览最多的凝视点上,而且尽量用简略但有目共睹的标题来招引用户的留意。
在一个人们不逐字阅览的国际里,尼尔森诺曼小组供给了以下辅导准则来让文字更易扫读。
高亮要害词
含义明晰的副标题
带项目符号的列表
每段文字表达1个观念
倒金字塔结构——从定论开端
字数为传统写作的一半(或更少)
3、在设计中慎重运用色彩
色彩的美好之处在于能协助人们辨认和区别类似物体。从心思学上讲,色彩是人类情感的驱动力。人类经过大脑的视觉体系感知或发明色彩,这意味着色彩实际上是片面的,而不是客观的。
设计师一般将色彩作为招引用户留意力的一个重要影响要素。它为设计师供给了一种与产品品牌树立联络的枢纽。大多数用户的购买时长和购买决议计划很大程度上取决于色彩。
但色彩心思学怎么协助设计师创立一个更好的用户体会设计战略呢?
依据乔·哈洛克(Joe Hallock,Azure的首席设计司理)的观念,性别间的色彩偏好存在显着差异。男性和女人最喜爱的色彩是蓝色,最不喜爱的色彩是橙色。此外,鲜艳的色彩一般是男性的首选,柔软的色彩是女人的首选。
这些发现清楚地说明晰为什么蓝色是设计师最喜爱的色彩,为什么橙色运用得最少。不过,咱们不应该仅依据用户喜爱运用色彩,还应该考虑用户的行为和偏好。
图片来历:https://lawsofux.com/
图片文字:不同性别对色彩的偏好不同
要害点:
男性更喜爱鲜艳的色彩,女人更喜爱柔软的色彩。
4、明晰表达哪些部分是相关的,哪些不是
在设计进程中,设计师经过展现元素的相关和不相关来表达结构和联络会更有含义。相关(类似性)或不相关(差异性)可以经过运用比如形状、色彩和尺度等根本元素得到表现。
例如,salon的(旧版)网站由两个部分组成,这两个部分依照它们的相对尺度分组。
在这里,用户可以清楚地看到两个独立分组,分别是左边的头条新闻和右侧的抢手新闻。虽然这两个组做的工作相同,例如展现文章, 可是经过使头条新闻部分尺度更大,并以不同色彩着重作者姓名,而运用户愈加重视它。
这与类似规则有关,即人眼倾向于将设计中的类似元素视为一个完好的图片、形状或组,即便这些元素是分隔的。
图片来历:https://lawsofux.com/
图片文字:类似规则。人眼倾向于将设计中的类似元素视为一个完好的图片、形状或组,即便这些元素是分隔的。
要害点:
保证链接、导航与一般文本有视觉上的区别,且保持共同的款式。
假如上面的比如依然不能压服你,那么让咱们来看看类似规则是怎么在设计中表达“相关”的。
链接和导航
链接和导航是为你的用户快速供给整站导航的最常用办法。一般,读者们不会为了找到他们想要的内容去阅览整个页面, 他们会测验屡次链接跳转或运用导航来找到相关信息。
设计师有意或无意地把运用类似规则作为网页设计的日常。类似规则可以解说为什么如此多的设计师喜爱运用带蓝色下划线的文本作为超链接款式,或至少让一切链接看起来显着且共同。
美国船主协会(Boatus)的官方网站运用下划线和色彩来表达导航链接分组之间的联系。这使阅览者可以意识到类似的导航项是相关的,或许在网站的数据层级中具有类似方位。
5、经过组合类似内容和区别不同内容来简化视觉层级
与咱们的app开发者工作过的大部分客户都曾这样说:“咱们期望App设计简练易懂,给用户留下深刻印象。”
用户们不喜爱乱七八糟的设计。一项由Hubspot安排的查询称,“访客垂青的是能轻松找到信息,而不是美丽的设计或花哨的用户体会”。
图片来历: /5-key-lessons-from-psychology-in-design-to-help-you-advance-ux-2cbb837b4581(Michael Williams,2019.06.12)