每个产品都该看的交互设计书——《简约至上》

现在有一种很流行的互连网思维,叫“简约”。产品规划和品牌定位上力求专注、简单,在产品设计上力求简洁、简约。

以苹果的iPod为例,乔布斯当时为了寻找一款简单功能的音乐播放器,iPod因此诞生了。为了将简洁做到极致,乔布斯甚至还要求iPod上不能有开关键。

不过,作为一名产品小白,对这个词的理解却始终浮于表面,以为看着简单就该是极简了吧?始终不得“简约”奥义之所在。

《简约至上》,薄薄一本书,不足两百页,但在豆瓣的评分竟有8.5之高。

下面是我读完之后,对“简约”的整理和感悟。

简约一定至上吗?

答案是不一定。

虽然书名告诉我们简约至上,但其实是有前提的。在弄清楚前提之前,我们需要先知道这三种类型的用户:

  1. 专家型用户:他们愿意探索你的产品或服务,这类用户占总体的少数。
  2. 随意性用户:随意性用户可能使用过类似的产品或服务,有兴趣使用更为复杂的产品,但是不愿意接触全新的产品,除非新功能足够简单。这类用户也很少。
  3. 主流用户:主流用户是最大的群体。他们使用产品的目的是完成任务,他们永远也不会产生学会所有功能的想法。“我的手机只要能打电话、发短信就行了”。
    专家型用户喜欢探索原理,喜欢精确的结果,不畏惧复杂的操作,主流用户和他们截然不同。所以,如果你的设计是面向专家型的高级用户,那么你还是忘记“简约至上”吧,这个设计原则的存在基础是为主流用户打造。

简约不是简单

**简约的设计不意味着随便设计,它仍具有自己的特征和个性。 **

比如两个杯子,一个玻璃杯一个运动水杯,它们的设计都再简单不过了,但却解决了不同的问题:玻璃杯更美观、方便泡茶、手感好,运动水杯密封性好且轻便。

同样的简约,不同的特点.jpg

而且,用户看起来简单的东西,背后的技术和决策却不一定简单。

比如google,他们为了使搜索变得简单,雇佣了几千人在背后进行复杂的技术支持。不由地,我想起来之前见过几个小伙伴做项目,经常到后面由于工期不够、资金不足等原因,很多功能最终被砍掉了,最终交付出来的,是一个平淡无奇、只是由几个功能堆砌起来的产品。

所以
 简约也会各具特色;
 简约做起来可不简单,大家都得蛮拼的

什么是简约

那么,到底什么是“简约”。

鉴于“简约”策略的提出是为主流用户而设计的,所以我们可以先看看主流用户有什么特点。

首先,主流用户用产品,是为了快速达到自己的目标,他可能不会在意电脑内存是4G还是8G,也许他只关注卡不卡、贵不贵、好不好用。

再者,他们很讨厌产品出现自己无法掌控的结果,他们希望每一步都出现在自己的预料之内。本来该这笔订单自己算着是100块,结果结算页告诉他应付150,这是估计他整个人都不好了。

所以,让用户快捷完成任务、简单易操作、让用户有自信的设计,就是简约的设计。

说了这么多,到底该应如何做到简约呢?下面来看看作者给出的四大法宝。

四大策略之———删除

删除的基本原则就是:聚焦于用户核心需求,勇敢删去残缺的功能、删去会为用户带去负担的元素,合理安排优先级。

其中,为了减轻用户负担,作者提到了一个小技巧:聪明的默认值。聪明的默认值指的是适合大多数人的口味选择,它是节省用户的精力和时间的有效方式。例如:当一个顾客再次访问一个网站,他通常愿意以上次离开的状体作为起点。

这让我想到了我东的主站。

我真的住在四川.png

如果刚清除完cookies再登录,我仍需要在单品页先将收货地址从“北京市朝阳区”改成“四川成都”才能确认是否有货。如果系统能直接根据我的默认收货地址来设置我的配送地区,可以减少一个步骤,是不是就更简单了一些?

JD有一个小细节做得很好,就是只要我在一个商品单页修改了配送地区,其他商品页就会相应发生改变。

删除的技巧很多,还有“精简句子”“避免错删”等不胜枚举,我想如果能在实战中运用,就再好不过了。

四大策略之二——组织

在采取了删除策略之后,对于剩下需要提供的功能,我们还要对其进行组织。混乱的堆放,哪怕实际内容并不是很多,也会让用户感觉很复杂,这和平面设计基本原则中的“亲密性”很像。

组织的核心是通过某些角度来整理组织松散的信息和元素,并且只强调一两个最重要的主题。

