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

相关推荐

  • 网页设计师的最佳配色工具。

    作为一名网页设计师,我们所做的最重要的选择之一就是颜色选择,如果整体配色错误,那么整版设计稿就废了。例如,红色通常被认为是高能量的颜色,而蓝色则意味着冷静与和平。为了说明这一点,请考虑您可能在销售儿…

    2023年2月14日 SEO操作
    022
  • 想让你的网站流量更高!

    现在全国网络营销盛行,越来越多的公司选择网上推广这个营销途径,作为老板,当然更希望自己的网站有很好的功能性和美观性,同时也想自己的网站获得好的流量,并最终反映到业绩上。想要做到这些,选择一家好的网页…

    2019年8月20日
    0196
  • 网页设计和APP设计技巧:加载动画设计需考虑哪些内容?

    如今,越来越多手机应用程序和网站争相出现,用户对产品质量的要求也越来越高。对大多数用户而言,优秀的产品自然能快速满足他们的各种需求。 例如:网站加载时间延迟2-3秒,用户会以为这3秒加载延迟是个Bug,事实…

    2022年6月25日 建站资讯
    0123
  • 如何提高UI设计的精致度?掌握这五个UI设计技巧

    在互联网产品日趋成熟的今天,越来越多网页和APP变得非常相似,感觉就像同一套模板设计出来的产品。然而,产品同质化问题日益严重,使得UI设计不够精致,产品也缺乏品牌感和辨识度。 Inspirr认为,UI设计是否精致,…

    2022年6月14日 建站资讯
    0185
  • 5000字干货!全方位掌握导航栏设计要点。

    前言APP 的顶部导航栏(以下简称"导航栏")对我们来说再熟悉不过了,它是 UI 设计中必不可少的组成部分,几乎每一个页面都会使用到。虽然看起来很简单,感觉不需要花费多少精力,但设计一个与产品需求、…

    2023年3月2日 SEO操作
    00
  • 网站设计都有哪些难点必须要了解?

    网站设计,在当前庞大的竞争市场中,想要建设出一个出色的网站,绝对不是一件容易的事情,尤其是在这个互联网高速发展的现代社会,想要自己的网站在众多的同行中脱颖而出,那绝对是需要下大功夫的,在这里,我们就…

    2019年10月23日
    0378
  • 为何界面当中的交互逻辑不强?  

      不少界面设计师都遭遇过这种情况,合理的运用了方法论,流程也是符合用户预期的,同时整体的方向以及界面设计内容框架都没有问题。可是,到结果却还是出现了交互设计方面的逻辑问题! 其实最重要的问题是出…

    2022年6月25日
    0130
  • 网页设计如何进行?详解网页设计的8大流程步骤。

    清晰的工作流程可以让工作更好的完成,网页设计工作也不例外,网页设计通常会包含需求调研、搜集资料、网站主题确定、结构规划、主题元素构建、选择配色方案、设计实现以及反馈修改这几个步骤,接下来小编跟你详细…

    2023年3月7日
    033

联系我们

QQ:951076433

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