“大音希声,大象无形”—说说新版搜狐视频设计(交互篇)

2016-12-26

网站 / UI

“大音希声,大象无形”出自老子《道德经》。是中国古代文学理论中的一种美学观念,意在推崇自然的、而非人为的美。其实这也可以理解为我们无数设计师一直在追寻的设计理念,即“少就是多,设计是无”。

一个拥有庞大用户群的产品在经过无数次迭代更新后,难免存在宿疾。总是希望给用户更多的东西,但往往实现出来的与用户需求的背道而驰。

自5.0版以来我们经过了功能上的一些调整,设计上的一些优化。但原有的交互设计样式已经不能更好的承载现在用户对视频类产品的需求以及诠释我们想要将一个什么样的视频娱乐类应用带给大家。

在需要解决一些已知的一些问题外,我们希望搜狐视频能带给用户的是“丰富的”“清楚的”“便捷的”。任何用户来到我们这里是轻松的,是充实的,希望给用户更多的空间,尽量少的干扰用户,尽量多的节省用户的时间。

所以一切本着解决用户痛点并使之有更好的观影体验的角度出发,搜狐视频迎来了6.0的改版。

一、发现问题

在设计之初,我们使用大量的app,总结现在的交互趋势。做竞品分析,总结现在的优缺点,并且与产品部门讨论为即将到来的改版提供思路。为了更加了解我们的用户,统一设计思想,又切合实际的定制一套可用性测试的计划。

我们邀请用户来公司或者去用户家里,通过测试观察他们如何使用产品,获得他们的评价,发现重点功能操作中有哪些问题及体验断层,测试之后通过反复观看录像找到问题所在,经过分析确定重要的改进点。

二、解决问题

① 交互设计的原则

定主题的时候,之前探索的适用于我们的当今交互设计趋势就派上用场了,在团队讨论完毕后,结合可用性测试得来的反馈,我们确定了本次交互设计的原则:

• 强调完整流畅的产品体验,尽可能少地打断用户操作,手势动作上结合纵横两个方向上的滑动,缩短栏目高度,使用户在一页之内能看到更多内容;

• 充分利用屏幕面积,更宽敞的操作区域,展示更多内容,提高操作效率;

• 增大内容间距,图文结合,播放器操作区域优化;

• 在易操作的位置提供常用功能的入口,便捷操作。

② 围绕主题解决问题(部分)

• 各栏目展示均改为一行滑动交互,与原来的样式相比,可以缩短每个栏目的高度,使一屏可以看到多种内容;

• 剧集和系列是与当前播放视频紧密相关的内容,用户有预期,所以用纯文字形式展示,与其他栏目区分明显;

• 针对评论难以找到的问题,详情页中将“评论”按钮提前,作为锚点;

原来的自媒体首页只是单纯的列表样式,比较单调,改为现在头图+列表+推荐出品人后,丰富了展现形式,使用户有更多的选择,也更好的了解搜狐自媒体有哪些内容;

原来的出品人广场只是个出品人列表,用户无法识别哪些出品人比较优质。现在改为更有“广场”感觉的多种栏目混排形式,分类更清晰,查找有重点,推荐更明确;

• iPad端由以前的上下结构改为左右结构,与移动端匹配增加相对应的功能模块,重新排布模块优先级。内容更丰富,更符合用户的使用习惯;

三、验证与展望

经过长达3个月的设计与开发,V6.0版终于上线,上线以来好评不断,各模块数据也有明显提高:

• iPhone详情页评论的曝光率提升约一倍;系列卡片点击率提升约一倍;猜你喜欢等模块转化率也有提高;

• 自媒体首页的日均入口流量大幅增加;出品人广场改版后GPhone订阅的转化率提升明显;新版订阅更新入口点击量iPhone提高30%,GPhone提高18%;

• iPad端各模块点击率都成正值上升;

• 更多例如:播放器改版效果良好;弹幕功能开启率在各端口都有小幅增加;首页新增功能位为千帆直播和游戏模块提高很大转化率。

等等等等…

同时为了验证新版的用户反馈与改版的效果。

我们又邀请用户来做一次针对性强的可用性测试,与上次稍有不同的是:此次测试希望邀请一些“老用户”横向比较他们两次测试完成同一任务的不同时间,在排除偶然性后再结合用户的操作动作与语音记录。

得到以下结论:

• 5.8版用户测试发现的大多数问题都得到了解决,用户完成任务的时间普遍缩短;

• 用户对产品视觉上的改进评价较高;

• 用户对搜狐视频的印象从丰富、混乱、靓丽迁移到了年轻、简洁、清晰;

•同时也发现了新版本仍需继续关注的问题,譬如:1.系统的一些状态标识不直观使得用户对自己的操作不确定;2.全屏播放时的一些功能需要再调整;3.自媒体的交互框架是不是可以做得更合理?

当然,有不足很正常,很多地方的设计在理解产品和业务的前提下也还会有更好的优化方案。“越好的音乐越悠远潜低,越好的形象越飘渺宏远,越大的成就越穿透悠远,越大气度的事物往往越包容万物”。我们uxd以认真的态度包容的心态,在经过6.0的尝试后,积极的总结经验,并希望以后更加精细,推动整个设计的进程使每个设计细节都有来源都会落地。



返回

READ MORE...