从七个案例看如何高效设计易用的日常产品

我们在不同的领域观察到特别不同的倾向:互联网设计师们都在谈论酷炫和极简之类概念,而传统日常用品的设计师则倾向于延用惯例。

但不管是追求酷炫,还是因循守旧,如果在设计产品时不站在用户的角度想问题,就非常容易造成易用性低下。如果你设计的是游戏产品,那当我没说,因为游戏本来就是故意制造难度让玩家产生快感。但是在大多数日常产品上,使用难度不是用户想要的。

Frustrated User by Steve Krug

每一次钥匙插反打不开门,每一次开错开关打开旁边的灯,每一次伸手去拉本应该推的门,用户都会产生沮丧的心理。《The Design of Everyday Thing》就是一本从心理学角度讲述易用性设计的书。与互联网人常看的设计书不同,这本书更多地讨论了生活用品中的设计原则和巧思。

全书内容颇多,心理学专业叙述内容也不少。今天就用7个案例来提炼一下书中讲到的日常用品设计原则。

1. 善于运用外部信息,解放用户的大脑

Use both knowledge in the world and knowledge in the head.

日常用品最重要的设计原则就是减少用户的大脑负担。这个世界上有两种知识,一种是在人脑中记住的知识,一种是在外部世界中轻易可获得的知识。举个“栗子”,在机场火车站由于每个路口都有指示牌,所以用户不必把地图记在自己有脑中(大家回忆一下能记住某个火车站的地图么),使用负担大为下降。

人的记忆是脆弱的,据说短时记忆只能记住5到7个事情,而长期记忆又需要花费比较多的时间进行提取。所以要鼓励设计师多使用外部提示。比如我自己,为了防止出门忘带某个重要的东西,常常会把东西放在出门时要换的鞋上,这样“出门穿鞋”这个动作成为了我的外部提示信息。

钥匙钱包手机

上面这个写着“KEY WALLET CELL-PHONE(钥匙钱包手机)”的地垫就是设计师使用外部信息降低用户记忆负担的例子。出门换鞋时一低头,妈妈就再用不用担心我们出门忘带东西了!

2. 简化任务

Simplify the structure of tasks.

多数日常生活中的任务,我们都是在不停地做选择,不过我们一般没有关注到这一点。比如我现在口渴了,我可以选择忍一忍、喝水或是买饮料,而每个选择又会引起对后续动作的选择,自至问题解决、任务完成。

如果这个任务是下象棋的话,那他的决策树一定枝繁叶茂,这种类型的任务步骤繁多,而每一步的选择又非常的多,被称为wide and deep。好在日常任务多数都比较简单,要么是步骤较少;要么是虽然步骤甚多,但每一步都没有选择或者只有很少的选择需求。只有这样我们才不会活得很累。

任务的树状结构

现在大家都熟知的Excel其实只是Spreadsheet的一种。在Spreadsheet出现以前,各个公司都会高价雇大量的会计师处理他们的财务表格,并且每次改动一个数据,都会导致数天的额外工作。

这个时候电子化制表工具出现了,从外观上看,电子表格和原来的表格没有任何区别。但是其中的计算工作全部变成了自动化的公式,只要输入input,全表自动更新。这相当于缩短了原有任务的中间步骤,大大简化了任务结构(任务从wide and deep变成了shallow task)。同时由于外观的相似性,用户习得成本又很低。

从中可以看到科技对任务简化的作用。于是,电子表单迅速流行,人们甚至为了使用Spreadsheet专门去购买Apple电脑(注意这是在1970s年代)。早期甚至有不少会计师使用电脑快速制表,然后仍然假装手工工作,以此来延长工作时间以便向用户收取更多费用。

3. 让信息可见,降低任务执行和结果评估中的信息鸿沟

Make things visible: bridge the gulfs of Execution and Evaluation.

