别被数据骗了——视频搜索页面设计研究总结

如今的互联网PM都会对产品数据进行追踪,作为自己的KPI指标。但是在实际的设计结果中,令人满意的数据有时却并不一定会说明产品的实际使用效果,数据呈现的结果和用户的实际使用体验有时甚至是背道而驰。某用户:点击之后进去就直接播放了,有时候开着声音吓一大跳,会马上点出去。哦,你说按钮上的文案啊,没有注意呀!


如今的互联网PM都会对产品数据进行追踪,作为自己的KPI指标。但是在实际的设计结果中,令人满意的数据有时却并不一定会说明产品的实际使用效果,数据呈现的结果和用户的实际使用体验有时甚至是背道而驰。

别被数据骗了——视频搜索页面设计研究总结

下面就一一个实际的案例为例。

改版模块:视频类的搜索结果页;

改版目标:提升视频播放量,提高用户的点击VV;提升搜索用户体验;

改版背景:当前视频类的搜索结果页页面样式较为平淡,较多的内容量稀释了命中的视频card的重心;页面中无明确的视觉焦点引导,点击搜索结果card进入落地页,用户需要点击后播放视频;用户在页面跳出率较高,对用户的吸引不足。

别被数据骗了——视频搜索页面设计研究总结

原版

在产品立项初期,其产品改版目标在于提升搜索结果的点击量,引导用户点击进入对应的落地页;在实际设计过程中,对视频搜索结果进行了强引导,页面上提升card高度;视觉更加突出,增加文案和播放icon,同时在点击逻辑上进行了隐性的优化更新,用户点击card上任意区域可直接进入播放器播放,缩短用户的操作路径。

别被数据骗了——视频搜索页面设计研究总结

优化版

结果:数据层——用户的CTR在不断提升;在经历了一个版本的稳定后,在下一版本进行用户访谈时发现,实际的用户体验却在下降,用户反馈效果并不好。

某用户:点击之后进去就直接播放了,有时候开着声音吓一大跳,会马上点出去。哦,你说按钮上的文案啊,没有注意呀!

显然,我们被一直在上升的数据骗了。

这就是定量数据和定性研究结果之间不匹配的地方;尽管在设计上进行了文案和icon的引导,但却难以吸引用户的注意力;点击后的页面状态和心理预期的反差影响了用户的使用体验。显然,这个时候我们应该更加倾向于定性研究的结果,重新优化设计方向,给用户带来符合心理预期的方案。

别被数据骗了——视频搜索页面设计研究总结

进阶优化方案

新的方案中,再次扩大了命中的视频结果card的高度,同时上对进入圈子和视频观看的点击区域进行了显著的区隔,不仅扩大了进入圈子的实际点击区域,在视觉上也给用户同样的心理锚定;下方区域保留点击直接播放的入口,保留文案和icon的引导,更加紧凑的信息排布能都更加强化对点击进行播放的信息传达效果。新的方案在保证CTR的前提下,引导用户进入圈子,满足用户的心理预期。新版本上线后,用户的实际反馈效果得到了提升,同时CTR和视频播放量在出现波动后保持在了一个相对稳定的水平。

结果分析:

在追踪设计效果的过程中,数据直观反映了设计效果的“易用性”,但是定性的用户反馈则从用户体验的角度对产品的“好用性”甚至“乐用性”上进行了甄别。因此,不能盲从与数据量的提升,实际的定性研究结果必不可少,否则,用户流失在所难免。

 

作者:虾米&胖喵,百度交互设计师

本文由 @虾米&胖喵 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/22651/

(0)
CatherineCatherine
上一篇 2017-05-02 13:08
下一篇 2017-05-02 15:03

