日志
信息的阻力设计
2019-01-24 09:46
什么是阻力？
用户使用App时需要穿越层层页面，在穿越这些页面时需要消耗时间和精力，称之为阻力。 首先探讨一下品类方面的阻力。  如图，这是几个电商App界面，一眼望过去并不知道哪个页面是哪家电商，其实这个并不重要。如果你到一个平台购物，往往不是因为线上产品用户体验不一样，而是因为卖的商品不一样，或者商品的价格亦或配送速度不一样。所以这里它们长的一样我觉得没有太大问题，甚至我认为他们之间雷同是一件好事，用户省去了切换的成本，尤其是新平台跟老平台长得像都是没什么问题的，这样用户切换新平台阻力就小了很多。 但是当我们需要定义一个新品类时，这个思路就会不一样。 定义新品类 举个例子，国际化品牌Airbnb，在2014年的改版中做了很大的调整，这次改版后发现，要找房子下单，搜索浏览和操作效率并不是很高，但是他们还是做了这种低效高颜值的选择。  对大多数人来说，私人房屋短租给其他人的这种服务是个新产品，是高端还是低端用户其实没有概念。所以在2014年Airbnb重新推广的时候，他的设计理念是各位房客先别管这个产品是什么样的模式，先说这个事情是不是看起来很酷。是不是酷这件事对于一个新产品是重要的，如果我用过一个酷的产品，分享给朋友。对方往往也会因为我分享的产品酷而觉得我这个人很酷。有些实用性还不错但是品牌调性没那么高的产品，用户使用完后会觉得“把这个产品分享给别人，并不会给我加分”而止步分享。鉴于此，我认为Airbnb高颜值虽然一定程度上牺牲了效率，但是拔高了品牌调性，也就提高了产品的推荐值，是一个正确的选择。 那么当我们需要重新定义一个已有品类时，我们的思路是什么呢？ 重新定义品类  这是我们2016年发版的首页设计，自如和跟之前的租房平台不太一样，所以我们的首页设计要重新定义一个品类。以前，尤其是我们80后对于租房会有什么样的感受都是有一些认知的，比如说黑中介…其实大家都有一些印象，被坑过的80后不在少数。自如出现的时候可能就需要重新整理大家对于这个品类的认知。所以我们在设计首页的时候，先用一个高颜值大图展现一下房子是什么样子（因为我们的房子确实颜值很高品质不错），搜索按纽也不是很大。所传达的思路是我们希望用户在找房子之前对我们的平台有些认知，或者说对租房这个品类，打破固有的刻板印象，有重新的认知。我把这种重新定义已有品类的设计方法定义为“我们不一样”。  在今年，自如的影响力大了很多，在这个背景下我们进行了新一轮的改版。虽然从用户的角度讲可能进APP第一件事是要找房子，但是从企业的角度，企业有很多想要传达给用户的信息，这个页面也是让用户知晓其他业务的入口（自如给大多数人的印象是一个租房平台，但是我们也有像保洁，搬家这类的服务）这些入口也许用户当时不会点击，可是当他需要用保洁，或者搬家的时候就会想到好像自如有这么一个业务，之后他会去自如的首页找。所以多条业务线的并列呈现，也有类似广告曝光的作用。  我用这张图来代替我们的原型图，我们要展现多条用户线的时候很依赖于这个界面上的多个按纽，当时就想能不能顺着这个思路在尽可能的情况下做的好看一点。我们之所以觉得这个界面给你的感觉没那么好，是因为这个界面信息量太大了，还有色彩的冲撞过猛了。 我觉得色彩的间隙太小了，应该加大，所以加了一些白框，让这些颜色之间离的更远，颜色间的冲撞也就比较小。  然后再看这个颜色本身，我们是不是可以选一些相对共性的颜色，比如把标准的红绿蓝改成红，暖绿，和偏绿的蓝（暖蓝），然后把选中的颜色找他的扩展色，用扩展色画出一些按纽。  这就是我们后来首页的样子。 低频应用的阻力设计 作为一个低频使用的App，跟高频使用的App阻力设计思路最重要的不同点是什么呢？我从学习成本这点来切入。 学习成本 微信的聊天记录删除功能，有一点学习成本。  用户在使用中偶尔向左滑发现了可以删除聊天记录，通过偶尔的触发，用户学会了这样删除聊天记录。通过后期每天不断地使用强化了对这个功能点的记忆。 但是我们的低频App似乎没有这个机会，由于使用次数比较少，有些功能隐藏起来的话用户大概率永远都不会去用。设计时不但要把点赞的按纽放出来，而且点赞的时候还要告诉用户，点赞后飘在右上角。  告诉用户收藏之后，收藏列表可以点击右上角这个按钮查看。我们不但要把所有的功能摆出来，而且还要告诉用户这个功能下一步怎么走。因为他如果这次没学会，以后可能也不会用这个App了，这点跟高频的产品不一样。 点击数据 我们设计首页的时候对于点击数据会有一个预期和目标，但是往往数据反馈会跟设计初衷多少有些不相符。大家可以猜一下哪是点击率最高的…在这里我只能告诉大家一个大概的排名。我们当初希望是租房的点击高一些，因为用户点击后可以了解我们有多少个租房产品，所以我们把它在视觉上设计的重了一些。但是其实搜索是排在他前面的，用户对于大面积的区域像banner这类东西是有免疫力的，所以不管做的多花哨其实用户会习惯性的忽略掉，也就是视觉中心和实际的交互中心不见得一样。合租在租房的前面，整租都可以在前面，看来用户还是比较仔细的看了我们的界面，而且可以断定大家对于合租是什么东西了解的很清晰。  可以看到，“租房”这个按纽我们刚开始设计的时候，感觉应该是高的，因为这个是总集，我们在后期的访问中发现用户认为这个是表示分类，所以设计的虽然明显，但是用户仍然认为这个不可点。 减少阻力 减少阻力，需要跟用户的预期相符。 租房按纽怎么做交互才能让用户感到顺畅？租房的按纽包括右边的四种，其实是个1.5级（介于一级页面和二级页面之间）的界面，所以点击左侧的租房，用户会进入“租房”页面。而右边的这四个Button应该还在，只是这四个按纽变成放大精细版。包括租房Button的底图，也是放大放在页面最上面，这跟用户的预期才比较一致。  从首页到列表，到详情再到下单及更深层的页面，页面的ICON和精细程度和用力程度都不一样，层级越深视觉冲击越轻。  如图，最右侧预约那一列，假设设计师有足够精力和时间，是否可以把最右侧的页面做的视觉更丰富，甚至跟首页一样？然而我们现在的规范里面仍然不允许做的更花哨，原因是我们认为在前半段的时候，用户需要一些阻力来提升注意力，从首页先认知这个租房APP跟他平时认知的不一样，接下来有一些信息的输入比如图片，再往后，如果一旦点约看或者是点签约，这时他的决策做好了，产品要做的事就是一步步往以最快的速度，完成这个事情，不要让他有任何的犹豫，不要让他分心，任何的分心都有一定的概率让这个流程中止甚至是终止。  如图，我把整个流程的信息阻力画了一个曲线，首页阻力是最大的，越往后越小，实质性的信息越多。决策前需要让用户提升注意力，所以信息量要大，表达要丰富。一旦决策后，信息的传达以最简洁的排他形式存在，让用户路径尽可能的缩短也让信息阻力尽可能的变小。 以上就是是我对信息阻力设计的整理，希望大家能够有所收获。 蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。 阅读全文 |
下一篇： 投影一直做不好？看这篇文章就搞定！
上一篇： 你的设计，用户真的看得懂吗？