15个设计心理学原理在UI上应用的深度解析!(1)
“除非有更好的选择 , 否则就遵从标准”
你是否有在听别人说某某原理法则时一脸懵B的时候?明明知道这个原理却说不出它的名字?不要紧 , 本文就来介绍与人机交互设计相关的15个常见的设计心理学原理 , 约13000字 , 帮助你了解产品的定位 , 需求目的和交互逻辑 , 洞悉用户的各种行为 , 也为自己的设计予以理论支撑 。
7±2法则「米勒定律」
1956年美国科学家米勒米勒在这篇文章中根据其他人的实验数据 , 估计了人的短时记忆组块的数量大概在7左右 , 上下可以浮动2 , 所以这就是7±2数字的来源 。 他注意到年轻人的记忆广度为5-9个单位 , 就是7±2法则 。 与席克定律类似 , 神奇数字7±2法则也经常被应用在移动应用交互设计上 。
因为人脑处理信息的能力有限 。 7±2法则应用很广泛 , 例如只能手机通讯录中的手机号码被分割成”xxx-xxxx-xxxx“的形式 , 还有银行卡号 , 甚至我们的游戏里将数字或者模块拆分开来读写 , 目的就是降低记忆成本 , 提高信息的易读性 , 从而达到视觉防错的作用 。
文章图片
文章图片
1.banner的文案不超过9个字
banner主文案字数通常控制在9个字以内 , 在设计时也通常把长标题一分为二共排两行 , 使得用户快速阅读 , 提升点击率转化 。
文章图片
交互设计用7±2法则是减少用户认知负荷 , 提升用户体验的重要环节 。
2.PC端和主机端导航栏选项卡数量不超过9个
设计主机端导航时 , 如果希望用户记住导航区域的内容 , 那么数量应该控制在7个左右(不超过9个) , 如苹果、Dribbble、behance等网站的导航分类 。 主机游戏里如Assassin’sCreedOrigins , CallofDuty:ModernWarfare
文章图片
文章图片
文章图片
3.主机端导航栏选项卡数量过多时
如果主机端导航或选项卡内容很多 , 可以用一个树状层级结构来展示格局关系 , 需要注意的是其广度和深度的平衡 。 如Dribbble , 把更多子类别收在二级目录里 。
4.移动端Tabbar区标签最多不超过5个
移端手游设计中 , 底部Tabbar最少3个 , 最多为5个(几乎没几个超过5个) , 这样做除了减轻用户记忆负担 , 超过5个会降低视觉和操作上的体验 。 事实上就算只有4个 , 我们也经常想不起微信底部的4个Tab分别是啥 。
文章图片
文章图片
文章图片
5.移动端选项卡导航
在移动端应用设计中 , 常见的电商App分类模块 , 下面两个产品的商品分类布局形式很相似 , 都是用了选项卡的方式来分类商品 , 层级明确 , 相应的提升了用户找寻单品的效率 。 游戏里的应用也是一样的道理!
文章图片
文章图片
- 罗技|体验设计师,你的价值到底是什么?
- 亚马逊被指控利用大数据、竞价等方式销售抄袭热门产品设计
- 芯片设计巨头Arm与剑桥强强联手,成立“深科技”初创加速器
- MIUI|MIUI14系统大改,抛弃臃肿固件设计,网友建议:可以叫“OS”!
- 设计师|图纸版本管理混乱怎么办?一个软件帮你搞定!
- 诺基亚n73|诺基亚N73复刻版:骁龙8+大眼五摄设计,它敢造我就敢买
- CPU处理器|单核性能猛增68% 国产CPU龙芯下一代完成设计:不涨价
- 一加科技|别关注小米13了,一加11官图泄露,全新外观设计将成新美学的开始
- 设计认知行为心理|系统性聊聊设计心理学
- saas|面试时被问到“什么是设计”该如何回答。