【观点】每个UI设计师都应该了解的设计心理学原理

张艺川,UIPark基础阶段主管、高级讲师、专业硕士。长期致力于数字媒体艺术方向研究,对用户体验设计及视觉设计延伸有大量的知识储备与独特理解和心得。热衷于深层艺术挖掘、UI相关课题研究。工作态度严谨认真,亲和力强。

设计是解决问题的一种方法,在解决问题的过程中设计师需要去了解产品的定位,把握用户的行为动机,深入挖掘每一个需求背后的目的。因此,作为一名优秀的设计师,设计心理学是绝不能忽视的。在懂了这些设计心理学之后,也许你会发现用户的每一次行为,都有着丰富的心理学现象在背后做支撑。今天这篇文章就为大家简单介绍几个与交互设计相关的著名设计心理学原理。

冯·雷斯托夫效应

冯·雷斯托夫效应告诉我们,某个元素看上去越是违反常理,反而会越引人注目、受到更多关注。Hedwig von Restorff在1933年检验了这个理论。她让实验对象观看一系列相似的物品。如果其中某个很特殊,比如说有聚光灯照射,那么相比其他物品,受试者就更容易回忆起这件物品。

这条原则能以多种不同方式应用到设计中。倘若你想要让某物变的引人注目,就要使它变的特殊起来,例如可以通过改变色彩、尺寸、留白面积等等。

例如微博作为一款社交类产品,就是将标签栏中间发布微博的按钮通过颜色的差异化来吸引和引导用户。

马斯洛需求层次理论


这个金字塔形,用来表现一个人要达到自我实现,需要经历哪些步骤。人人都有需求,某层需求得到了满足之后,另一层需求才会出现。

将其应用在设计中,一款好的产品,最核心的功能就是应该解决人的需求,在开始一款产品时,要先想想目标客户的需求,处在金字塔的哪一层。你的设计如何激发他们向更高的一层迈进。

席克定律

席克定律关系到一个人需要多久来做出决定。当一个人面临的可选择性越多的时候,需要做出决定所耗费的时间就会越长。某些情况下,用户在做决定时耗费的时间过长,就会导致其根本做不出任何决定。

当这个概念运用到设计中的时候,例如在做设计网站时,要保持导航栏尽可能简洁,只有少数几个选项,帮助用户迅速做出决定。

例如当下比较流行的一款社交软件《soul》在注册成功进入界面之初,会进行测试,对相同爱好人群进行分类,然后机器人帮助随机匹配,从很大程度上说减轻了用户选择和做决定的负担,极大的化解了用户在面对庞大的社交人群时匹配到相同兴趣爱好朋友的难度。

奥卡姆剃刀原理

奥卡姆剃刀原理告诉我们最简单的解决方法往往是最好的。尽管这与其说是设计原理,倒更像是一个“少即是多”的哲学概念。

刚入行的设计学生们总是习惯于将自己的想法全部呈现出来,设计结果往往非常复杂,里面有许多不必要的元素。但是,你却发现用户对这些设计并不买账。当然,这个概念和前面提到过的席克定律也有所关联。如果你尝试向产品或者网页中塞入过多内容,而摒弃最简单直观的方案,人们就会有过多的选择的机会。最后就会使用户眼花缭乱,放弃选择。

2秒法则

2秒法则,就是指在极短的时间内展示核心的重要信息,从用户体验角度来说,用户等待的时间越短,用户体验就越良好,反之则会增加用户的焦虑情绪。例如,如果loading界面是一片空白,用户长时间得不到反馈,很有可能会选择卸载或直接退出。

例如美团外面在下拉刷新页面,就会加入一只骑电动车的小袋鼠动效,其目的也是增加用户体验,提升友好度,安抚用户的等待时间。

7±2法则

其实人脑处理信息的能力是极其有限的,人们每次只能处理大约5~9件事情,人们短时记忆范围大约7个单位。所以在设计产品导航时,导航栏目要控制在9个以内,栏目过多会增加用户的使用负担。

例如微博点击加号按钮弹出的菜单一屏保持在8个图标,超出的则放置在第二屏。

古藤堡图表

古藤堡图表也叫做“对角线平衡和谐状态”。该理论提出,人们在浏览页面或布局的时候,视线流都趋向于从上到下,从左到右的眼动规律。所以左上角是用户视觉第一落点区,而右下角则是视觉最终落点区。

所以我们在电商类的平台上发现很多商品详情页都运用了古藤堡图表的原理在其中,通常在界面的左上角展示商品的图片、品名和价格,右下角则放置着购买按钮这一重要操作。右上和左下往往是一些不起购买决定因素的按钮,如客服、分享等链接。

设计心理学有不同的理论,作为设计师,心理学是不可忽视的点。把握这些人类大脑的原则,决定了人们对你的设计作何反应、如何相互作用。也希望诸位能够理论联系实际,能够将它们结合到实际运用中。

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 199,440评论 5 467
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 83,814评论 2 376
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 146,427评论 0 330
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,710评论 1 270
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,625评论 5 359
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,014评论 1 275
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,511评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,162评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,311评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,262评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,278评论 1 328
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,989评论 3 316
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,583评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,664评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,904评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,274评论 2 345
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,856评论 2 339

推荐阅读更多精彩内容