良好的网站导航对你的电子商务网站的成功至关重要。
人们越容易找到道具,或者自然地发现它们,你就卖得越多。
事实上,直观的网站导航可以积极地影响转化率18.5%。它还可以降低跳出率,从而提高你的搜索引擎优化(SEO)效果,并帮助你的页面排名更高。
接下来,学习导航设计的最佳可用性实践,并为您的网站提供示例和提示。
5个电子商务导航最佳实践
1.在标题中包含浏览器需要的信息
尽管99.99%的访问者都能看到标题导航,但你需要花费一定的时间让他们的眼睛从左到右滑动,以建立他们的信任,并说服他们留下并从你这里购买。
考虑到这一点,简单,颜色和明显的标题是至关重要的。通常,位于页面顶部的标题部分包括主要导航、搜索栏、购物车按钮和其他信息,如客户服务、商店定位器、最畅销商品。
这些额外的项目取决于访问者在网站上的行为:
- 如果很多人都在寻找您的商店位置,请将其添加到标题中。
- 客户抱怨很难联系到你的业务?添加一个链接到实时聊天。
- 正在进行促销或特别计划,试图推动更多的销售?添加。
对您最重要的内容(最好有数据支持)应该放在标题中。
对于一个商家来说,这可能意味着在页眉中进行促销。另一方面,它可能意味着实时聊天和商店位置。只要记住,空间仍然是溢价的,所以要根据谷歌分析和其他数据做出有数据支持的决策,这些数据清楚地显示出人们在寻找什么。
一个更大的促销活动(免费送货,Prime视频,全站10%折扣)和两个或三个链接到其他相关信息/内容(实时聊天,商店位置等)是你所有的空间。
“蓝色马尔显示其转售服务、奖励、40%折扣和显著的免运费门槛。
DODOCase将其最畅销的商品整合到主导航栏中。
其他公司则尝试添加主题类别,如“万圣节”、“圣诞礼物”、“礼物指南”等,以便在一年中的不同时间推动相关类别的流量和销售。
你也可以测试一个专门的“What 's New”部分,为经常购买的人/回头客。他们想要看到你有什么新产品,而不用浏览菜单或使用搜索栏。
2.使用电子商务导航搜索栏
一个伟大的搜索栏的关键很简单:当你销售的产品,人们知道要搜索,使搜索栏更加突出。想想亚马逊风格的搜索——大的,粗体的,标题区域的中心。
Streetwear品牌mnml使用搜索栏推荐其电子商务商店中的热门商品。
搜索功能也会自动完成你的搜索,并为你匹配你可能喜欢的项目。您可以直接从搜索栏访问产品页面。此功能适用于桌面和移动设备。
它会对你的电子商务网站产生同样的影响吗?欧宝体育百家乐也许吧。至少,这是对即将进行的测试的一个想法,在这个测试中,您将运行仅包含文本的搜索一个月,然后运行包含图像的搜索一个月,然后比较结果。一定要避免电子商务公司在网站搜索中犯的常见用户体验错误。
如果您想在您的网站上实现智能搜索,请查看可用的应用程序在Shopify应用商店。
3.添加一个电子商务网站范围内的福利栏
现在您已经有了一个设计良好的标题(只有最重要的信息)。这很好,但这只是开始!
接下来,在标题下方添加一个利益栏。这样做的目的是清楚地传达你的产品的独特之处,以及从你这里购买比从亚马逊(Amazon)购买有什么好处。
整个网站的福利栏作为访问者的信任锚,否则他们会觉得从一个不熟悉的品牌购买被劝阻。
福利可能包括以下内容:
- 免运费门槛
- 运输时间
- 付款计划(现在购买,以后付款,融资等)
- 地理信息(美国拥有,美国制造等)
- 或者其他对你的客户潜在重要的事情
Gymshark,例如,它使用了一个通过四个福利旋转的条:
- 养成习惯,改变你的生活。只需要66天。注册Gymshark66!
- 学生九折优惠
- 使用Afterpay购买Gymshark,分4期付款
- 免费30天免费政策
文化的国王另一方面,它使用标题下方的相同区域添加二级导航,其中包括指向其新到货和收藏的链接。
这让粉丝可以直接浏览新商品。
既然我们已经介绍了标题中的小内容,现在是时候仔细看看大的内容——水平导航菜单。
4.正确设置导航结构
在导航中,适当的产品分类(或信息架构)是关键。
通过将相关产品分组在一起,你可以让潜在客户更容易找到他们想要的东西。您还可以查看和比较具有相似质量的一组产品。
所有这些都使最终用户更容易进行购买。
就层次结构而言,有两种类型的类别:
- 父类别。父类别是一组子类别的名称,最能描述该组的共同品质,
- 子类。子类别用于将特定产品分组在一起。鞋子、帽子和裤子等产品。
有时很难选择一个给定产品应该属于的确切子类别,或者它可能在逻辑上出现在多个父类别中。例如,用户可能会在“客厅”、“办公室”或“桌子”部分寻找一张咖啡桌。
如何选择与咖啡桌最相关的类别?你不喜欢。
是的,理想的解决方案是拥有明确的顶级类别,但这并不总是可能的。为了避免错过销售(访问者在“Office”下寻找咖啡桌,但您只在“tables”部分找到它),请考虑在多个父类别下设置产品和子类别。
百思买例如,在“家电”和“电脑和平板电脑”下都有“小厨房电器”的子类别,这样做是完全有意义的。
为什么要让潜在客户更难找到东西呢?
在下拉菜单中分组子类别选项对于使导航易于管理、可扫描和直观至关重要。问题是,许多网站使用文本标签,并没有使子标题导航可点击。
用户希望通过点击进入一个特定的类别,当这是不可能的,这是一个问题。
购物者应该有权扫描导航标签,并立即了解这些标签代表什么。为了提高可读性,从最具描述性的词开始,避免术语。OB欧宝娱乐APP清晰易懂的标签更有效。
即使您完全掌握了信息体系结构方面的内容,仍然存在如何以清晰、干净和易于理解的方式表示该信息的问题。这就是超级菜单发挥作用的地方。
5.设计一个电子商务导航菜单,得到结果
从用户看到主页上的导航菜单开始,你只有不到10秒的时间(毕竟,找到菜单并点击它需要时间)以一种易于理解的方式显示大量信息。
搞砸了,所有在标题设计上所做的努力都是徒劳的。挑战在于一次显示多个产品类别。在这种情况下,尼尔森诺曼集团的雅各布·尼尔森推荐使用大型菜单。
虽然你可能不熟悉“超级菜单”这个词,但你肯定熟悉它的样子。大多数电子商务网站(包括GameStop、亚马逊、百思买、沃尔玛和Zappos)都有复杂的类别和子类别,它们使用的是大型菜单。
超级菜单具有以下特点:
- 大,二维板分为组导航选项的
- 类别层次结构通过布局、排版和(有时)图标
- 一切立即可见-不滚动
我们上面有一个用户友好的目录与许多菜单项。点击其中任何一个,你会看到一个新的辅助菜单。
如果你点击“家居必需品”,你会看到带有相应链接的子类别。导航选项组合在一起,清晰地分开和结构化,所有选项都是可见的,而无需滚动。
大型菜单使查找主类别和子类别更容易,更合乎逻辑,即使你有太多的类别。如果你有一个庞大的产品目录,对大多数用户来说,拥有一个干净易用的主导航是至关重要的。
但如果你不像沃尔玛那样有7500万件商品在售呢?较小的零售商,如分享,可以使用下拉菜单,方便客户发现和购买产品。
顶层导航看起来很简单,但当用户点击它时,可以看到几个顶层选项。例如,“产品”选项卡显示了最畅销的类别,并提供了到类别页面的链接,以便更容易地访问这些产品。
为你的电子商务业务投资智能网页设计
一般来说,为了培养客户的信心(而不是削弱它),标题设计应该简单,清晰,最重要的是,吸引访问者的感知。
到目前为止,您的页眉是站点中最实用的界面元素之一。所以让它有意义。
只要你记住以下四点,你就会做得很好:
- 简洁:头功能最重要的数据为基础和相关的信息和链接
- 组织:适当的分类和子分类
- 可发现性:如果是相关的,将一个产品或子类别放在多个父类别下,这样更清晰、更容易使用
- 大型的菜单:尤其在大量库存时使用它们
有一个漂亮的头与正确的信息是第一步。第二步是为浏览者提供一个简单、易于导航的菜单,帮助他们找到要买的东西。
把这些固定下来,你会发现更多的购物者在结账时转化为顾客。
电子商务导航常见问题
什么是电子商务导航?
电子商务导航帮助用户从一个页面移动到另一个页面,以创造无缝的购物体验。导航显示有产品类别和过滤器,用户可以很容易地进行排序和操作。
什么是好的电子商务导航?
好的导航总是会考虑到用户体验。标签和分类以用户为中心,简单且易于理解。用户应该能够清楚地看到导航和页面之间的设计差异。
我如何改善我的电子商务导航?
有几种方法可以改善你的电子商务导航,这里有四个技巧:
- 制作一个在用户滚动网站时具有粘性的顶级导航
- 确保所有标签都能引起顾客的共鸣
- 包含搜索功能
- 重点销售和折扣
电子商务网站最重要的5个功能是什么?
- 导航栏
- 下拉菜单
- 侧边栏菜单
- 面包屑导航
- 页脚的菜单