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

如今的互联网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

相关推荐

  • APP界面设计流程

    此教程从交互开始进行APP界面设计,主要是一个流程,还是值得童鞋们学习一下的。包括:1、交互流程设计;2、风格定位;3、功能icon设计;4、界面视效整体优化;5、应用icon设计。   来源:G-UIDEA

    2016-05-06
  • Adobe XD 中文汉化包 - UI/UX design in Adobe Experience Design

    Adobe XD 中文汉化包 - UI/UX design in Adobe Experience Design

    2016-03-30
  • 7种诀窍,创造利于记忆的用户体验

    了解记忆的工作原理,设计师可以创造出以人为本的界面,迎合用户这种与生俱来的能力,节约他们的精力,提升可用性。

    2017-04-27
  • 酱课程丨交互设计第③期 · 原来交互设计师是这样工作的,和你想的一样吗?

    交互课程第三期来啦!查看前两期点击这里——交互设计第①期 · 这个老师只用一张图,就解决了所有设计专业都会遇到的问题!交互设计第②期 · UI/UX傻傻分不清楚?分分钟带你搞懂交互设计下的六大Job Titles!通过前两期课程,同学们了解了双钻图——一套完整的设计流程指导框架、定义了什么是交互设计、它所涉及到的领域以及与交互设计相关的六大Job titles。现在大家对交互设计已经有了一个大致的理解,设计流程框架也是现成的,下面就要进...

    2018-05-04
  • 译文|移动体验设计禁忌

    就移动用户体验设计而言,不断地实践是检验其好坏的一条必经之路。在这篇文章中我们聚焦于基础。我们需要去解决的是如何避免打断用户或者强迫用户思考的问题。

    2017-05-20
  • 设计只在需要时 —— “暂停”按钮的消失又出现

      很多时候,不好的设计往往是因为思考的不充分或者思考的太多;而好的设计则正是因为它出现的恰到好处,哪怕它可能是在对传统习惯做出的挑战。以下我将通过现实产品中“暂停”按钮的消失又出现来说明这一点。
      对于现实中的声音播放工具,大家应该不陌生吧。录音机、walkman、CD随身听,虽然这是上个世纪甚至上上世纪的名字,但是也不至于让现在沉溺于虚拟世界的人们彻底忘记(90后除外)。我们只是去回味这些古老工具的播放控制按钮,也是能够品味出优良的设计思想的。

    2017-08-04
  • 阿里巴巴UED的设计团队究竟为双11贡献了什么?

    在11月11日这个日子的前后一段时间,当你发现如下症状之一:当你被机场、地铁、公交站牌和网页里频繁出现的双11提醒,感觉重要的时刻就要来临;当你心跳加速,不管什么都先放到购物车里再说;当你最终等待在11号这天的凌晨用风一样的速度支付成功,并长吁一口气;当你认为一切都那么的简单、自然、纯粹,不过是一场轻松的购物。只能说你Too young,Too simple。你的一举一动已经被一个神秘的组织所引导,它让你下单时够快、够准、够狠,并且你毫...

    2018-02-01
  • Apple Watch界面设计规范之UI设计基础(2/2)

    六、布局 并排放置的按钮数量要控制好。当并排放置按钮时,使用图标来代替标题文案。一行不要放置3个以上,否则按钮的尺寸将会太小,很难被点到。 完整利用左右两个边缘之间的全部空间。Apple Watch的边缘斜面会在…

    2015-03-10
  • APP常用导航总结

    虽然我承认导航这种东西在现在的app非常常见,但是实际上,这种东西也不是必须存在的。如果应用够轻,比如雅虎每日新闻News Digest就不存在导航这种东西。只有当app的架构扩大到一定的程度,当内容繁杂到无法展示在一个页面中,这时候才需要用到导航。

    2017-05-31
  • 关于用户故事地图的7 种用法

    《用户故事地图》不仅仅是讲述什么是用户地图、怎么使用用户地图,也讲了很多团队协作的tips,并且给出了很多实例。我这里直接从这本书的其中一个角度——“怎么使用用户地图”为内容,然后结合一些自己的想法,来写这篇读书笔记。聚焦于成果,即产品发布后用户能使用和感知的东西,切分发布计划应该以成果为导向。  ——《用户故事地图》P56

    2017-04-30