专栏名称: 微交互
分享交互经验,提升产品用户体验。帮助您打造优秀产品。细节设计成就卓越产品。
目录
相关文章推荐
庞门正道  ·  这些照片,你看了几眼? ·  2 天前  
大宝频道  ·  我们的国旗差点长成这样 ·  4 月前  
大宝频道  ·  我们的家“润土”在哪里? ·  1 月前  
优秀网页设计  ·  AI工具:让设计稿原地动起来!Meta最新A ... ·  2 天前  
字体设计  ·  视频:一款节气海报的设计制作 ·  4 天前  
51好读  ›  专栏  ›  微交互

淘宝2017-大公司里的“小产品”设计

微交互  · 公众号  · 设计  · 2017-04-10 10:54

正文


本文约2300个汉字,阅读时间大概6分钟,两首歌的时间。


大公司里有很多“小产品”,手机淘宝里的卡券包就是。卡券包是手机淘宝用户的权益仓库,存储着用户在平台内获取的众多权益,比如店铺优惠券、红包、会员卡等。


本文男主,在寸土寸金的“我的淘宝”有套刚需房


“小”是相对“大”而言的,手机淘宝是一艘流量航母,每天使用手机淘宝的用户数接近两亿。相比航母甲板上动则数百万上千万的拳头业务,卡券包的用户数显然少得多。


图片来自电影《 Gulliver's Travels


卡券包具有较强的工具属性,大部分用户访问卡券包是为了查看自己获得的权益,来去匆匆,查完即走,对用户的购买行为并没有直接的推动作用。可能在商业回报和KPI的双重考量下,卡券包改版的紧迫程度并不高。


事实上,在此次改版之前,由于业务调整、人员变动,卡券包和其它的“小产品”一样,年久失修,存在诸多体验上的问题。


图片来自电影《 WALL·E


看到这里,你可能会觉得卡券包十分可怜。既然这么不受待见,为何不直接把这块业务干掉。与其活着被人诟病,不如有尊严的“狗带”。


不要着急,我们再看一组数据,你一定会对卡券包改观:2016年双11期间,卡券包的单日访问峰值达到了日常流量的近20倍。试想,如果这个月你领到的薪水是往常的20倍,你的内心会受到怎样的冲击。



不难看出,卡券包是典型的“大促怪物”,体形会随着 “大促”报复性增“大”。平台大促,权益密集发放,查询权益的用户数和权益的查询频次会激增。这个时候,平常一个小小的体验问题,就会被放大许多倍。


旧版卡券包存在以下几个问题:


1. 权益种类繁多,归类逻辑混乱,用户无法快速聚焦要查询的权益


旧版卡券包首页有7个权益分类入口,包含了几十种权益,这个数字还在不断增加。当用户获得某项权益,来卡券包查询的时候,他可能都不知道应该去哪里找。



如果你经常使用卡券包,可能会发现用于线上购买流量时抵扣的“流量优惠券”竟然被归类在“门店消费券”,“门店消费券”里展示的应该全是用于线下门店核销使用的电子凭证类权益,如星巴克的咖啡抵用券、电影票等。这有点像你进了女厕,发现墙上竟然有一排站立式小便池。


2016年双11期间,我们收到一位用户反馈,他通过“捉猫猫”游戏获得了一张 KFC 的电子券消费券,来到卡券包首页的时候,他不知道应该进哪个权益分类入口查看。



用户没有义务对我们的产品结构、业务逻辑和设计初衷了如指掌,但如果他在界面中找一样东西却找不到,那肯定是我们的产品有问题。这位用户的反馈引起了我们的重视,我们相信有相同困扰的用户不在少数。


2. 用户的访问路径较长,查询效率低


2016年双11期间,手机淘宝用户人均获得的店铺优惠券、双11购物券、红包等权益数量非常多。我们假设一个用户获得了1张店铺优惠券、1张双11购物券和1个双11红包,他在旧版卡券包的查询路径如下图:


可以看到,用户完成这个查询任务需要经过这么多步骤,简直令人发指。这就好像我们去食堂打饭,打米饭要去1号餐线,打荤菜要去2号餐线,打素菜要去3号餐线。每打一样菜要换一条餐线重新排队,问该食堂什么时候倒闭?


明确问题,我们开始着手解决问题:


1. 优化权益的归类逻辑


我们对卡券包现有的权益种类(主要是网店优惠券和门店消费券)进行了梳理,明确了“线上抵扣”和“线下核销”两个主要的归类原则:


1)凡是在线上使用、网购结算时抵扣使用的优惠权益都归类在“网店优惠券”。


2)凡是线下使用、需要在商家门店出示核销的权益都归类在“门店消费券”。


用户以后再也不会在“门店消费券”列表中看到流量券、飞猪旅行红包等权益乱入了。


重新归类后的部分权益一览


2. 缩短用户访问路径,提升查询效率


我们对多个竞品(用户权益集合页)进行了分析,竞品的产品结构可分为两类:


1)常规的“分类入口+列表+详情”结构



使用该结构的产品,对用户的所有权益进行了分类,帮用户做了一层筛选。当用户获得的权益数量较多时,能够帮助用户快速聚焦,找到要查看的权益。旧版卡券包使用的就是这个结构。


2)扁平的“列表+详情”结构








请到「今天看啥」查看全文