针对短视频 APP,探索用户对其界面设计的偏好及原因。眼动数据和问卷数据均表明,被试最偏好标题在上,互动区在右下的设计方案。核心原因是标题在上易于筛选信息,符合被试浏览逻辑,互动区在右下符合用户操作习惯,接受度更高。
背景信息
作者 贾梧,周睿,刘扬,陈楠,史玉洁（百度(中国)有限公司）
期刊 人类工效学 2022 年 4 月第 28 卷第 2 期
DOI 10.13837/j.issn.1006-8309.2022.02.0003
主体内容
目的
针对好看视频 APP 的界面设计与布局,了解用户对两种设计布局(标题位置、互动区位置)的偏好。考虑到用户在使用短视频 APP 过程中会产生操作行为,同时关注界面设计与布局是否会影响到用户对互动区的操作效率。
理论推导
在短视频赛道的竞争呈现出白热化趋势，产业逐渐趋于同质化的今天，如何满足短视频用户的需求,激发用户的使用,并成功地留住用户,成为短视频行业亟待解决的问题。
根据前人的研究发现，通过一定的界面设计与布局会影响短视频APP 可用性,良好的界面设计与布局能提升用户的浏览体验,促进互动行为,提升用户粘性。因此，该研究在此基础之上进行探究，希望能提供一些界面设计或布局上的设计建议。
方法
实验设计 2×2 被试内设计
自变量
- 标题位置，包括标题在视频区域上方和下方两种情况(在后续研究中简称标题在上、标题在下)
- 互动区位置,包括互动区在视频区域左下方和右下方两种情况(在后续研究中简称互动区在左下、互动区在右下)
因变量
主要包括AOI兴趣区（重点关注标题区和互动区），评估维度（显著性、兴趣度、操作便捷性、设计舒适度、设计美观度和首选方案），眼动指标（首视时间，注视时间和可见比例）
实验流程
graph LR;
A[测试指导]
B[自由浏览]
C[点击互动区]
D[测试后问卷]
A-->B;
B-->C;
C-->D;
结果
眼动数据分析
当选择标题在上的方案时，首视时间更短，可见比例更大，注视时间更长，说明标题在上时用户兴趣度更高,更愿意浏览标题内容；当选择互动区在右下的方案时，首视时间更短，可见比例更大，注视时间更长。 热力图的结果也显示，标题在上和互动区在右下的界面设计与布局优势较为明显。
主观评分结果
参与者对于标题在上和交互区在右下的方案的首选率大于另一种选择；对于舒适度和美观度，互动区的不同位置主效应差异显著，标题位置的主效应不显著，标题位置和互动区位置交互作用不显著。 通过数据可得出互动区在右下的设计方案的设计美观度和设计舒适度均大于互动区在左下的设计方案。
结论&讨论
根据以上的数据分析结果，可以发现：用户更偏好方案 A3(标题在上,互动区在右下)。从整体上来说，用户偏好方案 A3 的原因如下：
-
A3 标题在上,易于发现识别,符合用户浏览逻辑,且相对于标题在下的视觉呈现更舒适,不会显得屏幕中部拥挤、信息冗余。
-
A3 接近用户使用 APP 的常规布局,符合认知习惯。
-
A3 互动区在右下,更符合用户的操作习惯。
评价
-
该研究采用了客观指标和主观指标相结合的观测方法，相对于单一的研究方法更合理、更有效。
-
该研究以当下较流行的短视频app为研究对象，最终也通过测试成功上线，并从商业指标上验证本次研究的结果，具有较大的现实意义与实践意义。
-
在讨论眼动指标时，并未采用统计方法而仅仅只是数值上的比较，之间的差异可能不显著。
-
该研究只考虑标题位置和互动区位置的设计与布局,未关注其他设计元素,也未考虑标题内容、视频类型等因素对用户的影响，需要在后续综合考虑进行深入研究。
知识积累
眼动指标
可见比例
- Visible Scale,也叫注视百分比,表示看到某一区域人数的占比,百分比越高,则表明看到该区域的人越多,说明该区域越显著。
首视时间
- First Fixation即被试首次看到某一区域所花费的时间,时间越短,表明被试越早注意到该区域,说明该区域越显著。
注视时间
- Fixation Time是以某一个兴趣区为单位,计算被试在这一区域的浏览时间,即为注视时间,它反映被试对该区域的兴趣度,时间越长说明用户对该区域越感兴趣。
热力图
-
热力图是了解用户在网站或者APP上行为轨迹的有效数据统计工具。可以清晰的了解到哪些区域更受用户的关注，以冷暖色调来进行区分。热力图把数据以图形的样式展示出来，其中数据值的大小以颜色来进行区分。通过热力图，可以使复杂的数据变得一目了然。
-
可以从热力图中得到以下这些信息：
1、重要的内容是否有被用户查看到。
2、转化Call to Action按钮用户的点击情况如何。
3、可以使用到A/B测试中，对比两个页面的点击情况。