建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

把你的标志放在哪里? 研究表明了什么

GG网络技术分享 2025-03-18 16:05 0


你有一个设计精美的标志。 做得好。 现在,你用它做什么?

一旦您的高质量徽标设计并准备就绪,它应该出现在您的所有品牌材料上,包括您的 WordPress 网站。 通常,关于徽标的位置存在三种思想流派:在页面的左上角、中上角或右上角。 所以这就引出了一个问题:哪个职位适合 你的 标识?

如果我们严格基于用户体验逻辑,那么您的徽标属于您网站的左上角。 无话可问。 有两个原因:

  1. 对于我们这些母语从左到右阅读的人来说,我们的眼睛自然会先看向左。
  2. 在网页设计的早期,标志总是在左边,这就是大多数人现在认为它们所在的位置。

尽管逻辑如此,但有些网站已经避开了将徽标放置在网站中心或右上角的规范。 您的徽标的独特位置会更适合您的品牌标识吗?

让我们仔细看看研究显示的内容,看看 left 是否真的适合您的网站。

专家权衡:在哪里放置您的徽标?

根据 Nielsen Norman Group 的说法,标志在现代网站上的三个用途:

  • 他们提醒游客他们在哪里。 换句话说,我在谁的网站上?
  • 它们允许轻松导航到主页,因为大多数网站不再在导航中包含“主页”按钮。
  • 它们有助于品牌识别,因为徽标始终保留在网站顶部,有时甚至在访问者向下滚动页面时跟随他们。

NNGroup 进行了两项研究以找到理想的徽标位置。 这是他们发现的:

  • 左与右
  • 左与中
  • 获胜者是……

左与右

在左右研究中,NNGroup 测试并观察了 128 名用户的反应。 与 A/B 测试类似,每个用户只看到一个版本的网站:要么是左侧带有徽标的原始版本,要么是 NNGroup 为将徽标和导航放置在右侧的版本。

他们给了用户一分钟的时间来查看他们的网站版本。 然后他们被问了一系列问题,并向他们展示了 10 个酒店网站的照片。 该测试旨在确定徽标放置对品牌召回的影响。

结果如下:

  • 左对齐的徽标会导致更大的品牌召回。 具体来说,左对齐徽标的平均品牌召回率为 39%,而右对齐版本为 21%。
  • 左对齐的徽标更有可能被标记为“独特”。 尽管左对齐标志的传统位置,受访者仍然更有可能将左对齐标志标记为“独特”和“时尚”,而不是出现在右侧的标志。

左与中

Nielsen Norman Group 进行了一项额外的研究,以发现当用户看到一个居中对齐的徽标时会发生什么。 他们进行了两种不同的测试来确定居中徽标的可行性。

与在左对齐和右对齐徽标之间进行的 A/B 测试不同,第一次调查为 50 位用户提供了每个用户与一个零售网站进行交互的机会。 其中八个网站有一个居中的标志,而六个有一个左对齐的标志。 然后他们被要求完成不同的任务,以测试他们使用导航的难易程度并返回主页。

结果是这样的:

  • 左对齐的徽标更适合导航。 在这项研究中,当徽标出现在左侧时,只有 4% 的用户无法单击主页导航。 然而,当徽标居中时,24% 的用户无法一键到达那里。

在第二次测试中,NNGroup 向 128 位用户展示了五个不同的酒店网站。 其中四个徽标在左侧或中间显示了徽标的变体,而第五个站点包含右对齐的徽标。 然后向用户询问一系列问题以确定品牌召回率。

结果是这样的:

  • 品牌召回不受左侧或中心徽标之间差异的影响。 尽管在不同位置向用户展示了相同徽标的变体,但在左对齐和居中徽标之间的比较中,品牌召回率不一致。

获胜者是……

在查看了徽标放置研究的结果后,似乎逻辑确实占了上风:

左边最好。

原因如下:

  • 许多人不会考虑在网站的右上角寻找徽标,因此品牌召回可能会受到严重影响。
  • 许多人习惯于在网站的顶部角落之一寻找导航,因此在中心放置徽标和/或导航会混淆浏览网站的过程。

总而言之,左对齐的徽标是理想的,因为它们恰好位于自然绘制眼睛的位置。

请记住,网页设计的主要关注点应该始终是用户体验。 虽然居中的徽标可能看起来很时尚,但如果您的网站上有多个页面(并且您希望人们访问其他页面),它可能并不理想。 右对齐的徽标也是如此。 看起来您正在为您的网站提供独特的优势,但您可能会在此过程中损害您品牌的召回率。

同样重要的是要记住,重要的不仅仅是徽标的位置。 徽标应该以高质量的文件格式导出,使用清晰的字体创建,并放置在空白区域的顶部,这样背景图像、阴影和颜色就不会分散它的注意力。

包起来

如果您想通过 WordPress 网站的设计获得创意,还有其他方法可以做到这一点。 您可以创建一个杀手级登录页面、添加推送通知或修改您的 CTA 按钮。

如果这项研究向我们展示了任何东西,那就是您不应该乱放徽标。 左边永远是最好的。

标签:

标签: WordPress op

提交需求或反馈

Demand feedback