视觉心理学-提升用户体验（一）

视觉是一切感觉之首，大脑有一半资源都用在接受和解析眼睛所见。但眼睛所见并非全部，因为视觉信息还是要经过大脑的转换和解析。真正用来观察的其实“是大脑”在开始分享之前我们先来看2个有趣的例子下图中看到了什么？

意大利心理学家发现“卡尼萨三角”

我本人第一眼看到了一个黑色三角形，上面叠加个白色的倒三角形。但其实图上什么三角形也没有。只是些线条和有缺口的圆形而已。这个是不是很有趣呢？这个独特的错觉由意大利心理学家发现“卡尼萨三角”。在设计中我们大家都知道这个叫做正负型，今天我就换个角度来分析，我们的大脑其实也会偷懒，它会根据我们以往的经验，猜测我们看到的是什么东西。所以经验有时候也会出错。 而设计师正是利用这种现象，设计出有趣的产品。

它们的长度一致吗？

我想大家第一眼看到肯定会以为它们的长度不一致，其实它们的长度是一致的。这就是视觉上的错觉。看完这些大家可以想一想在我们平常设计工作中有哪些设计运用了这种特性？好了下面我们进入正题。

01.合理运用形状和颜色

通过色彩变化就可以传达出的两条信息截然相反。想一想平常设计我们为什么要去给重点内容标红？设计有趣的地方就在这里看似简单的一个东西，但它是我们前辈经过无数实验验证得来的。

要点:可以设计物体的展现方式，引导别人注意特定的内容。

02.善用网页周边视觉

大家知道什么叫做周边视觉吗？

其实周边视觉的意思就是余光，他还有一个兄弟叫中央视觉，就是焦点。设计的时候我们常常会提到焦点。但是周边视觉其实它比中央视觉更重要，我这个说不是自己瞎编的是由根据的故事是这样的。

早期我们的祖先必须一边打磨石头，或仰望天空一边用周边视觉注意是否有狮子逼近，才能生存并且把基因传给了后代，而周边视觉弱的人就被自然淘汰了。

要点：如果你想让用户集中注意力观察屏幕某处的时候，就别在周边视觉区域放置动画和闪烁元素。

03.寻找运用规律

发现规律有助于我们大脑快速处理时刻接受的感官信息，而我们的大脑就喜欢这样的事情。如果想要用户大脑喜欢我们的设计这点我们也需要去善于寻找并创造。

我们看到这张图片第一印象可能看到是3组图案，每组2个而不是6个孤立的点。实验表明他们的这种规律会让我们大脑看的很爽，很舒服。

要点：多使用规律，利用分组和间隔来创造规律。

04.合理选图（眼睛）

大家在选图的时候是根据什么重要原则来选的呢？选图也是非常讲究的。一般是根据网站风格，用户群体偏好。当然还有甲爸爸喜好，这些都会影响我们去选一张什么图。图片选好的话视觉稿更加具有渲染力。下面我就说选图的一点（观察图片的眼睛）我们来看下面这张图。

看到这张图片大家第一视觉点在那里？ 对，一家人，眼睛视觉方向是左边，看着这位祖先。试想一下如果我们是在做电商的设计看着是一件产品，用户视觉点会不会落到这个产品上，当然在这个看脸的时代，主角图片也要好看。

要点：在网页上直视用户最具感染力，眼睛是面部最重要的部分。

05.遵循用户预期浏览习惯

我们每个人其实都有一个心智模型的，有助我们更高效快速找到我们想要找到的东西。在网站中这个心智模型就是用户预期的浏览操作习惯。大家是否还记得我前面分享第一个内容，正负型，也是利用心智模型这种特性，所以嘛万物都是有关联的，我们要做从不同的角度去看。就会得到不一样的答案！

看屏幕的时候我们第一眼会落到那里？第二眼呢？其实答案取决于我想要找什么？希望看什么？然后去匹配我们的心智模型去找到我们想要看的内容。导航和右侧列表就会忽略，而看到是屏幕的中心位置，而非边缘。我们从左到右去书写语言文字，那么看屏幕也是这个样子。而网页我们早已知道导航和右侧大致有什么内容，就会去找核心内容。

要点： 最重要的信息要放到屏幕的上吗三分之一部分，或者放到屏幕中间。

不要在屏幕边缘放置重要的信息，除非用特殊手段处理。

按照正常的阅读顺序合理设计界面，避免违背用户习惯。

06.设计来源生活（视觉暗示）

我们在外面逛街推某些门的时候，有没有发现以为自己应该拉门把手，其实要推才可以开门。这些别扭的产品让我们很恼火。大家还有没有生活中不好的体验？ 其实这种物体给用户的提示可以称为“功能可见性”。而我们网站上按钮的体验这些称之为感知功能可见性。下面我们来看一组按钮。

大家看这俩个按钮哪个更有点击欲望？ 对的，有投影的更具有感染力。为什么这么说呢？这个问题就回归到我的标题其实设计来源于生活，借鉴于生活只是看我们有没有发现眼睛并去利用。我们做设计要敢于去想象。设计就是敢于推翻前辈的经验很有可能就创造出伟大的产品。比如前些日子的我看到一篇关于伞的报道。平常我们在把伞用完后放到家里就会淋湿地板，还有可能滑倒的风险。设计师巧妙的将伞倒置收缩，完美解决这个3000年没有变化的伞。

遥控器按钮，早已深埋在我们心中的心智模型，按钮下的投影，让按钮更加具有点击的欲望。

设计要点：设计时要考虑功能可见性的提示，给客户正确的操作提示。比如：用阴影来编写对象已选定或对象可用。

07.增加视觉提示（引导用户）

我们来看一个视频然后大家可以把感受分享一下。大家数清楚了吗？其实这个视频重点不是让大家去数传球次数。大家肯定没有注意到有黑猩猩。。好，那看到黑星星做什么动作了吗？这个是非常著名的篮球大猩猩实验，这个实验结论是当我们把注意力集中在一件事情上，没有预期可能发生其他改变，就会很容易忽略实际发生的变化。

要点：不要认为物体出现在屏幕上就一定会被用户看到，特别是刷新页面出现改变时，用户很可能就分不清楚。

比如：通过增加声音，保证用户注意到界面的某处改变。