一、前言
作为app行为数据分析的从业者,我知道很少有渠道能找到客户当面或留言阐述导致他他在app内行为看起来特别“怪异”的原因,更何况能干预用户的变量很多,自身对该业务的需求强度,对互联网操作逻辑的认知水平,前端界面信息表达清晰度,后端性能波动等都会阻碍用户完成转化。目前已知最佳的获取答案的办法就是听400电话、阅读用户留言(如在线客服、我要反馈)、邀请进安装眼动仪的观察室,或者干脆就在地铁、公交、餐馆里站在用户身边观察。如果我们没有其他高效渠道获取操作中遭遇的体验问题,那么我们就让自己成为渠道——身体力行记录app的体验问题。
寻找体验问题相对比从数据中反向识别问题更简单,几乎完全可以依赖自己的主观意识就能判断体验存在问题,即便该体验问题仅出现在小部分人群,但我们更应该关注完善产品设计规范及背后的体验逻辑。是的,一千个人眼里就有两千个眼睛,我们应该汇聚大家的智慧集思广益,最终实现塑造无限趋于完美的产品。
二、正文
今天为了能聊聊淘宝app体验细节是否存在问题,特意以产品经理、行为分析师、app体验馆视角花1小时重新审视这款接近于完美的产品。我将根据自身有限的交互认知水平作为体验好坏的标评判准,然后围绕app前端展现、交互方式等视角阐述自己的理解和疑问。淘宝应该算是一款功能众多的服务性app,全面展开体验不太现实所以着重对平时常用的功能进行体验方面的思考,所以本次研究的范围是:首页搜索、首页icon-更多频道、首页feed流、我的订单、充值中心这五个功能。确实,在约1小时的体验过程中依然发现了一些有趣的东西。
1、首页搜索
入口:首页搜索与逛逛搜索有多处不一致,因为2个页面的搜索引擎搜索对象完全不一样,比如在搜索中国电信时,前者返回商品信息后者返回用户或商家分享的使用心得。所以我们可以推断产品经理是有意、大胆地做出差异视觉效果的。下图左侧能清晰看到两个页面搜索入口的差异:表现在广告文本的字体、颜色,功能组件图标、元控件布局及间隔等。但依然要注意这2套搜索入口存在过多的差异,即有多套产品语言,用户学习的成本或者掌握正确适用方法的学习成本可能会很高。
首页搜索的拍照图标采用被拍摄人视角的样式,被拍摄人能看到相机的镜头、闪光灯和快门按钮。这其实非常便于我们用户理解该图标的用意,但其实我们仔细一想就知道,现在用手持照相机拍照的机会很少远不及手机拍摄次数多,即便用的人很多但实际上一部分相机的镜头其实是居于左侧或右侧的并非像图标上是居中,而且我们应以第一人称视角去拍摄,当我们想拍摄时应该面朝没有闪光灯的那一侧,最后在淘宝使用该功能时都是上传或直接用手机现拍的图片进行图像搜索。不管如何狡辩图标的用途绝对不仅仅只是写实,而是能引导用户快速猜到他的功能定位。
与一屏广告位重复:首页搜索栏内滚动的关键词会在用户由后台再次进入前台时发生更替,可能是对滚动关键词进行了曝光计数,达到疲劳、低采纳率衰减预置后个别或批量更替。此外,首页滚动关键词并没有和feed流首行坑位进行关于产品内容的剔重,一屏上下同时展现相似产品信息可能会导致用户疲劳甚至错乱,当然更大的概率是用户进入首页后会很快进入搜索或者开始浏览feed流,不太会同时关注到首页搜索滚动的关键词和feed流。
2、更多频道
在首页icon区手指向左滑可以展示第二组10个icon,第二组中9个是业务入口以及最后一个“更多频道”,点击该入口后将进入如下界面。此时页面下方显示“长按拖拽到这里,访问更便捷”,看到这段提示时我本能会在左图灰色区域内长按,也许会出现iOS那种动效,但我意识到我理解错了。于是乖乖地按照提示操作,我长按“火车机票”后准备将这个icon拖入提示文案的区域,可是提示文案突然变卦了瞬间位移,直接跳进了“我的频道”模块内。而当我真的拖曳到了拖曳前提示词的位置时,我看到底部非常显眼的深红色“删除”按钮,瞬间人就蒙了怀疑自己的智商。功能本身很好理解,但提示文案猝不及防地变动干扰了用户的判断。此外我的频道并不会覆盖App首页icon,所以可能使用的价值并不大,因为即便你设置了我的频道你还得做一次滑屏切换至第二组icon,并且需要继续点击“更多频道”。当然你也可以直接在首页下拉展开二楼界面,直接进入下图页面。
3、feed流
当用户明确自己购买对象时一般都会通过搜索查询对应商品,通过提高用户用于决策的信息量从而达到提升转化率的结果。但无也约束了用户的视野以及跨品类商品曝光的概率,feed流似乎是一个比较卓越的解决方案。整体体验上非常丰富,也基本围绕自己搜索关键词、浏览过的商品以及当下热门商品进行推荐,偶尔也会出现一些意外的小惊喜商品唤醒用户的潜在诉求。体验中能发现的问题不多,都是关于局部细节逻辑的不理解。
首先,天猫店店名显示字符有限且未提示仅展示部分文本,比如当你看到“荣耀天猫官方”时你可能会认为这和“荣耀天猫官方旗舰店”是2家店,那么名字短的可以判断是假店,其实这是同一家店。但凡曾想在淘宝里购买苹果正品配件时,各种似真非真的店铺和商品让人猝不及防。另外坑位右下角的点赞有2个问题,其一是出现只有点赞没有数字的情况,如果没有数字那干脆就不限点赞图标,并将店铺名称完整展示出来,至少增加“…”代表名称未完整展示,省略号可以做淡、做小节省空间从而避免歧义及不必要的恐慌;
其二是点击该坑位进入落地页后你看不到点赞的图标,其实是产品经理改用了爱心图标。这其实是一个很大胆的设计,因为在列表页显示点赞比显示爱心更能代表该产品被公众认可而非收藏等歧义而点赞异常直白,大家都想买被强烈推荐的而非被单纯收藏的商品。但里外的图例不一致似乎显得有一些“粗燥”甚至“被欺骗”,相信也是通过数据分析发现在feed流展现点赞后的点击率有明显提升才做此尝试。
其次是数值之间水平位置关系不统一。金额是产品的核心信息所以字体偏大是应该的,且也通过字体调小方式弱化了角和分,这一点在商业分析报告中也经常使用,目的是减少非必要的阅读增加读者心里负担干扰体验和决策效率。但下图中可以看到2组信息中金额数值和灰色数值的水平位置有明显差异,第一组数值的基准(最低)水平位置比较接近,第二组的灰色数值明显低于金额数值,导致前端界面阅读时略有变扭。
4、我的订单
我的订单中有一个细小的视觉问题,当我切换tab比如从待发货状态点击待收货tab,页面右上角的筛选图标会和页面下方的商品图片一起重新加载,即筛选图标会有一瞬间失踪不可见。商品图片加载可以理解,但筛选图标重新加载就比较有趣,估计和技术实现方案有关。
当你进入我的订单页时,顶部的搜索框默认会推荐一款近期购买过商品的关键词,一旦切换至其他tab则会显示“搜索订单”,这很好理解。即如果是纯粹浏览下单记录,那搜索框就是提高复购的绝佳机会,而浏览非全部订单tab时通过文案“搜索订单”提示用户可以在搜索功能中找寻历史购买的订单,与首页搜索功能彻底区分开。可如果你在全部tab进行下拉操作(如下图),有一瞬间引导复购的关键词会变更为“搜索订单”,当页面彻底加载成功后又恢复先前推荐的复购关键词,挺魔性的。而且在全部tab下拉的顺畅度极差,让我深度怀疑是触摸屏存在断触问题。
如果你想在订单列表中通过点击淘票票历史订单记录的标题再次购买别的电影票,这是行不通的。当你点击店铺名“淘票票-淘出好时光”的标题时,什么都没有发生。而且他的图标是普通店铺而非天猫或其他官方账号的图标,会让人有些许错愕感。
作为一个慷慨的人,我有时会提前收货以表达对卖家的信任,也算是通过些许操作提高卖家双边的好感度。但一旦你真这么操作的话,在我的订单下方的物流配送信息就不再轮播显示被确认收货的商品物流信息。稍许有些过于严苛,当然也没有问题。
5、充值中心
在首页的充值中心icon图标是在一个代表订单的纸板上添置一个看似雷电实为电力的符号,其实当你看到充值中心时就知道是充话费和缴纳电费和其他生活账单。但雷电这个符号并不仅仅只代表电力,也代表减价力度,所以图标使用上有一定的奇异,当然电力比水费、煤气更容易做成通俗易懂的标识。此外,首页icon电力图形与生活缴费电力图形略有出入,所以少许有一些不统一的感觉。
当你点击充值中心进入页面时,你会发现页面的标题时缴费中心而非充值中心,对用户造成丢丢诧异。而页面顶部的时间、电池区域是灰色填充,而页面标题时深橙色,紧接着下方是一条黄色的通告栏,非常有趣的三根横条。其次,标题右上方有一个打钩图标,点击后完全不知道是干什么的,气泡的提示词是“添加成功”或“已经取消添加”,我这会儿真猜不出添加到了哪里去了(后来我还真猜出来,其实上文有提及过的一个功能)。充话费是支持中英文输入,不敢说是存在使用中英文的可能性,但这确实比较少见而你点击页面正中间的充流量,并在对应落地页尝试是否支持中英文时,得到的答案是不允许输入中英文,即便你手动切换为中英文键盘并输入中英文,页面的输入框也会自动屏蔽输入的非法文本,所以2个页面的输入框在细节功能上存在一些不默契。
充话费和水电煤都是在缴费中心页面内进行操作,而点击充流量则是跳出一个新的页面,这其实也就算了毕竟相对充值而言充流量是很低频的操作。可是前端显示额“售价 15”是几个意思,很容易造成是销量15的错觉,比较好的做法是“售价 15元”或者“¥ 15元”,至少标注下单位。
我相信绝大部分是我过度解读,是一种不合理苛刻地要求,绝大部分功能交互体验并不影响点击和转化,但我们切莫因此而忽视设计规范,如果规范有空白则应以营造统一的设计美感为出发点,严苛地对当前页面进行诊断。其实大家也看到了,体验问题并不需要什么专业知识,任何你不能快速理解、容易曲解的交互元素都值得说出来了。