实例解析|交互方案如何影响产品数据?

8 评论 5165 浏览 32 收藏 7 分钟

设计目标是产品目标和用户目标的总和,好的交互设计方案是设计师平衡产品目标和用户目标之后得出的。

许多互联网从业人员对“交互设计师的存在有什么意义”抱有疑问:在很多公司里,产品经理负责提出需求和画原型,UI设计师负责将原型变成好看的视觉稿,我们根本就不需要交互设计师呀。今天的文章,通过对比同一个需求下不同的交互方案,来讨论一下不同交互方案对于产品的影响。从其中,或许我们能看到交互设计师的存在价值。

交互设计师作为离产品经理最近的一环,需要对需求有最深刻的理解,以便之后设计出最能够帮助公司实现产品目标的方案。反之,如果设计师对需求的产品目标理解有偏差,很可能会做出无法到达预期的方案,以致于无法为公司创造价值。交互设计师的专业度和存在意义就会受到质疑。

可能你会疑惑:交互设计师的设计方案,真的能对产品目标有这么大的影响吗?答案是肯定的。同样一个需求,当产品目标不同的时候,交互方案可能完全不同。例如,对于“短视频feed流新增播放页”这样一个需求,腾讯视频和西瓜视频有着不同的产品特性和产品目标,这导致两者播放页的设计截然不同:

在腾讯视频的第二个底部标签“热点”中,用户点击某个视频卡片中交互栏的空白处,则会从右向左出现一个新页面,即播放页。如图5.3中第二张图所示。在播放页中,点击标题下方的评论按钮,则会从下向上出现一个浮层,其中展示“全部热评”;浮层的顶部有评论的输入框,点击可以输入评论;“为你推荐”部分展示的是一张张宽度和屏幕相同的、与热点标签feed流中完全一样的视频卡片。点击某个视频,则视频在当前位置直接播放。

腾讯视频app中短视频播放页示意

在西瓜视频的“首页”标签中,同样点击某个视频卡片中交互栏的空白处,则视频封面移动到页面顶部,同时从上向下展开播放页的其它内容。在这个页面中,标题下方那些推荐的视频,以列表的形式展现,点击某个视频,则顶部的播放器开始播放新视频的内容,同时页面其它信息也更新为新视频内容;而评论部分,是接在推荐的视频的下方:即用户不断向上滑动,就可以看到;在页面底部,有常驻的评论输入框,点击后即可输入评论。

西瓜视频app中短视频播放页示意

将这两个播放页抽象出来,得到如图5.5所示的信息结构示意图:

腾讯视频和西瓜视频播放页对比

从上图可以看出,腾讯视频在播放页强调的是推荐的视频内容,推测其产品目标是提升视频播放量;西瓜视频在播放页强调的是评论互动,推测其产品目标是提升播荐率、评论率等互动指标

从上面的分析对比中可以看出,针对不同的产品目标,交互设计师可以给出完全不同的交互方案。因此作为交互设计师,在接到需求后,一定要分析透彻产品目标是什么。因为产品目标从一个方面决定了设计方案的方向。

这里还需提醒一句:考虑产品目标,并不是要忽略用户。设计目标是产品目标和用户目标的总和,好的交互设计方案是设计师平衡产品目标和用户目标之后得出的。

从上面的例子中,我们可以看到:相同的产品需求,如果产品目标不同,交互设计师就要根据相应的目标调整交互方案。这让我想到小时候看的动画片《哆啦A梦》,主人公大雄遇到不同的困难,哆啦A梦就会拿出不同的道具来帮助他化险为夷。其实从某个方面来说,交互设计师也是在运用着交互的知识,为产品需求拿出相应的解决方案。

一个职位,或者一个员工的价值,重在其是否能解决问题,并且是高质量地解决问题。这样大家就会产生对ta的依赖。而要做到一点,就需要不断学习,不断进行,让自己拥有更多的技能。尤其是在现在这个三年一变化的巨变时代。

保持学习。与君共勉。

#专栏作家#

沐风(微信公众号:沐风与体验设计),原“新设计青年”,人人都是产品经理专栏作家,2017年度作家评选最佳人气奖。爱奇艺高级交互设计师。留德海龟,曾任职腾讯微生活、网易、宜信。6年交互设计经验,专注设计领域。

本文原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 这个对比很好。腾讯重推荐内容;西瓜视频重用户分享与互动。

    来自广西 回复
    1. 感谢肯定:)

      来自北京 回复
  2. 西瓜视屏的评论都不容易看到,怎么鼓励用户在评论里互动呢?真要是这样是不是应该在视频下面推一下高互动的评论?

    来自北京 回复
    1. 评论的排序,确实是按照点赞数和回复数排序的。

      来自北京 回复
    2. 明白了

      来自北京 回复
  3. 西瓜视频是短视频,碎片化的,用户目标性不强,更多是推荐相关的视频内容;而腾讯视频更多是有完整的视频与大量的长视频,用户目标性强,第一考虑的是用户与同观看视频的互动,推荐的是视频前后集与聚类视频。

    来自北京 回复
    1. 额,这里分析的“腾讯视频”,是第二个tab热点,其中也是短视频~

      来自北京 回复