相关推荐

  • 交互设计七大定律之席克定律

    最近在整理交互设计七大定律,发现了这篇老文,内容很精彩,翻译下与大家分享。 最近在整理交互设计七大定律,文章要系统的看。 目录:【交互设计七大定律】关于交互设计法则“除非有更好的选择,否则就遵从标准——交…

    2015-08-27
  • 符合用户直觉的设计,才能更快地获得用户信任

    UI和交互设计中常常会强调某项设计需要足够的“直觉性”,但是直觉性的设计说来容易,实现却往往差强人意。但是不得不承认,它是目前交互和UI设计的刚需。想象一下,如果桌面上反过来一颗球让你去转动控制,感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。当孩子们操作鼠标和遥控杆的时候,会不自觉地低头看输入装置……后来有人想到,如果操作时运动肌肉群范围较大,也许他们可以不必低头。我们做了一个大型轨迹球装置,让他们可以用手臂甚至肩膀牵动来操作,这样就把问题解决了。我们先是观察什么样的操作方式比较合乎自然,然后提出想法,再进行测试。心智模型指一个人对于事物运作的思维过程,即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为,影响人在复杂情况下的关注点,并确定人们如何着手解决问题。

    2017-05-15
  • 设计实战|城市指南网站着陆页是这样设计出来的

    今天咱们要聊的是“城市指南”(Big City Guide)网站这一概念设计案例研究。

    2017-06-06
  • 产品学习——用户体验要素

    最近看完了这边和产品相关的书籍——《用户体验要素》,读完之后感觉这本书写的挺好。下面做了一些思维导图,做的比较详细,这样就可以当做是读书笔记了。自己的不足:1,读起来的困难是这本书翻译的不是特别好,所以为了理清楚这个本的脉络,还是花费了比预期要久的时间。2,是第一次使用xmind,在一边做思维导图,一边学习使用xmind上面花费了一些时间。3,是专注度还是不够,集中精力的时间太少了,所以做一件事的时间就会拖的太久。第一章:用户体验为什么...

    2018-02-23
  • Smartisan OS v2.0 正式发布

    本次升级坚果手机新增功能 94 项,优化细节 108 项,修复 bug 若干;Smartisan T1 新增功能 91 项,优化细节 109 项 ,修复 bug 若干。升级主要增加了系统应用“语音搜索”、“安全中心”、“游戏中心”,增加了应用启动…

    交互设计 2015-09-16
  • 灵兽奇谋之教你5招提升用户体验

    (来自梧桐树资本远方的祝福)007灵兽奇谋《灵兽奇谋》起源于我们携手100位行业大咖组成灵兽家族,每位家族成员都必须跟新零售007的粉丝们分享一篇,自己近年最干货的心得文章,可以是感悟,也可以是奇招,没有任何限制与约束,给予读者们干货与奇谋,是我们唯一的标准。每十篇奇谋为一季,2018年第一季,火热连载中。奇谋无高下,真诚见初心,谢谢每一位老师的付出,亦谢谢对面每一位乐于倾听的你。今晚灵兽奇谋来自灵兽家族代盐人兽哥,兽哥跟大家聊聊新零售...

    2018-02-11
  • 当卡片式UI不再流行,列表式UI将是王牌

    作为设计师,虽然我们都喜欢最新的流行趋势,额外的白色空间和大图像,但对于新闻和数据,列表式是更好地解决基本的用户目标的方法。卡片是提供详细信息的入口。——来源:Google Material DesignGoogle的搜索结果可能会更加丰富多彩,但每页提供的信息较少。——来自:GreenBot

    2017-05-13
  • UI动画VS微交互貌似都是一个东西?

    出处:https://medium.com/@tubikstudio/ui-animation-microinteraction-for-macroresult-668cd9e71101#.lhcggh7he 原标题:UI Animation. Microinteraction for Macroresult 原作者:Tubik Studio   原谅阿西…

    2016-04-07
  • 移动设计中不可或缺的交互

    经验分类: 经验/观点 / 自译外文 原作者: Chris Bank 手势和动画对移动设备游戏的改变 在这篇文章中,来自UXPin(一款在线界面设计应用)的克里斯·班克(Chris Bank)介绍了移动应用交互的重要性,以及它在设计模…

    2014-09-14
  • 交互设计师的60日计划第十七天

    #交互设计师的每日#20150815 雨天和大学最好的朋友的离别,最后一顿饭吃了王品台塑,果然一分价钱一分货。以用户体验为招牌的海底捞告诉我们要排队2小时等位…但是贵的王品台塑不仅立刻有位,服务也要比海底捞更胜一…

    2015-08-20