场景如下:用户在瑞幸咖啡app下单时,选择好商品并进入提交订单页,此时可以在页选择要使用优惠券,并在进入这个页时,已经为用户自动选择了优惠力度最大张券,减少了用户操作成本,如下图:
说到这里其实也是常规操作,这设计已经很普遍了,是让作者感觉惊喜其实是优惠券右侧个「取消使用」小按钮,我们把上图片放大下如下:
在前旧版本,是没有这个「取消使用」按钮,可能有朋友会说,默认选择张优惠券才是比较好设计案啊,你怎么会为这个功能惊喜?
其要理他的优之处还是要从际的使用场来说,者曾经遇到一种样的情况,其中有几个条件下:
- 我账户存在20张5月份买28元代券
- 我在6月下单想买一杯24元的咖啡时,系统默认帮我选择28元的代金券
- 金券优惠券两概念,不可同时使用
- 的账户中还存在一张5折优惠券
当时账户中的20张金券之官方搞活动的时候买的,所以我常出的一种操作行顺序:先点击金券一栏,入金券页面,点击「不使用金券」按钮,后返回提交订单页面,再去选择使用的5折优惠券。整行径被拉的很,操作繁琐还浪费时间。用户的这种行对于支付功的比例会影响,所以后瑞幸改版时加了面的「取消使用」按钮。
由于作者的代金券已经在瑞幸承认财造假全部用掉了,所以上方图片使用的是「不使用优惠券」截图。而不是「不使用代金券」截图。其交互逻辑都是一的。
当时作者每天早上都会一杯24元的咖啡,发现这个改版后真的十分惊,感叹幸设计团队的敏锐嗅觉,实在是优秀。在思考一种设计方案的产逻辑时,还是要结合同的使场景才解。
场景如:户在查看路线时,可点击页面的截图按钮,将路线图片保存到相册,保存到相册的图片会显示一张长图,显示全展开的导航信息。
以下是对这个计案例的解读:
这个功已经上线了很长时间了,在之前看到这个截图功时,我的想法是「多余」,因为我们已经到了导航信息页面,即使是络信号好是可继续查看和展开折叠信息的,为么还需要”截图”呢?或者为么直接使手机的截图功呢?最由于到公司入职,租房和公司的距离特别远,在使百地图导航的时候又注意到了这个功,有了一些合的解释。
1. 为么直接使手机的截图功?
手机截屏功只截取一屏,容易导致截图后的信息全。并且在上面这种换乘信息较复杂的时候甚至需要3-4屏才容纳整。还有一点原因是导航信息页面很多信息是折叠起来的,即使是户手机中有截长图软件,需要一个一个点击展开才开始截图,大大增了户的点击次数,效率很慢。
2. 已经到了导航页面,为么还需要这个功?
因为存在多种户场景,作者在之前的思维只考虑到了自己使导航功的场景,除此之外还存在帮他人查询、长期记录导航信息等场景。
真实场景1:某天我家里在北京旅游,于来说很大可能性用个微信,手不会安装很多其他APP,所以此时我需要自己查询好路线后发他。(帮他查询场景)
场2:去年一假期的时,我和女朋计划去杭州玩几天,她又是一个非常有计划的,所以提前做旅行攻略,个文档中就用到类似的导航信息图。(长期录导航信息场)
可能还存一些作者历过到的场景。欢迎家补充。
在做计方案的候,或是在评估一个功能是否有必要去做的候,往往需要备「景化思维」,这可以帮助摆脱「思维」的局限性。从更多维度来进行评估。
还有一直停留在导航页面,手机的耗电会较快,截图保存在本地可省电。
场景如:户在使豆瓣APP查看电影详情时,可看到页面中有演员表一栏,每屏可显示4个演员信息,户将演员表向左滑就可查看到更多的演员,到达一定限后,屏幕右侧就会现一个状态叫做「更多」。
此时继续向左滑的,「更多」就会变成「释放查看」,如图:
现此状态后如果户停止滑并松开手指。那么就会打开一个页面,显示全演员的列表或介绍。如图:
这是一种较奇的交互方式,灵感来源可是一些容产中拉刷的场景。但是这种设计放在豆瓣里面是否合适呢,我有一些一样的想法。
首先,下刷新比左滑刷新从体工程学上来说更加自然。例如,我们用右手拿着手用拇指下滑动时,由于拇指关节构造决定了上下滑动比左右滑动要更加轻松省力。
二点则是用户心智的问题。类似种查看更的互方式一般采用点击的形式,用户也已经习惯种形式。点击只需要点击一次,而滑动则需要控拇指移动的范围和速度。对何取消打开下一个页面、何终止操不是很明确。
这里的用户智,简单就用户根据过往的验,对可能会造的结果的预测。我们都知道设师设方案时,一不能用户已的操作不同的,顺应用户的操作习惯,这样可以减少用户认知本操作出错率。
豆瓣中的这个计在来是一种创新,是一次勇敢的尝。可能这个计在未来的某一势操作的应用规模和范围更广,受众更多,会是一种优秀的计方案,但是在今用户的心智还于探索期,所以对于用户来说,认知成本会比较高。所以认为在现阶段,这不是一种非常优秀的计方案。
景如下:搜索功能是90%的产品中都不可缺少的功能,按照匹配度对搜索结果进行排序和展示也都是常见的做法了,但是作者最近在和淘个产品中发现了一点关于搜索功能的创新计,在此享给大家。
1. :搜索直达
在中,如果用户在搜索框中输入的关键词预先计好的文字相同则不会显示搜索结果,而是直进入一个新的页面,这个页面一是某业功能的首页。例如搜索「互网医」则是如下图的结果:
这种做法一是流量规模大的产品为了给新业更多入而计的,在一些用户规模数亿的产品中,可能存在数百个业,这多业然不可能每个都给常驻显示的入,之前的做法一是采用独立的APP才承载,但是这就带来了推广新APP极高的成本问题,所以在这采用了搜索直达的方式来给更多业隐藏式的入,希望能够用集中流量最大的产品来为新业带来更多流量和用户。
2. 淘:定向结果
在淘中也有类似的计,例如用户搜索「象牙」就会触发一个保护大象保护野生动物的页面,如下图:
淘这显就不是为了给新业导流了,而是发挥巨型的社会责任,体现了一些公益性的内容,但是如果只从产品设计看的话,也不失一种明智的选择,因搜索象牙时完全可以显示一些「人象牙」类的产品品什么的,但这种搜索结果第一肯「卖假」,第二这点售额对淘宝也不一提,所以还不如些公益活动博得用户好感度。其简介价不见得比卖赚钱低。
除了淘和之外,多产品也有类似的计,例如在网易云音中搜索「杀」就会出现非常暖心的内容,在百度中搜索「杀」第一条结果也是心理咨询的热线话。(是不是广告就不知道了,没过)
总结这些设计实都是在满足一些「极数场景」「特定场景」,类似的功虽然暖心但要注意产生命阶再决定做做,或是使卡诺模来对需求进行序。
场景如:当户在QQ音乐的播放音乐页面中截图时,系统会为户生成一张精美的海报,供户分享或保存,如图:
当户在知乎的章详情页面中中一字时,可择「金句分享功」之后系统会为户生成一张精美的海报,供户保存或分享,如图:
在这个产品中都出现了「生成图片」的计,以下是对这种计的思考
户进行截图时有几种可的场景
- 景1:想截图将息保存起来
- 场景2:想把容发送给友
- 场景3:分享到朋友圈
对于场景1来说,虽然户截图体现了容质量较,但设计者实并希望户把容截图保存起来,而是更希望户把容收藏起来。截图保存和收藏的区别就在于户之后是否会经到本产中,就是决定了户留存率。那么怎么避免户截图保存呢?难道直接禁吗?这显然可。因为这就违反了户操作的目的,会在更大程上伤害户体验。结果可是带来了更多的流失。此处设计方案的要求应该是:满足户保存信息的目的并且避免户再来。
具体设计案思路可能是这样:
首先我要满用户的目的,即存内容,但是我以只让用户存一部分内容例标题,给用户一个能够找到正文的链接,即二码,样就满用户目的,并且也让用户需要内容的时能够回到产品中来,提高留存率。
对于场景2,图片后同时给出了微信、QQ、微博分享渠道,用户可以一键把图片分享过去,不返回桌面-找到微信-选择好友-点击加-点击图片-选择图片-点击发送这样复杂的操作,减少了用户的操作骤,提高了效率。并且用户将图片分享出去之后的流程里,看到该图片的用户也可以通过二维码入到知乎产品中,这就产品了多用户活跃度,也达到了设者的实的目标。
景3和景2基本类似,就不再多说废话。在这三种景中,一张式更加美的图片都能够起增用户享动力的作用,毕竟颜值即正义~
注作者的微信公众号:「设计的威严」