产品开发交互设计心理学原理分享
2022-10-19 15:39:17 0 举报
AI智能生成
产品开发交互设计心理学原理分享
作者其他创作
大纲/内容
心理学效应
格式塔原理
格式塔心理学
创始人:韦特海默
代表人:考夫卡、苛勒
书籍
《格式塔心理学原理》
格式塔在设计中应用
UI中的运用案例1
UI中的运用案例2
马斯洛需求层次理论
创始人:亚伯拉罕·马斯洛
定义:人类需求像阶梯一样从低到高按层次分为五种,分别是:生理需求、安全需求、社交需求、尊重需求和自我实现需求。
设计案例应用
案例1
设计法则
冯·雷斯托夫效应
创始人:心理学家冯·莱斯托夫
定义:某个元素越是违反常理,就越引人注目、令人难忘。
示例图
设计案例应用
案例1
诱饵效应
领域范围:经济学
定义:就是指人们对两个不相上下的选项进行选择时,因为第三个新选项(诱饵)的加入,会使某个旧选项显得更有吸引力。被「诱饵」帮助的选项通常称为「目标」,而另一选项则被称为「竞争者」。
参考资料
那些很熟悉但又叫不出名字的设计法则:诱饵效应<br>
系列位置效应
创始人:赫尔曼·艾宾浩斯
定义:是一种记忆现象 ,在列举项目时,排在最前面与最后面的元素,要比排在中间的更容易让人记住。
参考资料
那些很熟悉但又叫不出名字的设计法则:系列位置效应
学会系列位置效应,让你有理有据做设计!
功能可供性
创始人:詹姆斯·J·吉普森
定义:一些物品或环境从视觉上会感到适合某些功能。
参考资料
案例应用1
预期效应
创始人:心理学家廷波克
定义:一种因个人预期或他人预期而改变了看法与行为的现象。
参考资料
那些很熟悉但又叫不出名字的设计法则: 预期效应
形式服从功能
创始人:建筑书路易斯·沙利文
定义:「形式服从功能」法则,可以用两种方法来诠释,一种是美感描述,另一种是美感规范。「描述性诠释」指的是美感来自纯粹的功能,没有其他多余装饰。「规范性诠释」指的是设计注重功能,美感属于次要。
参考资料
那些很熟悉但又叫不出名字的设计法则:形式服从功能
80/20法则,帕累托法则
创始人:巴莱多
定义:在整个产品中,80%的效果是由20%的关键元素决定的。确切的百分比并不是重点,在实际情况中,关键变量所占比例是10%~30%不等。
参考资料
那些很熟悉但又不知怎么用的设计法则:80/20法则
倒金字塔法则
创始人:Edwin Stanton
定义:指的是一种呈现资料的方式,先呈现最重要的资料,然后呈现附加的详细信息,重要性依先后顺序递减。
参考资料
那些很熟悉但又叫不出名字的设计法则:倒金字塔法则
尼尔森十大交互设计原则
设计案例应用
案例1
总结2
创始人:雅各布·尼尔森
定义:尼交互设计的一位web 易用性大师“——Jakob Nielsen人机交互学博士发表
原则
1、Visibility of system status 系统可见性原则
系统应该让用户知道发生了什么,在适当的时间内做出适当的反馈。
2、Match between system and the real world 匹配系统与真实世界(环境贴切原则)
系统应该用用户的语言,用词,短语和用户熟悉的概念,而不是系统术语
3、User control and freedom用户的控制性和自由度(撤销重作原则)
为了避免用户的误用和误击,系统应提供撤销和重做功能。
4、Consistency and standards一致性和标准化(一致性原则)
系统要遵循平台规范的惯例。也就是,同一用语、功能、操作保持一致。
5、Error prevention 防错原则
比出现错误信息提示更好的是更用心的设计防止这类问题发生。
6、Recognition rather than recall 识别比记忆好(易取原则)
尽量减少用户对操作目标的记忆负荷,动作和选项都应该是可见的
7、Flexibility and efficiency of use使用的灵活高效(灵活高效原则)
中级用户的数量远高于初级和高级用户数。为大多数用户设计,不要低估,也不可轻视,保持灵活高效。
8、Aesthetic and minimalist design 审美和简约的设计(易扫原则)
互联网用户浏览网页的动作不是读,不是看,而是扫。易扫,意味着突出重点,弱化和剔除无关信息。
9、Help users recognize, diagnose, and recover from errors 帮助用户识别,诊断,并从错误中恢复(容错原则)
帮助用户从错误中恢复,将损失降到最低。如果无法自动挽回,则提供详尽的说明文字和指导方向,而非代码,比如404。
10、Help and documentation 帮助文档(人性化帮助原则)
帮助性提示最好的方式是:1、无需提示;2、一次性提示;3、常驻提示;4;帮助文档。
交互设计七大定律
Fitts’ Law / 菲茨定律(费茨法则)
创始人:保罗·费茨
定义:目标越远,点击时需要移动的时间越长;目标的大小会影响移动的速度和判断,越小,需要停下时花费的时间越长;
启示:
1、按钮等可点击对象需要合理的大小尺寸,按钮越大越容易点击
2、相关联的功能按钮放在一起更容易点击
3、次要功能的按钮可以缩小一点
4、功能类型不同的按钮要放得远一点
设计案例应用
案例1-web中的应用
案例2-按钮的大小
案例3-交互七大定律之菲茨定律
Hick’s Law / 席克定律(希克法则)/希克一海曼定律
创始人:是以英国心理学家威廉·埃德蒙·席克(William Edmund Hick)和美国心理学家雷伊·海曼(Ray Hyman)命名的
定义:人在面临选择越多的时候,所要消耗的时间成本越高。
启示:
1、减少不必要的选择,提高选择效率;
设计案例应用
案例1
案例2-如何使用希克定律
案例3-设计法则:希克定律
神奇数字 7±2 法则
创始人:乔治·A·米勒
心理学学科
设计案例应用
案例1-法则在设计中的应用
案例2-海盐社文章
The Law Of Proximity 接近法则
创始人:韦特海墨
格式塔心理学
设计案例应用
案例1-在设计中的应用
案例2-海盐社文章
复杂度守恒定律/泰思勒定律
创始人:Larry Tesler
设计案例的应用
案例1
防错原则-尼尔森的十大交互设计原则
创始人:雅各布·尼尔森
设计案例应用
案例1
Occam’s Razor 奥卡姆剃刀原理
创始人:奥卡姆的威廉
设计案例应用
案例1
认知心理学设计书籍
《认知与设计——理解UI设计准则》
作者:Jeff Johnson
《格式塔心理学原理》
作者:库尔特·考夫卡
《ABOUT FACE 4交互设计精髓》
作者:Alan Cooper艾伦·库珀
《设计心理学1-4》
作者:唐纳德·A·诺曼
《简约至上》
作者:Giles Colborne
《交互设计沉思录》
作者:Jon Kolko
其他
版本相关
是否设置启动页、引导页和新手引导
是否需要进行数据埋点
消息推送
硬件交互
获取相机权限
获取相册权限
获取GPS权限
提示
流量/Wi-Fi切换提示
断网提示
加载中、加载成功、加载失败提示
动效
页面切换
弹窗
控件
操作
点击、滑动、拖动、拉伸、缩放、摇一摇
控件
点击区域
尽量避免误操作基础上,使用户更容易点击
禁用状态
点击是否有提示
可操作状态
加载状态
是否可中断加载
操作时状态
高亮显示
选中状态
再次点击是否可取消选中状态
提醒状态
小红点提示、气泡提示
操作后结果
成功、失败提示
数据
展示
页面无内容 —— 需引导
局部数据无内容 —— 占位文字、占位图片
所有数据加载失败该如何显示
部分数据加载失败该如何显示
数据长度、特殊字符、敏感词限制
数据计量单位是否不同
1000=1k;10000=1W
1分;59秒;刚刚
键盘弹出是否有问题
横竖屏
刷新加载
自动刷新、手动刷新
加载中样式
刷新成功/失败提示
刷新出新内容或者没有新内容提示
一次刷新加载多少数据
排序
排序变动频率
排序变动规则
缓存
缓存哪些数据
缓存数据更新规则
缓存数据删除规则
前置条件
无账号登陆
账号未登陆
账号已登陆
0 条评论
下一页