眼动研究---今日头条APP中图片在左侧与右侧的差异

前言

最近在简书看到的文章“为什么说左图右文字比右图左文字要好”，文章中作者对改版后网站中‘图片放在标题右侧’提出了质疑。网上查到的观点中多是以Nielsen当初发现的F型阅读模式为指导，然后根据内容的重要性程度（左上到右下）来进行排列。因为后续作者也没有再更新改版的效果如何，就打算自己探索一下图片在左侧和右侧的区别。

本着“在毕业前再利用一下学校的眼动仪器”的想法，简单设计了一个的眼动实验。以今日头条的截图为材料，用Photoshop改变了图片和标题的位置（如图1左），然后收集了用户在阅读过程中在兴趣区（图1中红框）内的注视停留时间和首视点时间。

注：停留时间指的是用户在兴趣区内所产生的注视时长，即用户看了这里多久；首视点时间为从阅读开始到用户首次看到兴趣区中内容所花费的时间，即多久以后用户开始关注这里。这两个指标经常用于注意偏向的研究中来表达用户对内容的偏好/回避，在本实验中则用于对比图片位置对用户注意的影响。

图1. 部分实验材料，红框为兴趣区

实验结果

1. 热图

本次实验一共收集了10个同学的数据，都阅读图片在右侧和左侧的截图各一张。阅读顺序和内容进行了拉丁方平衡。图2为利用Data Viewer获得的注视热图。可以看出不管图片是在左侧还是右侧，都不是用户在阅读过程中的重点；甚至是对于标题，用户也更加注重其前部分。

图2. 用户在截图上的注视热区

2. 统计结果

图3中为用户在左右两侧图片上的停留时间，使用SPSS进行配对t检验的结果为：t=.358,，P=.729。即图片位置对用户在图片上的停留时间没有显著的影响。

对于首视点时间，有6名用户看到了放在左侧的图片，而只有4名用户注视了放在右侧的图片。对首视点时间进行配对t检验的结果为：t=.084，P=.941。即图片位置对用户在图片上的首视点时间没有显著的影响。

图3. 用户在左右两侧图片上的停留时间

总结

虽然整个实验非常简陋、样本量也少到没底气，但还是总结一下：实验的结果表明图片的位置问题根本不重要！就像简叔留下的评论一样“其实很多时候两种都可以，并没有太大的区别，有时候更取决于图片以外区域的设计，也就是网站整体的设计”。

另外PMCAFF中也有人细致地分析了图片分别放在左侧/右侧的优缺点，感兴趣的可以前往观看：为什么大部分新闻app都是图片放在右边？

PS. 实在没办法做出干净的注视轨迹图，所以也就无从探讨用户到底是按照‘Z’型或是垂直型的阅读方式了...另外，我知道肯定有人感兴趣真实、联网环境下用户如何在新闻APP上进行阅读。因为设备的原因没办法完成这种实验，但感觉热点可能会集中在屏幕的某个位置。

再PS. 找材料的时候发现好像资讯类APP（头条，一点）的图片都在右边，而新闻类APP（网易、腾讯）的图片都放在左边，