整理商店的导航

已发表: 2016-04-26

创建新商店时需要考虑很多事情。 你不能在五分钟内把一些东西拼凑起来,然后收工——那是灾难的保证。

导航是商店设计的一个元素,需要仔细考虑、试验,甚至可能在未来进行更新。 您可以根据自己的感觉在五分钟内创建导航……或者您可以使用建议和洞察力做出更明智的决定。

今天,我们将解释如何设置商店的导航以更好地为购物者服务。 这些提示应该可以帮助您回答任何问题,以便您可以正确放置每个链接(而不是快速放置)。

让我们首先仔细看看为什么像菜单这样的导航选项首先如此重要。

为什么正确进行电子商务导航很重要

Econsultancy 估计,多达 30% 的购物者会直接进入现场搜索栏以查找他们正在寻找的产品。 剩下 70%(或更多)的购物者会改用您的导航来浏览、购物或寻找产品

这给了我们第一个,也许是最明显的,让你的商店导航正确的理由:有很多人依赖它。 如果它不能达到预期的目的,他们很可能会感到沮丧并离开。

标题(图片来源:#WOCinTech 聊天)
您的导航是您商店设计的关键组成部分 - 把它做好,其他一切都应该协同工作。 弄错了,元素可能会脱节。 (图片来源:#WOCinTech 聊天)

正确整理商店导航元素的另一个原因是:您的设计的其余部分通常取决于它们。 您是否向页面添加其他链接、将搜索栏设置为特定大小或添加其他功能可能取决于您对导航的操作。

基本上——让你的导航正确,其他一切都应该无缝地协同工作和流动。 弄错了,您的商店可能会感觉脱节或难以使用

既然您知道为什么正确设置设计的这一方面很重要,那么让我们来看看一些有助于您正确设置的技巧。

指向您的产品的链接应该放在前面和中心

您想要添加到商店导航的第一件事就是轻松访问您的产品

如果您只有少数产品,这可能意味着在导航菜单中添加指向这些页面的直接链接,就像 JOCO Cups 商店所做的那样:

您的商店中只有几件商品?直接从您的菜单链接到它们——这将节省购物者的时间。
您的商店中只有几件商品? 直接从您的菜单链接到它们——这将节省购物者的时间。

另一方面,如果您将多个产品分为多个类别,例如 ELEVEN velo 商店,您需要链接到这些类别:

在这里,导航是一个起点——购物者将浏览其他页面以找到他们想要的东西。
在这里,导航是一个起点——购物者将浏览其他页面以找到他们想要的东西。

这带来了同样重要的一点:您的购物者应该能够从他们查看您的导航的那一刻起找到并访问您的产品。 是通过多个类别还是直接链接取决于您商店中的商品数量。

将其他重要项目放在主导航中 - 它们的内容因商店而异

大多数在线商店都有两组导航——一组位于网站顶部的“主要”区域,另一组位于底部或页脚中。 更重要的导航项目通常放置在主要区域,而不太重要的链接添加到页脚

话虽如此,认为重要的链接可能与店主认为重要的内容大不相同。 因此,当您决定从顶部菜单链接哪些产品、页面和目的地时,您需要考虑自己的需求,而不是其他商店在做什么

决定什么使您的“主要”导航以及最终在页脚或子菜单中的内容因商店而异。
决定是什么构成了您的“主要”导航以及最终出现在页脚或子菜单中的内容因商店而异。

例如,考虑一家卖鞋的商店。 如果不先试穿就很难找到合适的鞋子,而品牌和鞋子类型的细微变化可以使此类产品更有可能退货。 因此,从主菜单链接到您的退货政策页面将是一件轻而易举的事。

但是,对于一家出售饼干的商店? 如果您个人不喜欢收到的 cookie,您可以将它们交给其他人。 成本要低得多,饼干是一种消耗品。 所以这家商店可以安全地将返回链接添加到他们的页脚。

要确定链接是否值得在主导航中留出空间,请考虑:

  • 它的使用频率——就像上面的退货政策示例一样,如果您的大多数客户永远不会点击它们,那么将某些页面放在前面和中心可能没有意义。
  • 客户将在哪里查找信息——现在,许多购物者都接受了培训,可以滚动到在线商店的底部,以获取常见问题解答、政策、运费等信息。 在放置之前考虑一下可能会去哪里寻找东西。
  • 丢失的空间量——这可能看起来很奇怪,但绝对有可能在您的导航中用完空间。 不要试图将所有东西都塞进一个狭小的空间。

页脚应包含访问频率较低的页面,例如您的政策和法律条款

现在我们已经讨论了主导航中的内容,让我们继续讨论链接的第二个区域,或者 WordPress 术语中的“页脚”。

大多数店主使用页脚来存储指向重要但通常访问频率较低的页面的链接,例如:

  • 政策和法律条款 前任。 退货政策、隐私政策……
  • 可用的运费和/或承运人
  • 一般公司信息
  • 信息不适用于典型消费者,例如。 如何注册会员计划,新闻报道
  • 联系选项,包括电子邮件地址、电话号码和社交媒体链接(即使它们可能在其他地方显示/链接)

如您所见,如果您有一些额外的页面想要添加到您的商店,但在您的网站顶部没有空间链接,页脚会非常方便。 但是不要把这个区域看作是你剩余链接的简单“垃圾场” ——它应该看起来不错,布局合理,并且像你的主菜单一样有意义。

例如,看看 Henry J Socks 页脚如何具有有助于对链接的每个区域进行分类的子标题:

这里没有混淆。此导航部分已正确标记,因此您知道去哪里寻找您需要的东西。
这里没有混淆。 此导航部分已正确标记,因此您知道去哪里寻找您需要的东西。

如果你有很多像这家商店一样的页脚链接,你可以使用类似的方法来设计你的商店,这将使一切井井有条,便于购物者找到。

有必要但不是“前端和中心”页面来链接? 使用子菜单来整合和组织

正如我们所提到的,大多数网站在顶部都有一个菜单,在底部有一个页脚区域。 您想要链接的大多数页面和产品都会整齐地落入这两个领域之一……起初。

然而,随着您的成长,您可能会发现您无法快速轻松地决定新页面的位置。 对于那些将来可能会添加许多新产品的人来说,这会增加一倍,这将使您从“我可以将这些放入我的菜单中!” “哇,我的菜单真长。”

此问题的第一个解决方案是创建您链接的类别页面。 另一种选择是利用 WordPress 中的子菜单选项,它允许您创建多个选择菜单,这些菜单可以滑出或下拉(取决于您的主题)给定的顶级链接

因此,假设您现在想要链接到 T 恤、毛衣和礼服衬衫,而不是只链接到衬衫类别。 没问题 - 您可以简单地将三个新类别添加为导航中已经存在的衬衫类别的子菜单项。 当购物者将鼠标悬停在“衬衫”上时,另外三件商品也会显示出来供他们点击。

子菜单节省空间,使您的导航整洁。
子菜单节省空间,使您的导航整洁。

您可以在我们的文档中阅读有关使用 WooCommerce 创建菜单和子菜单的更多信息。

不要有太多的导航部分! 页眉和页脚是理想的

最后一句忠告:不要给购物者太多选择

这听起来可能有点奇怪。 通常情况正好相反——添加新产品或提供新的颜色和尺寸选项当然没问题。 但是当谈到你的商店的设计时,简单绝对是最好的选择。

太多的选择可能会使购物者感到困惑或让他们束手无策。通过尽可能多的整合来消除问题。
太多的选择可能会使购物者感到困惑或让他们束手无策。 通过尽可能多的整合来消除问题。

这绝对适用于您的导航。 如果您尝试添加第三个菜单、另一个页脚,甚至过多的子菜单,您的潜在客户可能会对他们面前的所有选择感到困惑

想象一下,一位购物者第一次来到您的商店,目的是简单地浏览一下您有什么可用的商品。 如果你给他们太多选择,他们根本不知道先去哪里!

这甚至会给想要寻找特定商品的购物者带来问题。 如果有多个菜单或位置可以查找类别、产品或信息来源,他们可能不知道在哪里可以找到。 这可能会导致沮丧和网站放弃。

这里的教训:尽可能保持简单。 值得怀疑的是,您需要的不仅仅是页眉和页脚; 如果您的网站变得足够大,以至于您的目的地无法全部放在那里,请将访问者引导到主题着陆页或类别页面并从那里分解。

整理您的导航需要时间,但它会让您的客户的旅程更加顺畅

有意识地在考虑客户的情况下创建商店的导航选项肯定比简单地做看起来“正确”的事情更耗时。 但是有一个巨大的回报:它使您的客户的旅程顺利而简单,消除了问题,让他们更快地找到他们正在寻找的东西。

我们希望这篇文章能帮助您开始思考商店的导航应该是什么样子,无论您是开始新的导航还是在重新设计的过程中。 有什么问题要问我们吗? 请在评论中告诉我们,我们很乐意提供帮助。