美文网首页我是产品狗0岁的产品经理
每个产品都该看的交互设计书——《简约至上》

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

作者: captaindou | 来源:发表于2016-08-01 15:52 被阅读213次

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

    以苹果的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. 专业术语不多,不需要一定是专业的视觉交互师,适合所有人阅读,

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

    相关文章

      网友评论

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

        本文链接:https://www.haomeiwen.com/subject/cwnxsttx.html