用户喜欢“掌控感”,这源自我们对未知的厌恶。所以信息可视化十分重要。这种可视化包括两个方面:一是可选动作可视化,二是动作结果的可视化。前者解决用户“这个产品怎么用”的问题,后者解决“我做得对吗”的问题。

试想一下一个没有门把手的玻璃门,用户很可能不知道应该从哪边推门,这就是产品的可选动作不可视。

而动作结果的可视化,通俗的讲就是“反馈”。一个常见的反馈的例子就是电脑中的进度条。其实进度条在任务完成的过程中,并没有功能上的作用,最大的作用是给用户以反馈信息,告之系统状态。对于一个需要2秒钟才能打开的网页,如果没有进度条,用户很可能不知道发生了什么事。有了进度条后,看着进度蹭蹭蹭往前走,会觉得时间也缩短了许多。这种未来状态的可知性,形成了用户的“掌控感”。

4. 正确映射

Get the mappings right.

不知道你有没有过在公共场合(大堂、演讲厅、办公室)开错电灯开关的经验。在这种场合,数十个开关往往排成一排,必须尝试多次之后,才明白如何控制相应的开关。在设计上讲,这就是关系映射不清楚。

开关布局

上图是书中的一个开关示例,因为面板上的开关是按照房间平面图布置的,所以普通人可以很快地找到映射关系。这个设计也同样反映了第一条“把信息放在外部,解放人的大脑”的原则。

5. 合理运用限制条件

Exploit the power of constraints, both natural and artificial.

在一些国外的公共小空间,比如火车车厢、客人等待室,有时会在门后隐藏一个置物架。平时用弹簧收起,贴在墙上。需要放包时,把置物板放下用包压住即可。初看上去,把架子设计在门后似乎没有必要,毕竟墙上其它地方还有空间。但仔细想想,这个架子放下后,门就无法完全打开,客观上起到了提醒客人带走随身物品的作用。

这就是一个利用限制条件达成产品目的的例子。所以说,限制不一定是坏事,完全自由不一定是好事。因为在产品使用过程中,自由度越大,往往花在选择上的时间,和选择错误的可能性都会增大。比如前面提到的,站在门前不知道应该推还是拉的例子,如果我们把门把手去掉,换成一块钢板,相当于限制了用户进行“拉”的动作,那选择问题就迎刃而解了。

6. 容错设计

Design for error.

用户天生就爱犯错。特别是对日常用品的使用,我们倾向于不过脑子,随手就做了。前面提到的许多原则,比如简化任务、映射、限制条件,都是为了降低犯错的可能性。但是这并不能完全避免错误。

所以另一条路是,在设计之初就考虑到用户错误,让系统尽可能的可恢复,不会因为一个失误造成大的灾难。

新的ios系统在照片的删除功能中加入了容错机制。所有删除的照片都会被暂时放到一个回收站,30天后才由系统自动清除。如果用户发现误删,仍然可以找回,而不会造成永久性的丢失。

7. 标准化

When all else fails, standardize.

如果应用了各种易用性设计原则,仍然找不出最优的解决方案。那么就应该遵循行业规范,把产品的外观、操作、结果标准化。“世上本没有路,走的人多了,也就成了路。”

qwerty键盘

看看上面这个标准的qwerty键盘,字母的位置极为诡异:即不是按字母顺序摆放,也不是把最常用的组合放在一起。就是这样键盘,由于在合适的时点进行了推广应用(机械打字机时代),让大多数人都习惯了键位,所以成为了实际标准。虽然刚开始学习qwerty键盘的时候学习难度很高,但一旦学会,在其它电脑也不会遇到麻烦。所以标准化成为了易用性设计的最后屏障。

以上就是7个设计原则和对应的例子啦,如果觉得文章有用,点击分享让更多人看到。

考拉产品观察是我的个人博客,转照请注明作者并保留本版权说明。

其它文章:
5分钟读完《从0到1》
Uber, 交易市场的冷启动
学生党大不同?年轻人的移动App使用习惯

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

推荐阅读更多精彩内容