一.我们感知自己的期望
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 单元任务时间
认识与设计读后
《Designing with the Mind in Mind》热门书评
-
N多有用的规则
29有用 1无用 唐凯峰 2012-02-25
一个月前买了这本书,读完后获益匪浅,可以说是我看过的这类书中最好的。作者将心理学的基本原理与设计的基本原则有机地结合在一起,让设计者看破事物的表层,用心设计。本书共12章内容,以下是前十章的笔记,第11章和第12章是介绍具体方法的,很重要很有用,但因为内容太多,就没列出来了。有兴趣的读者 可以去购买...
-
面向感官和大脑的设计
18有用 2无用 王坚 2011-11-18
我们可以看到很多优秀的设计案例,和很多失败的设计案例,如果我们能知道一些设计准则,我们就更容易判断哪些方案会失败,我们自己进行设计就可以少走很多弯路。我们可以看到很多设计准则,它们有一致的场景,它们也有一些相互冲突的场景,如果我们能判断到底哪些设计准则更靠谱,我们就更有自信不会盲从。如果,我们更了解...
-
坑太大,书太薄
8有用 2无用 Josherich 2012-03-19
书中包括了认知,行为,生物,心理等许多领域的内容,但坑挖的太大。对于初学者展示是本好书,书名也说了, 本书仅仅是Simple Guide.记几个不错的点:1. 带着目标做事时,其他都是浮云。our goals filter our perception in other perceptual sen...
-
[每周读书] 第四十一周 Jeff Jhonson——《认知与设计》
4有用 0无用 枫影JustinYan 2012-06-02
更多书评欢迎访问我的博客:justinyan.me《认知与设计——理解UI设计准则》,书名初见,会以为是偏视觉设计的方法指引,其实本书是以心理学的角度讲述计算机系统的交互设计原理的。作者Jeff Jhonson本身拥有耶鲁和斯坦福的心理学学位,著有畅销书《GUI禁忌》。我看的是图灵的版本,译者是老程...
-
再一次认识UI
3有用 0无用 蓝色随缘C 2012-12-03
有关于UI设计,到现在才知道自己之前的理解一直是错的,以前一直以为UI就是手机电脑上的那些小图标,就是得那些界面,它们设计的漂不漂亮它们好不好看就是"UI设计师"的工作。最近去听了次华为“对话顶尖UI设计师”的宣讲,虽然内容很坑爹,但是帮我变相清楚了UI到底是什么东西,因为他们U...
书名: Designing with the Mind in Mind
作者: Jeff Johnson
出版社: Morgan Kaufmann
副标题: Simple Guide to Understanding User Interface Design Rules
出版年: 2010-06-09
页数: 200
定价: GBP 30.99
装帧: Paperback
ISBN: 9780123750303