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

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

相关推荐

  • 用户体验设计过程方法论的演变

    “用户体验设计”这一概念,是由唐纳德·诺曼(Donald A. Norman)创造出来的。我之所以会发明这个术语,是因为我认为人机界面和可用性太窄了。我想涵盖人们体验系统的所有方面,包括工业设计图形,界面,物理交互和手册。从那个时候开始,这个术语开始广泛传播,以至于它失去了意义。——唐纳德·诺曼但到了 2016 年,唐纳德·诺曼开始对这一术语的滥用大肆批判,他在这段简短的YouTube视频中谈到了这一点。这些天,他说他是一个人民设计师(...

    2018-04-06
  • App界面设计风格

    设计风格的配色除了要注意男女性的喜好差别,还应该重视通过冷暖色彩+明暗亮度搭配表现给用户的印象和心理感受。详见《色彩在移动APP设计中的应用》

    2017-06-05
  • 12个常见的网站交互设计错误

    好的交互设计 可以区分开有质量的网站和其他普通网站。然而,如果有明显的设计错误,它只会给予你本来想打动的用户以刺激和挫败感。下面是Speckyboy上总结的让人最不喜欢的交互设计 错误列表,来看看你中枪了没!

    2017-05-27
  • 运用5个色彩技巧,设计更优质的网页用户体验

    色彩几乎是所有设计体系中不可忽略的组成部分,而在网页设计中,色彩本身所发挥的作用并不单一,除了最基本的着色构成色彩搭配的作用之外,色彩能够通过对比创造视觉焦点,构建信息层次,影响用户情绪,甚至引导访客的行为。所以,在玩转配色本身之外,进阶的色彩运用技巧还有很多。

    2017-05-06
  • 如果你即将面试交互设计,可以参考一下这篇

    交互设计也是设计类,设计类的面试只要看作品说话而已。但是,偶尔有也会有些面试官完全都不理你的作品,然后会问一些比较宽泛的问题,今天的汇总就是主要针对这部分题目。题目大多都能回答,但是偶尔一个题目打过来还是会有点懵,所以事先做好准备会相对比较好。最最重要的当然是介绍你的作品!介绍你的作品!介绍你的作品!(重要事情说三遍)讲的思路就是你从什么地方找到设计的依据,然后做了什么设计。下面就是面试的其他问题:1、自我介绍。答:(自我介绍算是面试的...

    微信热点 2018-03-25
  • 一种强大的交互模式:应用内的手势

    手势是一种强大的交互模式吗?是的,移动设备已经从一块砖头发展成由手指驱动的复杂计算机了。触摸和手势交互具有很大的潜力,使得移动体验更加的轻松和有趣。

    2017-05-09
  • 2015年新起来的APP新贵们,进来瞅瞅都是什么APP在“火”!

    一时兴起,统计2015年以来新发布的,或是从2015年开始快速崛起的,日活稳定在20万+的APP,一共找到了16款。以下数据为粗暴的估算,不准确很正常,不准确憋找我! ┃视频类 熊猫TV,视频直播平台,CEO王思聪,200万量…

    2016-04-08
  • 5分钟交互设计指南系列:对话框

    框 (dialogs) 是叠加在应用主视图上的弹出 (pop-up) 视图,一般会要求用户作出反应。对话框可以分为模态对话框 (modal dialogs) 和非模态对话框 (modeless dialogs)。

    2017-10-31
  • 交互设计精髓-阅读心得1

    学习交互设计,选择第一本读的书是《交互设计精髓 About face 4》,因为这本书在交互设计领域名气很大该书一共分为3个部分,一共有21章。最近刚刚读完第一部分,有所感悟,在此记下,与尔分享之。交互设计就是站在用户的角度看问题永远为别人着想,心中装着别人,站在用户的角度看问题....读罢本书,这是关于交互设计在心中停留的第一印象。由于交互所设计的是产品与用户接触相处的整个行为过程,所以用户的感受首当其冲成为检验设计的重中之重。可是我...

    2018-04-28
  • iOS和Android规范解析:提示框(Toast)对比

    在交互设计稿中Toast是其中很常用的一种用户反馈手段,但是作者却发现在iOS中根本没有toast这种部件,那么在设计该如何处理呢?一起来看看作者的解读。Snackbars包含一行与进行的操作直接相关的文案(文案前不可有icon)。它可以包含一个操作。Toast优先适用于系统提示。它也在屏幕下方出现,但是不能被划出屏幕外(而被清除)。潜移默化地将状态改变或者其它类型的反馈放进你的界面中。理想的情况是:用户可以不用进行操作或者被打扰,就能得知重要的信息。
    Unobtrusively integrate status and other types of feedback into your interface.Ideally, users can get important information without taking action or being interrupted.

    2017-05-05