cover_image

这是一份设计师都在默默收藏的设计心理学指南

原创 sky AI绘画师日记

内容来源于知识星球APP：我们的设计日记

视觉感知：

最近学习了米勒定律和希克定律。其中关于如何提升视觉感知，有对我很有帮助，其中有一条：平均每个人在记忆时候最大数量为7个。

另外一条是：眼睛是获取大量信息的强大工具。大部分数据被无意识地吸收。视觉感知是设计领域的重中之重，特别是产品设计师，作为设计师需要去了解和运用这些定律，提升用户视觉感知

什么是视觉感知

视觉感知是人们能够获得信息，并由大脑进行处理的最有成效的方法。人的眼睛有着接收及分析视像的不同能力，从而组成视觉。脑部将眼睛接收到的物象信息，分析出四类主要信息就是有关物象的空间、色彩、形状及动态。有了这些数据，我们可辨认外物和对外物作出及时和适当的反应。

视觉感知的特点

速度快，所有信息以图形存储，人眼阅读图像比文字更快，在绝大多数情况下，人们感知图标和插图的图片元素比文字更快。大部分用户是视觉驱动的，所以视觉感知机制通常应该在设计过程中考虑，研究里面有几条规则挺有意思:

1.人眼阅读图像比文字更快。

2.人们需要约1/10秒来获得视觉场景或元素的一般感知(该速度对于文字表达基本不可能的)。

3.大脑储存重要的信息片段通常由固定为视觉图像，即使它们是通过文字感知得到的。

▲ 人眼通过识别图标能快速得出信息，比看文字快。

视觉感知规律

心理学家提到的视觉记忆感知三个核心规律，很简单也好记忆:

1.集中：要记住一件事情或大量的数据，需要集中精力。否则，数据将在短期记忆里上被丢弃的几率很高。

2.联想记忆：大脑里其实有个巨大的网络连接，我们会自动将感知到的新的片段能和旧的片段联系关联，感知就会越强，也在设计中也就是常说的用户习惯。

3.重复：不断去重复激活一些片段，直到达到长期识别为主。

基于这3个点的的规律我们需要在视觉中可以去运用，通过设计强调突出我们想表达的内容，突出重要信息，通过简单的交互让用户和他之前的经验关联。

视觉感知如何运用

1.通过图标加强感知

▲ icon的列表让类目清晰简洁，看图形就知道里面内容，天气图标很容易理解，同时它们节省了大量空间，同时整个屏幕的布局更加丰富。

▲ 点餐APP一目了然，能够对大脑已有信息进行关联，能被识别，另外右边的各种类目图形也是一种表达方式，同时能让页面结构更稳。

2.减少数量加强感知

关注度在设计中很重要，如果同时提供了几个选项，按钮，选项，用户的短期记忆会花费更多的时间和精力来考虑，这时候随时可能会让用户跳失。

米勒定律：每个人在工作记忆时候最大数量为7个。人的大脑短时记忆容量约为“7”。

▲ 用户下单决策时候底部只有一个行动点，引导用户去购买决策。

▲ 如果功能太多，用户下单时候可能会思考下点那个，这个案例可以优化

希克定律：人们选择的元素越多，越难选择。一但选择点很多，越是犹豫，分散，特别在电商设计里面，我们需要平衡所有的信息，给予用户最有用信息和行动点。

3.通过图像强化感知

除了图标，还可以通过图像来强化感知力，我们应该掌握图像处理的手法，通过不同的形式来组织内容，图片没有秘密也最直接，最能被记忆

4.通过导航强化感知

导航是可用性的关键因素。通过tab移动，能记住用户路径和数据；因此，设计导航时候，交互和视觉一致和清晰很重要。

5.通过直接的表达加强感知

关于显示或隐藏的各种菜单的讨论目前有很多，我们重要的是要记住，界面的关键目标应该是用户清楚地了解发生了什么。他想要的操作在那里。因此，关于汉堡包菜单，滑块，隐藏层次的导航和内容的操作设计应该梳理好页面功能层级设计，不要去隐藏一些核心操作。

▲ 这类型的一些导航设计，需要对用户进行测试，需要评估这种操作会不会对数据产品流失和对转化率的影响。

6.通过多媒体艺术加强感知

除了以上，还可以通过视频，音频，动效，3D等。通过这种刺激，不仅设计师可以创造更多创意，而且对不同的人记忆加强，比如618，双11, 造物节一些动效，音频对大家记忆刺激很强。

7.通过情绪引导加强感知

注重用户的情感反馈，避免糟糕负面的体验，一个产品好用我们往往不知道哪里好，但是哪里难用用户会记忆很深刻，需要在设计时候保持积极的情绪去引导用户。

总结

今天分享的视觉感知心理学，更多帮助我们在做设计时候，了解人们是如何与世界互动，哪些元素影响他们的行为。通过设计去改变引导用户，管控好用户使用路径，能更好帮助产品成功！

记得把公号加星标，会第一时间收到通知。

原创不易，如果觉得有点用，希望可以随手转发或点下“在看”，拜谢。

继续滑动看下一个

AI绘画师日记

向上滑动看下一个