1. 大脑会提炼眼睛所看到的信息,其每秒接受4000万次的感官信息输入,并需要解析出他们的意义,所以往往它会用经验猜测我们看到了什么。
在黑暗处人眼的余光看的更清楚
大脑会错误解读视觉信息
人的视觉是二维的
视觉信息会发散出12种不同的信号,包括:色彩、阴影、运动、边线、角度等,最终会整理为两条信息:移动状态和位置关系
每个客户的个人背景、文化水品、对眼前事物的熟悉程度以及期待值,都会影响他们的观察结果
可以通过设计物体的展示方式,引导用户注意特定的内容。
2. 人们有两种视觉:中央视觉观察事物的细节;周边视觉观察视野中的其他信息,即周边区域。周边视觉的反应速度是中央视觉的一倍以上,人们对于事物的整体认知是考周边视觉决定的,所以环境的清晰度很重要。
如果你想要用户的注意力集中在某处(沉浸式体验),不要让周边有任何移动或者设计突出的物体。
3. 人眼和大脑会尝试创造视觉规律,通常对横线、竖线、边线和特定角度有反应。
界面中可利用分组和间隔创造规律
使用简单的几何图形凸显某个物体,使其便于识别
多用二维元素,大脑对二位元素的识别速度高于三维元素
4. 大脑有专门的人脸识别区域(区分与专门的视觉识别区)
在图片中放入人脸
让人物的眼睛看向要宣传的物体,可引导用户视线
5. 标准视角:略俯视的角度,并稍稍偏向侧面,人们从标准视角识别物体的速度最快
标准视角的画像或物体最容易被识别到
图标可绘制成标准视角状态
6. 人们根据经验和预期浏览屏幕
重要信息可放在页面上三分之一处或者中间
按照正常阅读书序放置内容:从左到右,从上到下;但是突出的大图或者移动的东西会打乱这个顺序
7. 让产品自己提示用户如何使用
感知功能可见性:让用户使用一个物体就要保证能够让他们轻易察觉并理解它是什么和如何使用,例如带有阴影的按钮
设计触摸屏的界面时,慎用悬停可见的效果
8. 人们可能对变化视而不见
物体出现在屏幕上并不一定会被用户发现,特别是刷新屏幕后所产生的新的改变
如果想让用户发现新的内容,需要增加视觉提示
9. 相邻的物体必有联系
左右相邻的东西关联最为密切
尝试调整间距达到分隔效果,避免使用分割线
无关内容间距要大,相关内容间距小
10. 颜色搭配效果要小心
红蓝配、红绿配效果最为明显
红色背景不要使用蓝色或绿色文字、蓝色背景不要使用红色或绿色文字
11. 用户色盲比例高:9%男性和0.5%的女性
红绿色盲:不能分辨红、黄、绿色
蓝黄色盲:不能分辨蓝、黄色
全色盲:所有颜色都是灰色
使用www.vischeck.comorcolorfilter.wickline.org检查网页色盲所见效果
如果使用颜色来定义内容,最好同时使用另一种区分方案
配色方案时,尽量选择不同色度的褐色和黄色,避免使用红、蓝、绿色
12. 色彩的文化差异
色彩具有含义:红色=赤字、经济困难;绿色=通行、金钱;橙色使人焦虑;褐色和蓝色使人平静
可在informationIsBeautiful.net上查找色彩的不同含义,避免不当的理解