UI设计技巧:UI设计需要了解哪些心理学内容

企业若想要透过UI设计能吸引用户关注、发掘潜在客户,甚至进行诱导转换等,了解相关的心理学是非常重要的。那麽UI设计需要了解哪些心理学内容?

为什麽UI设计需要了解心理学?

在UI设计和交互设计中,学懂用户心理学,可以帮助企业理解用户认可哪些设计、不接受哪些设计,以及如何让用户接受自家网站的设计等,从而对网站做出调整,提升网站的用户体验。

UI设计需要了解哪些心理学内容?

① Von Restorff Effect(雷斯多夫效应)

Von Restorff Effect(雷斯多夫效应),又叫Disjunction Effect(隔离效应),即当界面出现多个相似物体时,人们往往最容易记住的是那个与其他相似物体不同的物体。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

在APP设计中,若想让用户快速区分出CTA按钮(召唤行为按钮),利用Von Restorff Effect就可以让用户清楚理解和记忆CTA按钮的作用。

② Serial Positioning Effect(系列位置效应)

Serial Positioning Effect(系列位置效应)是指在Serial Learning(系列学习)中,记忆材料处於不同系列位置,人类回忆的效果也不同。一般情况下,人类对接近开头和末尾的记忆材料的记忆效果会优於中间部分的记忆效果。这种开头和结尾记忆效果较好的部分,分别会叫Primacy Effect(首位效应)和Recency Effect(近因效应),而中间效果较差的部分则称为Asymptotic Part(渐近部分)。

简单来说,Serial Positioning Effect是指用户会更容易记住列表中的第一个和最後一个。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

这就是为什麽现在大部分APP设计都会放弃使用Hamburger Navigation(汉堡包导航)而使用Top Navigation(顶部导航)和Bottom Navigation(顶部导航),并将最重要的用户行为放在导航中的首位标签或末位标签。

③ Cognitive Load Theory(认知负荷理论)

Cognitive Load Theory是指人类在工作所使用的脑力总量。简单来说就是,完成一项具体任务时需要的思维量。

Cognitive Load Theory大致可分为三种类型:Intrinsic Cognitive Load(内在认知负荷)、External Cognitive Load(外部认知负荷),以及Associated Cognitive Load(关联认知负荷)。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

▲ 一般来说,Intrinsic Cognitive Load和Associated Cognitive Load会较为适用於交互设计。

为什麽这样说?

Intrinsic Cognitive Load是指用户对某个具体指令相关的操作难度,而这正是界面文案在好的交互设计中扮演这非常重要角色的原因。当APP需要敦促用户完成任务时,这里的文案应简短清晰,以便用户容易听从指令。

Associated Cognitive Load是指在处理信息及导图结构中所投入的认知负荷,反应组织不同类别信息及其间关系的思维模式。因此如果用户将新事物投射到他们已知的行为模式中,会更容易学习和操控新事物。

至於External Cognitive Load是指超越Intrinsic Cognitive Load的额外负荷,它主要是由於教学设计者应用了设计不当的教学而引起的,因此设计APP交互行为时应注意避免External Cognitive Load。

④ Hick’s Law(希克定律)

Hick’s Law,原称Hick Hymalrs Law(希克海曼定律),指的是当一个人需要面临更多的选择时,需要花更多的时间去做出选择,并且选择和时间呈正比。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

因此,APP设计遵从Hick』s Law时,应注意以下几点:

● 提供尽可能少的选项,并大幅提高选项的质量,但选项不能只剩下一个,而应让用户拥有可选择的权利;

● 必须较多选项时,不要把选项做得更复杂,同时要对选项做出权重/类别的区分,同时要隐藏/锁定/置灰不可点击的选项;

● Hick』s Law所讨论的场景,仅仅是指可交互界面中的元素,当涉及到选择本身的选择题,该理论并不适用。

⑤ Gestalt (格式塔定律)

Gestalt是UI设计和交互设计中非常重要的心理学,主张研究直接经验(即意识)和行为,强调经验和行为的整体性,认为整体不等於并且大於部分之和,主张以整体的动力结构观来研究心理现象

Gestalt主要分为接近定律、相似定律、连续定律、封闭定律、对称定律、主体/背景定律、共同命运定律这七种:

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

