认知与设计

我觉得这本书是目前市面上交互设计相关不错的书了,结构脉络清晰,以心理学、认知理论等切入,引导读者对设计的思考,最后给出设计准则。书中给出理论出处,如格式塔心理学、决策理论、人类思维系统,若有兴趣可以去深入阅读。而且,我认为作者在总结理论时,尽量简单直白,例如系统一、系统二的解释,应该是作者进行了概括简化,我记得阅读过相关心理学书籍,描述的比较复杂。所以这本书的可读性还是蛮高的。

主要细分为14章节,论述感知、视觉、色觉、阅读习惯乃至人类决策、响应时间要求对人类认知、行为活动的影响,以此基础形成相应准则,在UI /UE设计时参考一条或者多条准则,有时若遇到准则冲突,需凭经验及理性判断进行取舍。

个人认为要点在格式塔原理(第二章)、阅读的影响(第六章)、决策非理性(第十三章)。附录的界面设计准则可时不时翻阅。

内容及对应章节

人类感知:1、2

视觉相关:3、4、5

阅读习惯:6

注意力、记忆力:7、8、9

系统一、系统二:10

用户学习:10、11

决策非理性:12

眼手定律:13

响应时间:14

总结及设计准则

第一章  影响人类感知的因素及设计应用

经验、环境、目标影响感知。设计准则:避免歧义、保持一致、理解目标。

(环境)注意瞬脱:人们在刚刚识别或者听到某件重要的事情之后,在识别之后短暂的0.15秒-0.45秒之间,人们接近于失聪而且无视其他视觉刺激,此时人们的耳朵和眼睛是正常的。

(目标)鸡尾酒效应:目标感知过滤。例如:在酒会上,你与人交谈,若你集中注意力与谈话中,便会自动过滤周围的对话。反之,你认为对话乏味,偏会越来越多听到周围的对话。

第二章  人类视觉结构会自动优化、格式塔原理

格式塔原理:接近性(用于分类、区分)、相似性(页面分割)、连续性(滑动条)、封闭性、对称性(分解复杂场景)、主体/北京(突出主体)、共同命运。

设计准则:综合使用格式塔原理。

第三章 利用视觉结构提高用户体验

页面以简洁、结构化方式展现。

第四章 人类视觉、色觉对设计的影响

视觉反差设计、色觉设计注意点:1、注意颜色反差对比;2、蓝色是人眼最不敏感的颜色;3、红绿色盲无法区分的颜色对:深红色/黑色,蓝色/紫色,浅绿色/白色。

设计准则:增强颜色对比度、避免使用无法区分的颜色、适当添加提示、分开对抗色。

第五章 视觉边界会产生视觉盲区

中央凹概念可简单理解为视觉的焦点,人所看到的最集中最清楚的地方。

设计准则:重要信息放在中央凹,使用各种方法让用户注意信息(如弹出对话框、闪烁、短暂晃动、声音提示)

在APP设计时其实极少影响,应为移动设备一般视野不是太大。

第六章 特征驱动、语境驱动的阅读

特征驱动的阅读是无意识、不费力的,语境驱动的阅读是有意识、费力的。

低级阅读者,以语境驱动为主;高级阅读者,以特征驱动为主。

设计准则:尽量让用户无意识阅读、减少网页或APP中没有必要的阅读。

第七章 人类的注意力和记忆力都是不可靠的

人类的长期记忆尤其容易出错,且让用户回忆是极容易丢失记忆的。例如安全问题设计。

设计准则:用户界面保持一致性,尽量不要让用户记忆、尤其是长期记忆。

第八章 注意力

非注意力盲视:当我们的思维被目标、任务、情绪等完全占据时,有时会无视所处环境中那些平时能注意到的东西和事件。

变化盲视:研究人员向人们展示一张图片,稍后展示该图片的第二版本,人们注意不到他们之间的差别。

设计准则:不应唤起用户对系统的注意,降低系统的存在感;了解用户真正意图和目标;有时候不动脑子胜过按键。

第九章 识别容易,回忆起来很难

设计准则:尽可能用图片来表达功能;选择比回忆、输入容易;让认证信息容易回忆或者不需要回忆;使用视觉让用户知道自己所处的位置(网站页面特色区分、个人特色码)。

第十章 系统一(感性、无意识的、习惯性、情绪化)和系统二(理性、有意识的)的影响

三个脑:旧脑(无意义)、中脑(情绪)、新脑(意识、目的)。

系统一(感性思维):旧脑、中脑中运行的无意识、自动的思维;系统二(理性思维):新脑中的有意识、受控制的思维。

系统二在系统一的基础上进化而来,系统一处于主导地位,运行速度比系统二快10-100倍。虽然我们常常认为系统二主导我们的行为。

设计准则:1、让用户使用感觉而不是思考;2、系统尽量减少耗费人门的认知资源(熟悉感、明确无误)

第十、十一章 学习不容易、减少用户学习

执行的鸿沟:用户想要的工具和工具所能提供的操作之间的差距。

概念模型:尽量简单。“用户万一需要这个功能”,尽量坚决抵制,除非有足够的证据。

设计准则:1、简单的概念模型;2、按键的一致性、肌肉记忆;3、词汇一致性、产品词典);4、降低用户出错风险

第十二章 人类决策通常是非理性的

非理性体现在:1、相比于收益、更在乎损失;2、措辞、话术影响选择;3、想象和记忆力(错误)影响我们

框架效应(framing effect):选项的表达方式能够影响人们的决策。

设计准则:1、理性决策——帮助系统二取代或者协助系统一;2、数据可视化、诱导性决策、引导性决策——使用系统一,绕开系统二

chernoff脸谱

第十三章 菲茨定律和引导定律

菲茨定律:鼠标点击或者选择的对象的选择或者点击区域至少与看到的一样大;

引导定律:菜单设计时,点击区域要足够大。

第十四章 人们对响应时间的要求

给出了人机交互的时间底线,进行10ms、100ms、1s、10s、100s的分组。

0.1s最为重要,感知的时刻最好不要超过0.1s。

1s,系统有1s的时间去执行用户要求做的或者标识出操作需要多少时间。

10s是用户愿意花费在“重量级”操作上面的时间。

设计准则:1、使用忙绿标识;2、使用用户进度指示;3、任务划分单位任务;4、提前处理;5、根据优先级而不是输入顺序处理;6、适当降低质量来保证不落后

作者后记

学习设计准则,并在不同的设计环境下判断使用哪条。

交互设计、计算机技术更迭快,需不断学习。

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

推荐阅读更多精彩内容