第23期【你怎么看】我们请到了腾讯用户体验设计部 设计师 amy跟大家分享
>>点此回顾本期话题
 
 

大家好,我是amy!关于这期的话题,我想结合我们最近开展的Qzone手机版眼动研究和大家分享我的看法。

 

为了解用户浏览QQ空间手机版的特点,我们使用专门用于追踪移动设备注视行为的Tobii X120眼动仪对24名用户进行了眼动测试,让用户使用手机登录自己的QQ空间自由浏览好友动态,其中,测试用的IOS手机的屏幕为3.5英寸,Android手机的屏幕为4.7英寸。

 

屏幕变大,指尖上的注视范围会变大吗?

 

测试结果表明,注视范围的长度占手机屏幕长度(不含顶bar和底bar)的比例约为75.0%(见下图)。而对于不同尺寸的手机,用户的注视范围的长度占手机屏幕长度的比例相当,也就是说,用户的注视范围会随屏幕尺寸的增大而变大,但长度比例基本保持不变。3.5英寸的IOS手机的注视范围的长度占手机屏幕长度的比例为75.7%4.7英寸的Android手机的注视范围的长度占手机屏幕长度的比例为76.1%

 

目前很多APP的内容展示是根据屏幕尺寸和分辨率进行适配的,用户在使用不同尺寸的手机浏览APP时,其注视范围也会根据尺寸进行适配

 

说明:

1、每张图均由参加相应终端测试的6名用户的注视热点图叠加而成,独立版是指QQ空间的客户端,结合版是指从QQ上的入口进入看到的QQ空间;

2、在热点图中,颜色越深,代表关注度越高。对于叠加而成的热点图,屏幕背景只是为了示意屏幕的大小,热点覆盖的区域代表注视的范围,不代表实际看到的内容;

3、标注的红框是为了凸显注视范围的边界。

 

屏幕变大,低效阅读的问题依然存在,阅读效率究竟受什么因素影响?

 

在对QQ空间手机版进行眼动测试的过程中,我们发现,无论是3.5英寸的手机,还是4.7英寸的手机,有时用户明明对某一条动态感兴趣,却只是滑动屏幕而不看上面的内容,直到把内容调整到一定范围内的时候才开始看,这种情境显然降低了用户的浏览效率,增加了手指的滑动距离,却没有因此看到更多的内容,我们将这种情景称为“低效滑动”。

 

而引发低效滑动的原因主要是在单条动态中,尤其是图文并茂的动态,竖图的长度太长和展开的文字太长,导致用户感兴趣的内容没出现/没完全出现在注视范围内,于是用户会通过用手指滑动屏幕来调整这些内容的位置,而且是只滑动屏幕不看内容,定位好之后才开始浏览。

 

下图是因竖图过长引发的低效滑动的例子,当图片没有完全展示在注视范围内时,用户看完文字就会上滑屏幕,其间不会注视图片内容,将图片定位好后,通常是把图片的顶部与屏幕最上方对齐,才开始浏览图片,这不仅给用户浏览图片带来了麻烦,而且当用户想再次看文字的时候,还要再次下滑屏幕才能看到文字。

 

 

 

用户的注视范围在什么情况下会改变?阅读效率会提高?

 

在对QQ空间手机版进行眼动测试的同时,我们也针对Facebook手机版用户进行了眼动测试,让6名用户自由浏览Facebook,得到用户使用Facebook时的注视范围(见下图)。

 

 

 

 

Facebook的注视范围的长度占手机屏幕长度(不含顶bar和底bar)的比例为87%,长于QQ空间手机版注视范围的长度。为了更好地分析注视范围的形成,我们也对用户浏览单条动态时的注视情况进行了研究。Facebook的动态是卡片式设计,两条动态之间的间隔较为明显,用户在浏览一条动态时,通常将其滑到屏幕顶端后开始浏览,加之文字和图片的总高度在一屏之内,用户可以在一屏内看到图片的底边,这使得用户在浏览一条自己感兴趣的动态的过程中,可以直接在一屏内完整地浏览文字和图片,很少发生看完文字便开始滑动屏幕来调整图片位置的情况,因而使得注视范围的长度增加。

 

我们推断,在使用社交APP时,用户的注视范围并不是固定的,但影响注视范围和阅读效率的不是屏幕的尺寸,而是设计上的元素。

 

小结:我们不能只根据屏幕尺寸判断阅读效率的升降,还要同时考虑页面内容布局因素对阅读效率的影响。当然,该分享主要是围绕社交类APP的阅读体验展开的,对于其他类型的APP(如资讯类等),用户的注视范围具有什么特点?与社交APP注视范围的异同在哪里?影响注视范围和阅读效率的因素是否有差异?对于这些问题,我们将会持续地开展相关研究去寻找答案。

 

更详细分析请点击腾讯ISUX