● 接近定律:物体之间的相对距离会影响我们判断它们是否为一组。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

 

● 相似定律:相似元素会让我们认为它们是同一组元素。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

● 连续定律:我们的感知倾向於将对象以直线或曲线的形式排列为相关或分组的,之所以会发生这种情况,是因为以直线或弯曲线连接的对象以最平滑的路径被看到。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

● 封闭定律:视觉系统自动尝试将敞开的图形关闭起来,从而将其感知为完整的物体而不是分散的碎片。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

● 对称定律:我们的大脑喜欢对称的物体,因为对称能分解复杂的场景来降低复杂度,从而产生稳定性和秩序感。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

● 主体/背景定律:我们的大脑习惯将视觉区域分为主体和背景,主题一般是场景中占据我们主要注意力的所有元素,其余则是背景。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

● 共同命运定律:当所有元素往同一方向移动时,我们的大脑会将它们视为同一组的一部分。

UI设计技巧:UI设计需要了解哪些心理学内容

UI设计技巧

● 综合:在UI设计中,各种Gestalt都不是独立应用,而是共同作用,并用每一条定律去考量各个设计元素之间的关系是否符合设计初衷。

UI设计的本质是为人服务,而心理学是对人的研究,因此两者结合,能更深入地了解用户的意识和行为,从而设计出让用户满意的作品,引起用户的关注和访问。

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/42384.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
Inspirr的头像Inspirr订阅用户
上一篇 2022年6月25日 01:27
下一篇 2022年6月25日 01:27

相关推荐

  • 关于网站制作的2个注意事项

    网站经营的过程中,为了能够给各位浏览者带来更好的浏览体验,网页设计往往成为很重要的一部分。并且从设计多个方面能够了解到,能够掌握非常正确的思路是很必要的一件事情。只有思路方面是正确的,最终网页完成设…

    2019年9月17日
    0175
  • 2017年网页设计如何更好地实现简洁风?  

      弱化功能表列 扁平化风格的网页设计专案,会对功能表列进行合理的弱化,也就是尽量地让页面变得更轻。 简化层级 也就是让用户的操作层级变得更为便捷,从而提升交互体验。 强化可读性 以内容为导向进行网页…

    2022年6月25日
    0104
  • 什麽是基於媒体查询的响应式设计?

    响应式的页面设计,是现在都非常流行的方式。只不过要认清的是,在实际的页面设计当中响应式设计还存在着一定的局限性。除了加载速度之外,还有就是很少小网站、小应用会采用一套代码来适配所有终端。 因此,就目前…

    2022年6月25日
    0143
  • 小编教你澳门网页设计常见流程。

        互联网已经走入了寻常人家,个体可以用网络来聊天学习和休闲娱乐,企业单位则可以通过互联网来发展日常业务,要想扩大企业的业务范围,公司需要拥有自己的企业官方网站,下面为大家介绍澳门网页设计常见流程流…

    2023年6月17日
    02
  • 网页设计要注意哪些理念问题?

    由于现在网页设计行业发展速度越来越快,各种不同类型的网页设计公司层出不穷,如果想让网页设计呈现出与众不同的高端效果,还能凸显出更好的功能性,必须要注意下面这些理念问题,只有掌握这些关键点,自然就会让…

    2019年8月20日
    0392
  • 网页设计三招分散用户痛点

    一、 全面多维度的视角网页设计固然要注重细节质感,但是过於注重而忽略了全面多围度的视角去发现和结局问题。单一的只解决用户痛点并不是合理的,因为割裂了整体,脱离整体去解决或者优化是矛盾的做法!二、 统一…

    2022年6月15日
    0146
  • 现今流行的极简网站案例之二

    文字:形的构思 合理的对页面文字进行优化、设计,反而能够让它不仅仅成为字体,还能成为一副图片,也就是兼顾了视觉的美感。这种字体图形化的处理方式,其实很好理解:因为文字自身具有一定的含义,若能够合理的增…

    2022年6月9日
    0149
  • 常见的banner布局类型

    对於网页设计来说,设计的形式和风格都是千变万化的,但变化的细节来来去去都是配色、品质、纹理、细节、角度等。以下罗列几种常见的布局类型: 左右结构的布局,文字在左或者右;是banner设计最为常见的布局形式,…

    2022年6月25日
    01.1K

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息