读《认知与设计》

总的来说这是一本讲原理的书。它主要讲了人是怎样认知事物的,以及这些原理在ui设计上的应用,它能够帮助我们更好的认识一些交互设计的准则。非常值得一读,私以为只有把顶层架构不断完善,底层架构才能有序完成。

下面说说一些我觉得印象深刻,以前却很少注意到的点。

一.格式塔原理

1.接近性:相互靠近的物体看起来属于一组。

2.相似性:如果物体看起来相似,就感觉属于一组

3.连续性:人类视觉倾向于看到连续的形式,必要时甚至会填补遗漏

4.封闭性:人类视觉倾向于看到整个物体,即使它们是不完整的

5.对称性:人类的视觉系统试图将复杂的场景解析为简单和对称形状的组合

6.背景/主体:当物体重叠时,我们把小的那个看成是背景之上的主体

7.共同命运:一起运动的物体看起来是一组的或者相关的

顺便做了一个视频小练习


二.色觉是有限的

1.色觉系统对对比度敏感而不是对绝对亮度敏感


视觉亮度对比图


图中看起来右边的颜色比做边的颜色要浅,但是实际中间的矩形灰度是相同的。这说明我们的视觉系统对差异十分敏感,因为外部矩形块的左边颜色较浅,右边颜色较深,这才使我们感觉,内部色块的左边较深,右边较浅。

这个理论让我想到,在设计稿被吐槽颜色不够亮的时候,我们修改的时候其实不应该只听建议人说的让我们改哪块颜色我们就改哪块颜色。我们应该根据我们自己的分析,调整背景颜色,通过对比来凸显亮色或者暗色。同时让共事的小伙伴了解到这一点也很有必要,这样我们还能提高沟通的效率。

2.色盲

世界上有大约8%的男性和稍低于0.5的女性有颜色感知障碍,难以区分某些颜色对比。最常见的是红绿色盲。这让我想到很多交通app都不使用红绿色做为主色。

想要知道这些颜色在色盲的眼中是什么颜色的,我们可以使用色盲滤镜或模拟器来测试一下图像。

想要知道我们的设计稿在色盲眼中是什么样的,我们可以通过在线色觉障碍模拟器来检查网页和图像,看它们在有不同色觉障碍的人眼中看起来是什么样子的。

书中给了这个网址:http://www.color-blindness.com/coblis-color-blindness-simulator/

大家可以上传自己的设计稿查看。

当然在我们做设计的时候最快捷的方式就是把设计稿直接黑白,通过明度的区分来避免视觉障碍人群无法区分。第二个方法是使用颜色加文字的方式进行区分,即使人们分辨不出来颜色,也可以通过文字进行区分。

3.视觉边界

当我们专注于一个物体时,人们的视觉是有焦点的,而焦点以外的事物则会被模糊。当然我们在阅读的时候会注意不到这一点,这是因为我们的眼球每秒转动3次,扩大了注意范围。

而那些模糊到的视觉边界也是有它自己的作用的。1.觉察运动 2.引导视觉中心3.让我门在黑暗中看的更清除

这一点在视觉设计上可以对应到一些让信息可见的方法。比如边缘处的移动动画,红色的警示等。

4.短期记忆并不一定是7+-2

之前看了基本交互相关的书,里面都提到人的短期记忆是7+-2个事物,也就是说人一次在短时间内只能记住7个左右的事物。

然而本书中提到短期记忆的工作量更可能是3到5个,但短期记忆的容量仍然在研究。我也将关注。

5.人机交互的时间底线

总结的很到位的表格

人机交互的时间底线
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容