十分钟读完《简约至上:交互式设计四策略》
平时读书总是会苦于看完之后就忘了书里讲了啥,再看一遍复习又太花时间了;或者想要了解一本书的核心内容,但是来不及看全本,所以特地开辟一个十分钟系列,希望能帮助解决这个读书的痛点~
原版书名《Simple and Usable Web, mobile, and Interaction Design》,用了Simple一词,既可以翻译为简约,又可以翻译为简单,因为书中使用“简单”一词而非书名中的“简约”,故下面使用“简单”。
首先是本书的脑图展示:![](https://img.haomeiwen.com/i20043699/dfc63e3247112be6.png)
1 什么是简单
考虑大多数用户的体验即是简单。
比如你买了一个打印机,拆了快递箱子,插上电连上电脑就能直接开始打印了,这就叫简单。
如果这个打印机需要你组装起来,还要打开机箱用曲别针把一些开关拨弄到位,连上电脑之后还告诉你要去官网下载驱动——官网是哪个呢?你又翻出字又小又密的厚厚说明书翻找起来。进入官网之后还要寻找专门的驱动下载入口,下载了之后还要按照要求安装在电脑的某个位置……经过这么复杂的一顿流程,你甚至可能会后悔买了这台打印机。
很明显,第二个情况是把用户当作打印机的使用专家了。对于专家来说,组装零件,下载驱动,安装程序都是轻而易举的事情,但对于一个普通用户来说,并不是。
所以,简单,是对于主流的用户来说,能够有顺畅的体验。
但是,要防止「过度简单」和「貌似简单」。
比如独轮车看起来非常简单,就是一个坐垫一个轮子一对脚踏,但是你会选择骑独轮车呢,还是自行车呢?独轮车就是「过度简单」。
有些软件在你进入的时候,会有一个向导一步一步教你怎么操作,虽然你想初步了解应该怎么操作,但是你更想直接点击“跳过”按钮。这就是「貌似简单」。
2 为什么我们要考虑简单
如果你想要你的产品让人使用,肯定得「好用」。
比如能够帮助用户高效地完成工作/任务,
比如能避免用户被一些无关信息干扰,
比如能让用户在使用过程中感到轻松自信愉悦,
比如能让用户感觉一切都在自己的掌控之中(而不是被操作向导牵着鼻子走)
3 那我们怎么样才能做到「简单」?
这就是这本书的重点了——按照四大策略:
合理删除、分层组织、适时隐藏、巧妙转移
3.1 合理删除
(1)优先级排序(找核心),删除多余、干扰元素
首先就要了解用户的核心需求。
对于使用电视遥控器的用户来说,他的核心需求就是能够用这个遥控器开机、换台、调节音量。
而其他的快进、快退、收藏、暂停、播放等等功能,都不是核心需求,因此这些功能考虑删除。
此外,遥控器上品牌的强调色logo,各种花纹、分割的线条,多彩的按键颜色,只会干扰到用户,让用户刚把这个遥控器拿到手的时候感到一脸懵。
![](https://img.haomeiwen.com/i20043699/81837aa887f7357c.jpg)
![](https://img.haomeiwen.com/i20043699/a6128487aa0dab43.jpg)
(2)减少可选项
当你要去购买一条牛仔裤,商场里各种款式的牛仔裤简直让人挑花了眼——阔腿裤、喇叭裤、窄脚裤;黑色、牛仔蓝、深蓝、烟灰;柔软但比较没有型的、有型但比较硬的;100的、200的、300的……
将这些项排列组合,产生的结果让你一辈子都挑不完。
但如果商场里只有三种款式的裤子呢?你是不是可以立刻选出一条结账走人了?
对于产品的设计也是如此,你给用户提供的可选项多,不是让用户感觉自己能掌控一切,反而增加了用户的决策难度,甚至让用户怀疑自己是不是太蠢了。
减少可选项除了直接删除选项,还可以选择提供一些默认选项。
比如淘宝的搜索栏中,总是会以灰色字体显示一些默认项,如“新款裙子女 2019流行”、“半身裙”、“喇叭牛仔裤”。
面对能产生海量搜索结果的搜索引擎来说,这种聪明的默认值减少了用户决策的负担。
减少可选项的第三种方式是,删除不可选的项。
比如你去银行的网站导出你的账单,每次只能导出一个月范围的账单,所以你要保证你选择的起点和终点之间相隔不到一个月,并且这段时间内是有流水的。
然后你就会发现你很容易选到超过一个月的期限,或者选到的期限内没有流水,于是又要重新选择期限。这样反复的操作非常容易让人恼火。
所以在设计这个系统的时候,就可以只提供有流水的月份给用户选择。
(3)删减多余的文字
比如网站在你进入时提示的“欢迎光临我们的网站”,或者各种对于功能的冗长解释,都是不必要的,是会对用户完成自己的目标造成一定的干扰和阻碍的,这些都应该删除。
3.2 分层组织
虽然说可以给系统设置一个搜索功能,让用户直接搜索自己想要的内容,但是设计搜索并不是一件容易的事情。
除了考虑关键词中的错别字和同义词,还要对搜索出来的结果进行排序,以确保用户能尽快找到自己想要的内容。
而对于用户来说,用户必须很清楚有什么功能,才能进行搜索,比如在word软件中有很多高级操作,但是用户通常一开始想不到可以通过这个高级操作来高效完成,自然也不会去搜索。
所以,分层组织好你的内容,好过让用户搜索。
这里的分层,其实也有分类的意思。既然是分类,就要分的界限清晰。比如按照蔬菜和水果分类,西红柿既可以属于蔬菜,又可以属于水果,这就会造成用户的困扰。
同时,分类还要注意分的数量,通常来说,越少越好,如果比较多的时候,尽量遵循“7±1”的数量。
分类的方法有:
(1)按照字母表排序分类,比如微信的通讯录
(2)按照用户群体的不同来分层组织。比如医生和患者进入同一个系统,但是看到信息和功能呈现的方式是不同的
(3)按照时间分类,比如各种活动信息,会议信息
(4)按照空间分类,比如酒店的位置,A区有哪些酒店,B区有哪些酒店
分好类之后,还要注意分类呈现给用户的方式。
背景颜色的区分,好过粗暴地用线条、网格划分。这是因为线条会对用户的视线产生干扰,而网格会让人感到局促、受压制。
这也是为什么现在越来越多app采用卡片式的界面设计的原因。
![](https://img.haomeiwen.com/i20043699/4b88152726843308.jpg)
其次,还可以使用“不可见的网格”,比如空一行。
还是上面那张淘宝图片,认真观察可以发现,「聚划算」、「淘宝直播」、「天天特卖」、「有好货」这四个板块之间并没有线条分割,而是有一道空白,类似于文章中分段用的“空一行”,这就是“不可见的网格”,这既能够把四个板块分开,又可以不让用户觉得局促。
再次,还可以用字体的大小来表现层次。比如标题通常字体都比较大,副标题通常小一些,同等重要的字体大小相同。
最后,可以用位置来表示不同内容之间的关系,两个相关的东西就应该摆在一起。比如淘宝商品的页面,右下角的「加入购物车」和「立即购买」两个按钮是挨在一起的。
那如何确定自己的分层是合适的?如何迭代分层以达到最好的效果呢?
就好像园林规划师总会给公园设计好小路,铺好石板,但是公园开放了一段时间就会发现,草地上总会形成一些行人走出的新路,这些路都比规划好的小路更加的高效直接。
所以对于交互设计师或者产品经理而言,可以通过观察用户的使用路径来简化自己的分层组织。
3.3 适时隐藏
当一个功能既不能删除,又不能很好地分层组织的时候,可以选择把它隐藏起来,比如用一个滑盖隐藏住遥控器的高级功能。
但是这个隐藏,需要“适时”,如果在不合适的时候隐藏了功能,也会造成用户的困扰。
那该怎么做到适时呢?
比如一个浏览器可以做到取词翻译功能,那他可以设计成,当你选取了这个词语之后,显示翻译的按钮。这样就是刚好在你需要的时候出现。而不是当你一进入这个浏览器,就弹窗提醒你他们更新了这个功能,让你选取了之后点击工具栏的某某按钮。
其次,可以通过给一些小提示的方式来隐藏。比如在PS的左侧工具栏中,像修补工具中还隐藏了污点修复画笔工具、红眼工具等5种工具,但它没有一次性将所有工具都展示在左侧工具栏,而是设置成每个按钮右下角小三角,吸引你长按或鼠标右键来展开更丰富的工具。
![](https://img.haomeiwen.com/i20043699/cef689a61b83d742.png)
此外,还可以采用渐进展示的方式。比如第一次注册进入王者荣耀,它并不会给你展示所有的玩法和功能,比如战队、铭文,因为这会让一个新玩家感到疑惑,但是当你每升一个等级,你就可以解锁一个新的玩法/功能,慢慢地,你就对整个游戏都比较熟悉了。
说完适时隐藏应该做的事,再说说隐藏时的一些雷区。
雷区1:完全让用户自定义隐藏什么、展示什么
一个用户必须对所有功能都非常清楚,他才能很好地自定义,但是对于主流用户来说是不可能的事,比如让用户来完全自定义word上方工具栏展示哪些功能,绝对会让用户感到一脸懵。
雷区2:按照用户使用频率来排布功能
在微信QQ的聊天表情中,确实有单列出来的最近常用表情一栏。但是如果word这样的软件也用这个方式,一定会让用户找不到功能在哪。
这是因为表情包有较多替代选择,也能够看一眼就理解含义,而word中的功能较多较复杂,而且某些功能对使用体验有较大影响。
3.4 巧妙转移
当一个功能既不能删除、分层组织,又不能隐藏起来的时候,就可以考虑转移。
转移包括:设备之间转移、软件之间转移、向用户转移
(1)设备之间转移
比如在手机上编辑文档不方便,所以WPS上保留了一些比较基础的功能,其他高级功能在电脑上实现。
(2)软件之间转移
比如淘宝用来浏览商品、下单,支付宝用来付款。
(3)向用户转移
用户适合做规划、想象、辨别信息这一类事情,而计算机擅长执行程序、执行程序、存储和检索信息。
把计算机不擅长做的事情给计算机做,比如规划旅行行程,最后规划出来的结果并不能让用户满意,还需要用户不断调整,反而困扰用户。
因此把用户擅长做的事情安排给用户,反而减轻用户的负担。计算机应该做的是提供一个方便的工具,比如快速记录旅行想法、存储旅行计划,即时计算花费等。
4 总结
软件的设计,应该做到「简单」,因为简单会让用户有更好的体验。
而简单可以通过这四个策略来做到:
合理删除:删除多余的功能,删除不合理的装饰
分层组织:把功能/内容做好分类,并且用简洁美观的方式呈现
适时隐藏:进阶功能先隐藏起来,当用户需要的时候再出现
巧妙转移:“各司其职”,适合谁做就转给谁做
希望通过学习这些原则,我们在设计产品时能做得越来越好~