通过哪些角度来组织呢?作者在书中讨论了几种方法的优劣与适用场景,包括:时间、空间、感知分层、字母、格式、色标等。不过有两个原则是要保证的,那就是1.分类后要做到使重复交叉最少2.每一项最好不要超过7个子类,不然人们会记不住(“7加减1”原则)。

说到分类,不能不提JD商城的商品分类。我认为电商的分类是比较特殊的,虽然书上说“子项不要超过7个,还可以更少”,但是明显7个种类不可能囊括所有商品。

虽然现在主站已有的分类方式人们看过后根本记不住,但是它们仍然是必须展现出来的,因为这时候,用户是在浏览、寻找自己感兴趣的商品,“展现完整”比“7加减1”原则重要得多。

在这基础上,我想还有优化的空间,JD也已经做了,那就是将最常用的7项排在最前面,便于用户查找和记忆。

京东商城分类

四大策略之三—隐藏

隐藏不常用但不能少的功能,通过隐藏这些功能,可以减少对用户注意力的分散。

它和删除不同,隐藏涉及“内部需求”,比如一些偏好设置(例如PhotoShop中将单位从厘米改成像素),少了它们,就会少了定制化,软件将变得过于通用。而删除则涉及“外部需求”,是一个全新的功能。“为准妈妈搞一个交流社区”是一个外部功能,选择开启“只有在wifi环境下播放视频”就是一个内部功能。

隐藏里有很重要的一点,就是“放在哪儿比做多大更重要”。例如我东单品页的白条分期说明:

这个白条说明完全可以放在一个专门的页面里,写的更加详细,或者放在某个特定区域。但放在这里,我认为是最合适的。

经研究发现,用户在刚进入系统时,眼球可能会扫视整个屏幕,但是当他们一旦聚焦了任务,眼球就只会看自己需要的点。在这里也一样,用户此时在自上而下地选择配送地址、sku等,如果他们看到白条分期时产生疑惑,这时注意到说明的概率是最大的。

四大策略之四——转移

简约设计的最后一个策略是转移,将复杂性转移给另一台设备或者用户。

转移给设备,要求你清楚和明确各设备的分工。比如手环和手机,手环可以精确地记录你的运动行为,但是没有屏幕或者屏幕很小,适合收集数据,手机无法戴在手上,但是它有强大的数据处理功能和较大的屏幕。因此,可以说手环将“展示和计算”这两个复杂的任务转移到了手机上,用户就不用眯着眼睛盯着手环屏幕看了。

转移给用户也是一样的,你必须明确人和计算机各自擅长的是什么,才能做好转移工作。比如人擅长估算和制定计划,计算机擅长精确计算和执行程序。这一点很好地解释了,为什么制造一个有魔力的角色在手机上那么难。

我曾经开过这样一个脑洞,我的旅游定制软件调用微软研发的个人助手Cortana(又名“小娜”,类似iPhone Siri),请她帮助用户做旅行计划:如用1000元帮我策划一次旅行。如果小娜将500元分给住宿,我就会不乐意,因为我情愿多花点在吃的上面,然后我还要再改她的方案,最后发现还不如我自己计划。

症结在于:这个想法将复杂性放在了错误的位置,我给Cortana出的题不是数学题,而是估算型的抽象问题,这类问题没有数字化的衡量标准,对机器很困难,所以很难保证我对结果满意。

不断出现不尽人意的引导和推荐,只会让用户产生反感。将估算这种对于人来说轻松的任务,交给“有魔力”的软件做,势必无法带来简单的体验。

书中还提到了将功能转移给用户的另一种方式是“创造开放式体验”。比如允许用户决定输入什么格式的数据,让计算机负责结构化任务即可。

之所以提到这点,是因为它让我想到了上周为公司测的一个产品的预发版本。输入固定电话时,系统提示我“请输入如028-6521****的电话号码”,第一次我没有输入短横杠-,在我输错之后,系统提示我无法进入下一步,我才猜到可能是因为少了-。

其实,让系统自动结构化用户输入的号码并不难。如果这里能做优化,将会帮助用户遇到更少的挫折,体验肯定会提升一些。

做到这些就简约了吗?

让你失望了,答案还是“不是”。

这更像一个哲学问题——没有真正的简约,任何系统都存在无法消除的复杂性,关键之处是:谁会面对这些复杂性?

我们在做产品、做设计时,毕生追求的就是:把简单留给用户,把复杂留给自己,让用户时刻能感觉到TA在流畅、自信地掌控着局面(此处感觉自己好伟大)。

为什么每个产品都应该看呢

  1. 经典。 这本书虽然不到200页,但有150页都是干货,适合经常拿出来看看。
  2. 专业术语不多,不需要一定是专业的视觉交互师,适合所有人阅读,

而产品这条路,我还在慢慢爬啊爬。

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

推荐阅读更多精彩内容