Web设计人员使用许多工具来使他们设计的网站最适合网站访问者。实现这一目标的最佳方法之一是将实际科学研究纳入设计中,以最大程度地提高用户满意度。
眼动研究为设计师提供了各种设计蓝图,以指导他们确定网站访问者通常在任何给定网站上吸收信息的优先级。
眼动追踪研究还告诉我们很多有关网站访问者阅读网站的方式。精明的Web设计人员可以使用此信息为普通人量身打造一个网站。当用户从访问您的网站中获得良好的体验时,他们会回来的,他们很有可能甚至会成为常规的网站访问者。无论您要设计哪种类型的网站,这都具有影响。
那么,这项有见地的研究向我们介绍了有关平均网站访问者的情况?设计人员如何利用这些非常强大的信息来创建出色的网站?您会对研究发现的结果感到惊讶。
用引人入胜的标题吸引游客的眼睛,而不是照片!
与流行的看法相反,实际上吸引人的头条吸引了站点访问者的注意力,而不是令人大跌眼镜。此发现适用于首页布局,尤其是在您处理新闻站点的布局时。这也解释了为什么如此多的新闻网站经常使用耸人听闻的新闻来震惊头条,以吸引网站访问者的宝贵注意力。
在几年前的一项著名研究中,被称为Eyetrack III研究,发现现场访问者对头条新闻颇有兴趣,特别是在他们占主导地位的情况下。此外,这些标题在首页上的特定放置会影响网站访问者在其上停留的速度。将标题放在首页的左上方,与将标题放在首页的其他位置相比,您会吸引更多的网站访问者关注您的内容。
因此,如果您是新闻网站的设计师,请记住这一点。同样,与在屏幕上相比,文本在计算机屏幕上的吸引眼睛更快,这与人们通常所说的传统观点相反。福克斯新闻(Fox News)的设计师非常了解这一现实。福克斯新闻(Fox News)是世界上排名第173的站点,在美国排名第36的站点。观察其主页上的主要标题如何精确地位于页面的左上部分,并且明显偏心。

以F形图案设计网站
几年前,尼尔森·诺曼集团(Nielsen Norman Group)进行了一项非常有启发性的网络用户研究。该研究发现,每天的网站访问者通常是在所谓的F-形图案读取任何指定网页。
本质上,站点访问者通常通过页面上部的初始水平移动来吸收网页上的信息。这被称为F的顶部栏。然后,访问者通常在翻阅另一种比初始水平短的水平移动之前先将眼睛向下移一点。这是F上第二个较短的条。最后,它们以垂直方式查看左侧页面的内容,从而形成了F的茎。
知道了普通Web用户的这种恒定阅读方式,它应该激发您设计一个适合访问者阅读Web内容的网站。这样做将极大地改善他们的用户体验,并为您带来更多忠实的网站访问者。
一些网站已经将该研究付诸实践。Ghost Games是EA在瑞典西海岸的新工作室之一。请注意其主页如何完美地模仿F形图案。这改善了用户体验,并简化了导航,特别是因为该模式中F的茎链接到有关演播室位置的信息。

不要在广告上浪费时间-您的网站访问者肯定不会!
许多人发现显示广告很烦人,这有助于解释为什么许多网站访问者只是忽略它们而只关注网页的有用内容。替代性和技术性术语是横幅盲。尼尔森·诺曼集团(Nielsen Norman Group)的另一项研究表明,大多数网络用户在吸收网络内容时根本不会固视任何广告。
要知道,如果您设计的网站主要依靠展示广告来赚钱,那简直是浪费时间。根据研究,您应该重新评估您在网站上赚钱的主要手段。取消广告,转而使用基于订阅的模式,该模式向网站访问者收取会员费。有些网站已经意识到展示广告的弱点,因此已经在实施这种策略。
企鹅俱乐部(Club Penguin)就是一个很好的例子,它是迪斯尼拥有的MMO(大型多人在线游戏)。该网站上绝对没有任何烦人的展示广告,这就是为什么鼓励访客购买会员资格来玩游戏的原因。

避免花哨的单词和格式
同样,极简主义统治着一天,特别是如果您希望网站访问者能够有效地在您的网站上找到信息。根据美国卫生与公众服务部的可用性博客的说法,网页的格式和文字比较奇特(详细说明),站点访问者会感到困惑,并且无法通过基本的导航测试。该博客引用了尼尔森几年前的一项研究,该研究要求测试对象从美国人口普查局的网站上找到基本信息。大多数人都未能通过测试。
要求参与者找到当时的美国人口,这可在人口普查局的主页上找到。令人惊讶的是,即使可悲的是,只有14%的参与者能够在页面上找到此信息,即使实际上是在页面右侧用巨大的红色字母盯着他们。怀疑这种极低的成功率是由于页面右侧存在信息而导致的,因为这直接违反了已确立的F形阅读模式。
但是,进一步的检查显示,尽管信息的外观很大,呈红色且不容易丢失,但绝大多数参与者只是忽略了这些信息。他们忽略了它,因为它精美的格式和外观使其看上去像是某种促销或广告!由于许多网络用户一开始就没有关注展示广告,因此根据我们的了解,对于任何人来说,这一结论都不足为奇。
尼尔森(Nielsen)的这项研究是6年前的事情,因此,看看美国联邦政府是否在那段时间里学到了一些东西并改善了其可用性首页,将是一件很有趣的事情!我们在这里谈论的是联邦政府,所以效率不是它的堡垒。但是,从其当前的人口普查站点来看,我们发现它至少做出了重大改变,因为人口数量不再像花哨的格式那样令人眼花promotion乱。尽管如此,人口数量一直一直向下移动到首页的左下角,从而迫使站点访问者实际向下滚动到底端才能看到它。这也不是一个很好的选择!

了解眼动追踪,了解有效的网页设计
进行眼动追踪研究是有原因的:根据用户的行为,它们实际上为网络用户在任何给定站点上喜欢和不喜欢的内容提供了一个蓝图。忽略此大量研究的Web设计师这样做的后果自负。您为什么不希望设计一个访客可以轻松浏览的网站?善用这项研究,网络用户会发现您的网站浏览非常愉快……这只会导致更多的访问者和更大的知名度。
请记住,在任何给定的网站上,吸引用户注意力并因此吸引他们注意力的总是标题,而不是图片。始终牢记臭名昭著的F形图案,它代表了许多站点访问者的一般观看图案。您最好设计至少一个在某种程度上模仿此模式的首页布局。
电商网站设计,避免展示广告。它们不仅看起来很糟,而且许多站点访问者甚至都没有理会它们并完全忽略它们。探索其他方法来获取您网站的收入,例如通过会员费和其他方法。无论您做什么,都不要使有用的Web内容看起来像促销或广告,因为网站访问者也倾向于忽略它们。请记住所有这些,您将设计一个与访客行为协调一致的网站。
您是否按照“ F”型设计?您还将分享其他哪些可用性提示?让我们在评论中知道。
特色图片/缩略图,通过Shutterstock的眼睛图片。