菜单

水平注意力向左倾斜

通过 Therese Fessenden2017年10月22日

摘要:网络用户花80%的时间查看页面的左半部分,20%的人查看右半部分坚持manbetx官方网站手机版会议将有助于最大限度地提高用户的效率和公司利润。


以前关于横向关注的研究,我们发现,在网络上,人们不成比例在页面的左半部分花费更多的观看时间 与右半边相比自该文章于2010年发布以来,网络发生了重大变化,但这一发现仍然适用。

在我们最近一轮的眼球跟踪研究中,我们收集了来自120多名参与者的数据,完成了与开放式网络相关的任务为了确定人们最常引导眼睛的位置,我们查看了超过130,000个眼睛固定点的X和Y坐标,并计算了其中有多少落在屏幕的不同区域。

在我们的初步研究中,我们使用了1024×768监视器在这一轮中,我们使用了一个1920×1080的显示器,它将观看模式拉向右侧。

通用Web查看模式

对于我们分析的第一部分,我们排除了搜索引擎结果页面,并仅查看我们称之为“一般网络”(即主流网站,如电子商务,新闻,公司网站和政府网站)对于这些页面,我们发现,如果我们将最大化的页面切入中间,那么80%的注视都会落在左半边的屏幕(甚至超过我们先前的69%的发现)其余20%的注视位于屏幕的右半部分。

我们观察到的用户都没有使用过水平滚动(that is, there were no fixations to the right of the screen edge), but many of the rightmost fixations can be attributed to searching for the (vertical) scrollbar.The absence of fixations on content to the right of the screen’s edge is in contrast to our research from 2010 where 1% of fixations were to the right of the initially viewable area on the 1024px-wide monitor与屏幕的底部折叠不同,它减少但不完全消除垂直滚动,“右手折叠”通过更大的屏幕尺寸转变为几乎难以穿透的屏障。

固定百分比,一般网站
If we slice a page in half (the red dotted line), we find that most fixations fall in the left half of the page.  Centered layouts and wider screens don’t imply right fixations.

在2010年,固定分布的峰值距离屏幕左边缘约400像素,而现在距离左边约600像素因此,屏幕宽度增加900像素,仅将用户的峰值注意力向右移动了约200个像素。

在我们最新研究中的一个有趣的发现是,与屏幕左半部分的其他区域相比,屏幕切片代表屏幕不动产的最左边10%,在0到192像素之间,具有相对较少的固定(仅6%)。这个结果可能是由于两个原因:

  1. 左侧导航栏,仅与屏幕内容的其余部分相比偶尔固定
  2. 响应的manbetx官方网站手机版s带有空的“页面排水沟”,它比旧网站布局“集中”了内容。

第一个原因表明用户已经非常擅长识别导航,并且在他们需要之前不必花时间查看它这是积极的第二个原因更令人遗憾:许多当前的桌面布局浪费了可用的屏幕空间,而不是通过manbetx官方网站手机版来提高用户的工作效率。

搜索引擎结果页面(SERP)

固定百分比,SERP
SERP上的固定分布比一般网页更偏向左侧。

Search-engine use made up 16% of web use that we observed, and was analyzed separately to prevent the skew of data.  We found that browsing patterns on search-engine result pages (SERPs) were different from browsing patterns on the general web在SERP上,几乎所有的注视(94%)都落在了页面的左侧,60%的注视可以被隔离到最左边的400px这一发现可能是由于搜索字段的位置,以及大多数搜索引擎将搜索结果列表保存在600到1100px的窗口内,这取决于Google知识面板等项目的存在。

带有知识面板的Google SERP
谷歌的知识面板(此SERP右侧的框)显示了谷歌最好的尝试,以提供对某些查询的摘要响应它们可以包括传记数据,音乐艺术家唱片,本地商业联系信息等。

It’s also worth noting that if we limit our analysis of search-result viewing to the 0–1100px region (the width of the SERP’s main content) as opposed to 0–1920px (the width of the whole maximized browser window) and then divide up each type of screen into 4 equal regions (of 480px for the general web and 275px for SERP pages), the SERP and the general-web patterns are very similar:  81% fixations fall in the left half of this region on SERPs vs一般网页上80%。

屏幕区域,SERP和通用网络的固定百分比
当您控制内容的宽度时,SERP和通用Web浏览模式并不是彼此完全不同。

传统布局仍然胜利

虽然自上次研究以来网络已经发展,但网页查看模式却没有坚持manbetx官方网站手机版约定是确保您的客户能够随时找到您的优先内容

  • Utilize conventional顶部导航要么左导航 格式
  • 利用残留的眼睛固定放置准时内容
  • 优先内容应该是正面和中心,请记住,页面的右侧比左侧的注意力要少得多,并且最左边的区域应该保留用于导航。
  • Keep secondary content 在右边这里不会有太多的看法,但这没关系 - 并非所有东西都可以获得最高收费,而且你需要一个地方来放置不那么重要的材料。
  • 如果你这样做使用右侧的内容,确保人们真正看到那里增加视觉突出性

The next question is one of the chicken and egg — will viewing patterns evolve because of evolving web layouts? Yes and no Layouts and viewing patterns are相互依赖

  • 人们会看到他们之前看过的内容如雅各布的互联网用户体验法则声明,“用户大部分时间都花在其他网站上。”
  • 为了回应这些知识,公司将把内容放在他们认为人们正在寻找的地方。

如果我们都明天在一个所有网站都在右侧进行导航的世界中醒来,用户会注意到并且将被迫改变他们的观看模式以适应这个新世界(的确,这就是我们在什么时候看到的用从右到左阅读的语言测试阿拉伯网站和其他网站其中“西方”manbetx官方网站手机版模式往往被反映出来。)但随机网站上偶尔的变化不太可能改变用户行为。

如果您偏离惯例,请理解这可能会危及您内容的有效性和说服力用户将寻找他们期望在传统布局中的信息如果那个内容不存在,那么他们将着手进行相应的搜索will increase the amount of work and time to find information如果人们认为他们可以在其他地方更快地找到信息,他们可能会。

简而言之,如果您希望击败竞争对手,请确保您的网站在可用性方面取胜让您的用户获得成功Successful users accomplish their goals; and supporting user goals is the most important part of accomplishing business goals更好的可用性和遵守惯例是一个节省时间,最重要的是赚钱策略。