指尖上的浏览：如何理解用户的眼？.pdf

指尖上的浏览 ：如何理解用户的眼 ？ 　　生活中很多人会调侃道 ：“每天手指在手机 幕上滑动的距离比走路的距离还长!”随着指尖上的 浏览融入到生活的方方面面 ，如何让用户手指滑动的更有效率 ，在滑动手指的同时看到更多想看的 内容 ，而不白白滑动手指 ，是提升手机A PP用户体验的重要方面。为深入理解人们的A PP浏览行为 ，我们使用专门用于追踪移动设备注视行为的眼动仪对用户浏览社交A PP的习惯进行了研究 ，试图 更加直观地展示人们浏览A PP的特点 ，以及由此引发的对于优化A PP浏览体验设计的思考。 手机与PC浏览 ，区别在哪里? 我们曾先后针对Q Q空间PC版和Q Q空间手机版进行了眼动测试 ，让用户登录自己的Q Q空间自由 浏览好友动态 ，对比两次测试的结果(如下图) ，可以发现 ，相比于使用电脑浏览好友动态 ，用户在 手机上浏览好友动态时手指滑动更频繁 ，经常是在滑动手指的同时浏览内容。在进行基于电脑网页 的眼动数据分析时 ，我们主要 注用户的注视焦点和轨迹 ，但对于手机来说 ，只分析用户看了什么 和不看什么是不够的 ，有必要兼顾眼睛注视和手指滑动 ，来分析用户的浏览特征 ，并评估用户的浏 览效率。 　　在对Q Q空间手机版进行眼动测试的过程中 ，我们发现 ，有时用户明明对某一条动态感兴趣 ， 却只是滑动 幕而不看上面的内容 ，直到把内容调整到一定范围内的时候才开始看 ，这种情境显然 降低了用户的浏览效率 ，增加了手指的滑动距离 ，却没有因此看到更多的内容(如下图)。在该研究中 ，我们将这种情景称为“低效滑动”。 　　低效滑动的情景让我们不禁思考 ：既然用户不是自上而下将整个 幕的内容浏览完之后才向上 滑动 幕 ，那么 ，用户的注视范围究竟有多大?如何基于注视范围来优化设计以减少用户的低效 滑动?用户的注视范围能否改变? 　指尖上的注视范围有多大? 以Q Q空间手机版为例 ，我们使用To bii X 120眼动仪对24名用户进行了眼动测试 ，让用户使用手机 登录自己的Q Q空间自由浏览好友动态 ，结果表明 ，注视范围的长度占手机 幕长度(不含顶bar和 底bar)的比例约为75.0%(如下图)。 　　说明 ： 1、每张图均由参加相应终端测试的6名用户的注视热点图叠加而成 ，独立版是指Q Q空间的客户端 ，结合版是指从Q Q上的入口进入看到的Q Q空间; 2、在热点图中 ，颜色越深 ，代表关注度越高。对于叠加而成的热点图 ， 幕背景只是为了示意 幕的大小 ，热点覆盖的区域代表注视的范围 ，不代表实际看到的内容; 3、标注的红框是为了凸显注视范围的边界。 　　有限的注视范围与图文并茂的A PP设计 在浏览一条感兴趣的动态的过程中 ，当用户想看的内容没出现/没完全出现在注视范围内时 ，会通过 用手指滑动 幕来调整这些内容的位置 ，定位好之后才开始浏览。因此 ，把用户想看的内容显示在 其注视范围内 ，可以减少低效滑动的发生。 图文并茂是社交A PP内容的主要呈现形式 ，其中 ，图片占据了 幕的较大面积 ，且扮演着重要的 角色 ，无论是好友类动态中的生活见闻照片 ，还是让资讯类动态更加生动直观的图片 ，都是用户用 来判断对动态是否感兴趣的关键要素 ，也是浏览感兴趣的动态时重点浏览的内容。由于用户的注视 范围有限 ，在对动态中文字和图片的高度进行设计时 ，应注意哪些问题呢? 　　第一 ，图片为竖图时高度控制在注视范围内。在单条动态中 ，横图的高度通常不会超过注视 范围 ，用户不需产生低效滑动就可以完整浏览文字和图片。但对于竖图 ，则高度不宜过长 ，应控制 在注视范围内。当图片没有完全展示在注视范围内时 ，用户看完文字就会上滑 幕 ，其间不会注视 图片内容 ，将图片定位好后 ，通常是把图片的顶部与 幕最上方对齐 ，才开始浏览图片 ，这不仅给 用户浏览图片带来了麻烦 ，而且当用户想再次看文字的时候 ，还要再次下滑 幕才能看到文字。 　　第二 ，文字较长时展开部分文字 ，将文字和图片的总高度控制在注视范围内。对于文字较长的 图文并茂动态 ，用户在手机上通常通过标题、图片来快速判断自己对动态是否感兴趣 ，而对大段文 字摘要的关注度较低。有时用户没有被标题吸引 ，滑动 幕直接略过文字摘要 ，当该条动态中的图 片出现在 幕上后被图片吸引 ，然后点击详情页阅读全文。因此 ，将较长的文字部分收起 ，把文字 和图片的高度控制在注视范围内 ，可减少用户略过文字时产生的低效滑动。 　　思考 ：用户的注视范围是否可以改变? 通过上文分析用户浏览社交A PP内容时的特点可知 ，用户的注视范围与图文并茂类动态的设计有着 密不可分的关系。那么 ，对于不