在以前的网页使用过程中,人们都习惯于将logo放置于页面左上角,这便于人们对网站有一个鲜明的第一印象。同时,logo作为每个页面都存在的元素,还可以提供一个返回首页的链接,让用户在迷失的时候总能找到返回主页的有效路径。
然而,随着时代的发展进步,设计方式的多样化,尤其是响应式网站的出现,网站的logo所处位置也有了变化,从都放置于页面左上角,到有的网站采用将logo居中的格式。这是因为考虑到移动端的设计,页面左上角通常被另一种元素取代:网站导航栏。
那么,网站的logo放在哪好?左上角还是居中?
国外的一家网站对“网站logo位置对用户体验的影响”做了一份调查。该网站从网络上找到了共14个时装零售类的网站,其中8个的logo居中,其余6个网站logo在左上角。所有的网站logo都带有返回首页的链接,并且除了logo以外,均不含有任何“返回首页”的文本链接。
他们邀请了50位用户来参与这项测试,在测试中,所有用户被要求在首页上点击商品并将其加入购物车后,在该页面找到链接返回首页。
他们记录下了每个用户的点击情况,查看他们是否能通过单次点击就可以返回首页。
研究结果
最终研究结果表明,相比将logo居中的网站,将logo放置于网页左上角的网站用户更可能通过单次点击返回首页。
对比数据结果发现,居中logo的网站,用户想通过单次点击返回首页但是却失败的比例大幅高过logo左上角的网站。用户在居中logo的网站与左上角logo的网站返回首页的失败比率高达6倍。
对于居中放置logo的网站,用户难以找到回到首页的路径。参与调查的用户在这些网站上的行为分析表明,最主要的问题就是logo的所在位置。
在该居中logo网站的热力图上,想返回首页的用户点击的目标很大一部分落在了左上角的菜单导航的“低于$29”上。尽管这些用户最终都找到了回首页的路径,但不难想象如果这不是邀请的测试而是实际使用状况下,用户在初次失败后大都会选择离开。
当用户在网站中迷路时,他们的第一选择通常不是找路,而是直接离开网站。
然而网站logo的作用通常不仅仅是提供一个首页路径,logo还有一个我们更希望它起到的作用:提高品牌或网站的辨识度。
那么,logo在网页的位置对辨识度的影响如何?
该调查网站同样做了这方面的调查,他们找到了4个精品酒店的网站,并为每个网站准备了两个版本:logo左上角与居中的版本。
该调查有128名参与者,调查的方式如下:
1.每个用户都以随机顺序观察了5个不同的网站,这些网站中不光包含了上述的4个精品酒店的网站,还有一些其他的酒店网站,甚至包括了一些logo右对齐的站点。在观察后,参与者被要求说出对这些站点的看法。
2.之后,每个用户会收到一份包含10个酒店名称的印象表单,参与者被要求在该表单中选出刚刚看到的站点。
研究结果
研究表明,logo位置对辨识度的影响可能较低。在四个精品酒店的网站中,有的logo居中的站点辨识度比左上角logo的要高,有的更低。诸如与背景的视觉差异,logo的填充色,易读性等要素可能影响辨识度更多。
比如这个网站,背景图片的填充色减弱了logo位置对于辨识度的影响,图片的对称性与其中的“通路”让居中的logo更迎合整体氛围,存在感更强,提高了辨识度(该网站的原稿就是如此设计的)。
总结:
考虑到响应式网站常有的菜单栏与logo位置的冲突,以及网站整体格局的影响,为了辨识度有些时候我们需要将logo进行居中处理。但是,不论什么情况,我们都应当在使用logo作为首页链接的同时,留下一个“首页”的文本链接,让用户更容易找到回首页的路径,并且,该文本链接应当放置于页面左上角。这样,才能做到万无一失,让用户在迷路的时候不会因找不到回首页的路更加困惑而离开网站,造成用户流失。