简约至上-交互设计四策略

《简约至上》这本书的作者是Giles Colborne,他是一位有着二十多年经验的交互设计与可用性专家。

这本书用三个重点来概括:

1.为主流用户设计

2.简约却并不简单

3.简约四策略:合理删除、分层组织、适时隐藏、巧妙转移

一、为主流用户而设计

在这本书中,根据用户本身所属的人群,将用户分为三种类型:

随意型用户:可能使用过类似产品,使用新产品的意愿不强烈,除非你的产品足够简单,他们才愿意一试,这类用户非常少,大约占20%

主流用户:他们因为要完成某项任务而使用你的产品,他们会掌握一些重要功能,但却永远不会产生学会所有功能的想法。这一类用户占多数,大约70%

专家用户:他们愿意花时间研究新产品,探索新功能,提出建议来改变。这一类用户占少数,大约10%

而在《About face 3交互设计精髓》一本书中,根据用户的体验水平,将用户分为:

新手用户,顾名思义,刚接触一个产品并不熟悉的用户,所有用户都从这里开始。

中间用户:对产品已经熟悉的用户,仅使用重要功能,大多数用户会停留在这个水平

专家用户:对产品深入使用并有着高要求的用户,少数用户会成为专家用户。

下图展示了三种用户的使用曲线(以轻页面网站为例)


跟形象一点的举例,例如滑雪者,新手用户甚至不懂得如何使用滑雪板,而中间用户能滑的很不错,并经常滑雪;而专家用户希望有更刺激的垂直滑道,障碍滑道。

在一款产品中,新手用户很快会成为中间用户并停留在中间用户,只有少数想成为专家用户,就像大多数人认为滑雪就是一项户外娱乐,会玩即可,以成为滑雪高手为目标的人又有多少呢?

这两种用户划分同样正确,只是试用于产品的不同阶段,比如当你还在做产品调研的时候,你应该研究你的主流用户是那些;而在用户使用产品之后,你应该研究如何让你的新手用户更快成为中间用户、以及如何为中间用户优化产品;至于专家用户,可以忽略了。

总之,为主流用户而设计,为中间用户而优化。

二、简约而不简单

1.简单不是粘在用户界面上的装饰

关于这点,举一个现在比较火的智能家居例子吧:一款蓝牙音乐灯,可以用APP来控制颜色,播放音乐。我用的手机是iPhone,ios对蓝牙连接做了限制,就是在APP里面连接蓝牙可以控制灯光颜色,想要控制音乐播放,需要在手机设置里面去连接,也就是说需要用户连接2次蓝牙。

APP界面是这么做的,如下图,给了两个步骤提示:


而用户是怎么操作的呢,我压根没有看提示,直接点击激活灯控,结果是我连接上APP里的灯光控制蓝牙,音乐蓝牙没有连接上,我的蓝牙音乐灯不会唱歌。

其实更好的交互流程应该是:

1.流入APP链接控制蓝牙,先让用户可以控制灯光;

2.播放音乐时提示去手机设置中连接控制音乐的蓝牙,用户需要的时候适时提示。

简单不失粘在用户界面上的装饰,提示语就像说明书一样,用户会自动忽略,而开发者还在那里意淫;我已经费用心机像你解释了,这都看不懂,你是不是傻。

粘在页面上的装饰好做,但按照用户的心理模型来设计却需要更懂脑子。别让用户思考,简约却不简单,想做到这一点,还需要更加努力。

2.在简单的基础上,依然要具有自身的特征和个性。

无印良品设计-深泽自人的设计就非常简约,比如下面这把伞,就是伞柄处打个槽,这是什么设计?



很多人看到这个设计是时候什么想,但是当你看到第二遍或者是真的用到它的时候,你会惊讶说为什么会有在如此细微的地方做了改变,而且这种改变却产生巨大的使用好感度

三、四个策略

所谓的四个策略指的是:组织、删除、隐藏、转移

以大家深通恶绝的遥控器举例,讲真,我家的遥控器我到现在都没有弄明白,下图为普通遥控器和小米遥控器,你更喜欢哪个?

