菜单 关闭

网站logo布局,最大限度地召回品牌

通过 凯瑟琳·怀特顿2月21日,二千零一十六

总结:与放在右边的标志相比,用户记住传统左上角位置显示的标志的可能性高出89%。


在网页左上角显示徽标可能是有史以来最常见的设计模式。manbetx官方网站手机版该标志用作地标当用户第一次登录到某个页面时,它会引导用户,并帮助他们识别正在访问的网站。很多研究指示使用从左到右语言的说话者首先查看页面的左侧,通常他们关注的第一个页面元素是徽标。(他们也花费更多的时间看左边整个页面的。)

右对齐的徽标妨碍Web惯例

左对齐的徽标让用户感到舒适,但因为这是一个长期的传统,这一标准对于任何想显得与众不同的人来说都是一个诱人的目标。违反本公约似乎是一种很容易的方法,可以立即将设计与竞争对手区分开来,manbetx官方网站手机版从人群中脱颖而出。例如,下面显示的纽约版酒店的网站主页反映了传统布局,并在页面右边缘显示了酒店名称和导航菜单。

纽约版酒店主页
纽约版酒店的网站打破了网络惯例,将网站标志和导航放在页面的右边缘。

安置真的很重要吗?

很明显,我们可以无视左上角标志的放置标准,最终还是建立了一个合理的网站。如果你向用户展示上面的网站,并询问他们酒店的名称,他们会弄清楚的。很容易看出设计师是如何决定遵循传统的网络指导原manbetx官方网站手机版则,而不是通过使用不寻常的布局创造独特的品牌体验。

但在采取这一行动之前,你应该确保你确切地知道你要放弃什么。

为了查明非标准标志放置是否有实际后果,我们比较了4个不同酒店网站的用户反应:

  • 对于每个站点,用户被随机分配到查看实际网站设计,manbetx官方网站手机版或者一个我们操纵的版本来改变标志的位置和导航显示在屏幕的另一部分。
  • 用户查看每个网站大约一分钟,并评价了他们对酒店是否欢迎的看法,独特的,时尚的,他们想呆在什么地方。
  • 用户看到5个不同的网站(按随机顺序)。随后回答了一些不相关的人口统计学问题(尽量减少最近效应,这可能改善了他们对最后一次看到的网站的记忆)。
  • 最后,向用户提供了10家酒店的列表,并要求他们选择在前面的问题中看到并评级的酒店。(这种类型的辅助回忆测试通常用于市场调查,以评估广告效果。)

总而言之,128名用户参与了研究,我们一起跑步用户缩放(我们的首选之一远程用户测试服务)。

正如你在下面看到的,位置确实很重要,至少如果你想让用户真正记住你的品牌。当标识位于网站左上角时,人们更容易记住酒店的名称,与右上角相比。

左vs.正确的标志位置

左图与图的比较右标志的放置使用了如下所示的图片:左侧是哈德逊酒店的真实网站,其左对齐标志,我们右边的操纵版本,随着标志和导航翻转到不太传统的右侧位置。

哈德逊酒店的主页(左侧)和主页的操纵版本,右侧带有徽标
我们比较了真实的哈德逊酒店网站(左侧)和我们的操作版本(右侧)。

对于我们比较的每一种manbetx官方网站手机版设计,我们发现更多的用户在左侧显示品牌名称时会记住它页面侧面,而不是右边。这一差异具有统计学意义(使用卡方检验比较品牌被召回的次数。正确的标志定位,< 0.05)

品牌召回情况如下:我们测试的4个站点的平均值:

标志位置

平均品牌召回

39%

赖特

21%

平均值因此,品牌召回率提高了89%。把商标放在左边而不是右边。这是我们所看到的最大的差异之一用户体验指标从这么小的布局变化。

显示4个不同酒店主页徽标召回率的图表
当酒店名称出现在左上角时,用户更容易回忆起酒店名称。与右上角显示的徽标相比。

(我们的具有从右向左脚本的国家/地区的用户测试发现了很多传统网页布局准则被镜像,如人们所料。例如,这些用户扫描正确的文本的一侧。因此,很可能我们的标志放置发现也会被反映出来,使最佳徽标位置位于右侧。然而,我们没有做过那项研究,也不能肯定地说。)

不寻常的标志位置是否使品牌看起来“独特”?

除了可记忆性,那些不那么明显的影响呢?用户是否认为具有非传统位置的网站更独特或更时尚?

总而言之,不。在人们如何用传统的左对齐标识对酒店进行评级方面(根据两个样本t检验),没有统计学上的显著差异。与“非传统”的右对齐徽标相比。事实上,在大多数情况下,左对齐的标志被评为“独特”和“时尚”(尽管再次,这些差异并不显著。)在用户评价的其他两个维度上,左对齐标志设计和右对齐标志设计之间也没有统计上的显著差异:酒店是否“欢迎”以及他们是否愿意入住酒店。manbetx官方网站手机版

酒店主页“独特性”和“时尚性”的主观用户评分。
人们并不认为右对齐徽标的设计比同一网站的manbetx官方网站手机版左对齐版本更时尚或更独特。

有效的网站品牌manbetx官方网站手机版视觉设计

品牌和视觉设计涉及感知和用户期望的复杂互manbetx官方网站手机版动,表面上微小的细节会产生意想不到的效果。例如,在准备本研究的设计时,manbetx官方网站手机版我们注意到酒店的名字写在很难破译剧本更不容易被人记住,不管他们的位置如何。

没有一个公式可以确切地告诉你你的网站应该是什么样子。但是,从这项研究中可以清楚地看到,你不能依赖快捷方式,比如无视标准的网络惯例,使你的网站看起来特别。人们对新奇感兴趣,但我们也是习惯性的生物,依靠模式来理解这个世界。当你打破这些模式,你可能会完全失去人们的注意力。

(有关页面布局的更多信息,继续看我们的课程网页UX设计:优化万博官manbetx官方网站手机版网manbetx下载页面以实现业务目标.关于测量用户行为的更多信息,见测量用户体验当然。