认识与设计读后
2012-07-12
一.我们感知自己的期望
1.经验影响感知
案例:信息和控制摆放一致(app导航上的返回按钮最后不要替换成其他)
2.环境影响感知
案例:按钮突起和凹陷的画法—光源在屏幕的左上角
3.目标影响感知
案例:注册、下载按钮
二.为观察结构优化我们的视觉
格式塔原理
1.接近性——通过拉近某些对象之间的距离,拉开与其他对象的距离使他们在视觉上成为一组
2.相似性——其他元素相同,相似的物体看起来归属于一组
3.连续性——我们的视觉倾向于感知连续的形式而不是离散的碎片(IBM)
4.封闭性——我们的视觉系统自动尝试将敞开的图形关闭起来,从而将其感知为完整的物体而不是分散的碎片。(叠加的文件图标)
5.对称性——我们倾向于分解复杂的场景来降低复杂度。(用平面来表现三维物体)
6.主体/背景——我们的大脑将视觉区域分为主体和背景
a.二义性图形
b.网页——印象诱导背景
c.app引导页面——作为用户注意力焦点的内容临时性成为新信息的背景,新的信息短暂地作为新的主体。
7.共同命运(IOS文件夹)
四.糟糕的信息设计会影响阅读
1.网页文字居中对齐——无意识的眼动模式被破坏
五.色觉是有限的
1.红绿色盲无法区分:a.深红色和黑色 b.蓝色和紫色 c.浅绿色和白色
六.我们的边界视力很糟糕
中央凹/边界视野
眼睛以大约每秒三次的速度不断快速移动,选择性地将焦点投射在周围的环境物体上。大脑则用粗旷的、印象派的方式,基于我们所知和所期待的,填充视野的其他部分。
让信息可见的常用方法:
1.放在用户所看的位置上
2.标记出错误
3.使用错误符号
4.保留红色以呈现错误信息
小心使用:
1.弹出式对话框中的信息(应用程序级别的弹出窗口)
2.使用声音(如蜂鸣声)
3.闪烁或者短暂的晃动(只能延续四分之一到二分之一秒,以吸引用户的中央凹关注到它;时间太长,会从无意识的提醒变成有意识的打扰,如广告)
九.识别容易,回忆很难
1.看到并选择要比回忆和输入更容易
2.尽可能使用图像来表达功能
3.使用缩略图来紧凑地描绘全尺寸的图像(PPT、浏览器)
4.越多人使用的功能,应该越可见
5.使用视觉提示让用户知道他们所在的位置
6.让认证信息容易回忆
十.从经验中学习与学后付诸实践容易,解决问题和计算很难
1.显著地标识系统状态和用户当前进度
2.引导用户完成他们的目标
3.不要让用户诊断系统问题
4.尽可能减小设置的数量和复杂度
5.让用户使用感觉而不是计算
6.让系统令人感到熟悉
7.让电脑去计算
十二.我们有时间要求
1.立刻告知收到用户的动作,保持用户对因果关系的感知。(0.1s)
2.让用户知道软件是否在忙
3.在等待一个功能完成的同时允许用户做别的事情
4.动画要做到平滑和清晰
5.让用户能够终止(取消)他们不想要的长时间的操作
6.让用户知道长时间的操作需要多长时间
7.尽可能让用户来掌控自己的工作节奏
0.1s 因果关系感知
1s 最长的谈话间隙
10s 单元任务时间