家里的遥控器和左边的这个遥控器一样,防错设计做的非常差,经历好多次不知道按了哪里,又怎么回来的窘境,我再也不敢乱按上面的按钮了。而小米遥控充分运用了简约四策略,简直是遥控界的救星,最少的按钮,永远能返回到主页的home键,大大减轻了用户使用过程中的心理负担。

删除:去掉所有的不必要的按钮,直至减到不能再减。

组织:按照有意义的标准按钮划分为组

隐藏:把那些不重要的按钮隐藏,避免分散用户的注意力

转移:只在遥控器上保留最具基本功能的按钮,将其他控制转移到电视屏幕的菜单里,从而将复杂性从遥控器上转移到电视上

删除

1.简化设计最明显的方式,就是删除不必要的功能

传统观点认为功能多的产品会打败功能少的产品,但实际上那些全能产品的一部分功能用户极少使用或者从未使用

如果你已经失去了做全能产品的先机,或者团队实力不足以支撑庞大的产品,精分领域,注重产品的深度会让你的产品更快脱颖而出,例如;淘宝已经做大,京东却从电器突围,聚美在美妆领域分的一杯羹,而小红书专注海淘...

2.避免错删

之前在智能硬件团队的时候,公司计划做一款情景灯,将灯光颜色与音乐节奏相结合,概念听上去很赞,但由于技术实现上耗时太长,领导拍板把情景模式的功能删除,美名其曰小步快跑、我们要先打入市场,等第二阶段在实现情景功能,这样做的结果是得到了一个毫无特色的产品,和竞品没有什么区别,用户根本不买账。

3.关注核心功能,与新功能相比,客户更关注功能的改进

关于这点,想吐槽一下美柚,作为一个女性大姨妈助手,大部分用户只关心记录经期的周边提醒,比如安全期、危险期、什么时候减肥效果好这些功能,这些才是美柚的核心功能。现在的美柚,新手用户打开都不知道这个APP是用来做什么的,满屏充斥着广告宣传、她的圈子社区和柚子街商城,我理解一个APP想做成大平台的商业的野心,但是把握一个度很重要

美柚的新功能大部分用户不关心,也不会使用,只关心记录功能的改进。希望美柚不要在商业利益中丢失自己的核心功能。PS:我好想换一个纯净一点的大姨妈助手,求推荐。

4.砍掉残缺功能

问题绝非“为什么要去掉它”,而是多问问自己“为什么要留着它”,砍掉那些不重要,却不完整的功能,反而能节省成本、提升用户体验。

5.不要猜测用户的心理,去观察用户

一群人围在会议室的桌子旁边讨论“假如用户需要...”与其在这里想当然,不如去观察用户来的实际

6.要倾听用户的意见,但绝不能盲目

这点和设计师要懂心理学不谋而合,人永远想要更多,即使那不是真正会用到的,最好在现场观察用户如何使用你的产品,酌情彩信客户事后说的话,比如他们事后回想的产品使用经验。

7.方案、不是流程

这点需要引入《About face 3交互设计精髓》一书中的三个概念:

以上图为例

实现模型:程序用代码来实现的细节就是实现模型。就像古人计时,用沙漏来计时,需要有专人来看着沙漏,不断颠倒,古人计时也真是辛苦。

表现模型:设计者如何将程序的功能展现给用户的方式,就是表现模型。就像机械手表,已经比沙漏计时要简单多了,但是人们要读懂它,还是需要耗费一定时间。

心理模型:用户清晰的看到结果,而不需要理解程序的内部运作,就是用户的心理模型。就像电子手表一样,直接而确切的时间就是用户想要的。

用户想要的是方案,而不是流程。就像用户只需要确切时间,而不需要你告诉他时间是怎么计算的。

8. 用户更重视功能的可用性

测试证明,没有试用过产品的用户喜欢功能多的产品,但当他们真正使用了产品以后,与他们的偏好就会改变,转为重视功能的可用性。

而在信息发达的今天,口碑、用户评论、个人推荐以及产品试用的重要性已经远远超越了大众媒体广告。消费者在选择之前都会听听其他用户的意见。因此,强调不必要的功能,提高核心功能可用性,要强过无意义的堆砌功能。

9. 删除一项功能、对不同的用户有不同的影响

想要取悦所有用户是不可能的,因此我们只能退而求其次,专注于目标客户的核心任务,只要让他们满意就可以了。

10. 去掉分散用户注意力的元素,减轻用户负担,让用户专心去做自己想做的事

删除没人会看的文字,比如银行名称下面的口号

简化布局,删除二面右侧的垂直边栏,让用户容易清楚哪些重要,哪些不重要。

去掉重复的链接

精简按钮和链接的样式,让人容易区分哪些可以点击,哪些不能点击

减少广告位数量,让目标明确的用户不至于被这些内容分心,例如,UI中国对广告位进行了视觉优化,将广告位作为一个作品显示在页面上,与干扰用户视线的大弹窗相比,这是个不错的主意。

去掉分散用户注意力的元素,如分割内容的线条和横在页面上的黄色背景条,从而减少视觉上的干扰。

11. 选择有限,用户反而更欢喜

作者举了一个卖果酱的例子,发现提供的24种口味时,销售业绩反倒变差了;只提供6种口味时,销售业绩却上升了。多次类似实现发现:在为用户提供少量选择的情况下,用户购买的可能性要大于为他们提供大量选择的情况。

12. 聪明的默认值

这个到处可见,团购APP上当你选择美食时默认离你最近的排序在前;登陆一个网站时默认了你之前输入的账户名和密码;看视频时,默认推荐我爱看的分类...这些聪明的默认值,节省了用户的时间和精力,提升了用户的好感度。

13. 消除错误是简化用户体验的一个方面

作者举了一个查询银行对账单的例子,即使书里作为案列特别强调,这个直到今天依旧是痛点。如下图,招商银行的APP体验已经高出其他银行太多(中国银行的APP根本不能用,导致我根本不想办理中国银行的卡),但是在细节体验方面还是比互联网公司的APP查很多。比如这个交易查询,需要用户自己输入日期,日期格式输入错误了会提示你,只能查询一年内的交易,因此当你输入的日期跨度超过一年会提示你,当你输入了未来的时间还会提示你,好像在说:我已经这么贴心了,你还输错,你是不是傻。

而支付宝也只能查询最近5个月的账单,因此只提供了这几个月的月份选择,完全没有那些乱七八糟的提示。

细节决定用户体验的成败,招商银行还得跟支付宝多多学习呀!

14.删减过多会让用户感觉失去了控制

作者用东京苹果店里的电梯来举例:电梯中没有任何按钮,默认在卖场四层楼中每一层都会停一下,这个设计精简到了极致,但却并没有给用户简单的感觉,只有迷茫、沮丧、无助。

用户删除了一个关键因素:操控装置。而用户需要和享受这种控制感,一旦失控,用户会会非常焦虑。

简约四策略-组织

1、组织往往是简化设计的最快捷方式

正如《设计师要懂心理学》中所讲的那样:既然人会不由自主的寻找规律,那就尽量多使用规律,利用分组和间隔创造规律。这样的例子非常多,京东上电器、服装、美妆、海淘等分类、APP中的Tab标签分类等等随处可见,是我们需要掌握的基础技能

2、如何组织

可以围绕用户行为进行组织,比如人们去超市大采购时,往往会先购买小件商品,最后花费大量的时间和精力来挑选大件商品,你见到过哪个超市把大家电全都放在超市入口位置吗?当然促销活动除外。

按照字母表进行组织,字母表虽然看起来简单,但却并不都适合。

按照格式(文字、图片、视频)进行组织

按照时间和空间进行组织,比如运动APP按照时间来进行运动分析,酒店网站按照:前台、餐厅、卧室等来分类,方便用户查看每个空间

按照大小和位置来组织

按照层级来组织

按照色标来组织

当然,组织方法还有很多很多...

3、人们并不总是走你为他们铺好的路径

之前住的地方,穿过桥洞后,路旁有一大片绿化带和草地,我居住的小区就在草地对面,如果要按照城市规划的正常路线,我要顺着这条路绕很远才能到达对面,但是如果我按照人们已经踩出来的那条光秃秃的小路来走的话,走不了一百米我就到家了。

但是深圳的城市规划还是非常贴心的,很快这条小路就被铺好了。

国外一个设计师在设计公园的时候,没有修建任何路径,让人们在草坪上随意踩,过了一段时间之后,发现草坪上的路已经非常明显,设计师按照人们踩好的路修路径,事实证明,这非常符合用户的期望

因此,在做设计的时候,多观察用户进入网站后先浏览哪里,之后又点击了哪里,是否和你的设计相符。

简约四策略-隐藏

1、隐藏什么?

隐藏部分功能,是一种低成本的方案,但是,到底该隐藏哪些功能呢?

不常用但不能少的功能,比如个性化设置不会经常改变,因此非常适合隐藏

自定义功能,主流用户往往不会在这上面花时间,可以进行隐藏

渐进展示可以隐藏,比如团购APP上仅展示大分类,比如美食、然后把美食下面的广东菜、川菜、茶餐厅这些选项隐藏在里面

阶段展示可以隐藏,随着用户逐步深入界面而展示相应的功能。

2、适时出现,且能让用户轻松找到

比如在QQ上长按文字才会出现复制、转发等选项;微信朋友圈点击别人的评论才能回复

简约四策略-转移

为什么不把一些按钮精简掉,让屏幕菜单取而代之呢?小米遥控器就是一个很好的例子

1、在设备之间转移

移动平台和PC平台都有自己的长处和不足,比如今天的移动设备非常适合记录用户的所见所闻和移动路线,但通过它输入大量的文字则非常不便。不过技术在不断进步,也许移动设备以后也会擅长

2、向用户转移

如下图,我经常会在淘宝收藏很多商品,有的是自己超级喜欢想买的,有的却是有待考虑的,收藏的多了,翻找就会变得麻烦。因此我会把它们从收藏夹中拿出来放到我的清单里,方便以后购买。

购物APP很难明白用户对一件商品的需求有多大,这时候把难题丢给用户反倒是一个好主意,用户往往也会享受这种挑选、分类的乐趣。

3、让用户指挥,计算机操作,就会给人简单的感觉

让用户感觉简单的一个重要前提,就是先搞清楚把什么工作交给计算机,把什么工作留给用户。

4、让用户自己定义成功

就如菜刀,从未下厨的新手,也能切出像样的土豆片;作为主流用户的家庭主妇能用它处理食材;而那些作为专家的大厨,则可以精准控制,快速切丝,雕刻花样等等。同样一把刀,用户群体不同,目标不同,但同样达到了想要的结果,同样成功了。

让用户定义自己的成功很重要,我们要做的,就是为他提供一个简单的工具,让他们能自由发挥想象力,最终版他们实现目标。

5、非结构化数据

系统要求用户输入信息:2016-04-06,当你少输入一个数字或者输入错误时,就会提示你。向用户转移用在这里并不合适,用户非常反感强制性的做法。如果你能仅仅让用户输入:明天,本周五,七天后这些字符便能识别,用户一定更为愉悦

记得最开始使用siri的时,凌晨一点多,我想让Siri明上八点叫醒我,我们的对话是这样的:

我:明天早上8点喊我起床

Siri:对不起,我没有听懂(Siri不识别喊我起床这几个字)

我:明天早上8点叫醒我

Siri:您说的是11号早上8点,还是12号早上八点?(因为已经凌晨了,我习惯性的说了明天早上)

最后我嫌麻烦,索性自己手动设置闹钟了

现在的siri的语音识别已经大有提高,也能自动识别中国人的时间习惯,凌晨说明天早上8点叫醒,Siri已经自动默认是今天了。

让用户少思考,让计算机完成数据的结构化工作,用户体验就会简单多了。

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

推荐阅读更多精彩内容