你的商品好找吗?如何优化独立站消费体验?

无需加好友免费技术支持

人们只会买他们能找到的东西。

导航栏是顾客浏览独立站时看到的第一个东西，他们通过导航栏来寻找目标商品。清晰明确的导航栏可以提升独立站界面的易用性，减少购买中断、促进下单量和提升站内转化率~

那你的商品好找吗？如何优化？

店主为您分享一些关于导航栏的建议和案例，帮助您优化独立站消费体验，提高订单量。

1、优化导航栏10个技能：

1使用广为人知的图标

图标取代了文本和视觉符号，取代了逻辑识别，使大脑能够在更短的时间内获得意义。主页导航图标应尽可能简单，并使用符合用户习惯和熟悉的元素。（例如，购物车图标，用于搜索的放大镜。

(负面案例:Gertens ——特价火焰图形过时，位置容易歧义。 UX 在用户体验基准测试分析中，Gertens 可用性得分仅为11%。

当鼠标停止或点击时，链接的外观会发生相应的变化

当用户将鼠标悬停在链接上，图标需相应地给出一些反馈。常见的有：更改背景颜色、文本颜色、下划线，或将鼠标箭头变成手形。

(参考案例:在 UX 在用户体验基准测试分析中，REI 89%的可用性得分很高。

3将 LOGO 把它放在页面的左上角

NNgroup 于2016年7月进行的一项研究报告指出，将 LOGO 放在页面左侧更容易使用；放在页面中央时，难度增加到6倍。另外，左边 LOGO 更容易记住，当 LOGO 消费者召回率在左侧提高了89%。

所有这些都是因为我们习惯于从左到右阅读文本，本能地看着屏幕的左侧（并专注于），所以客户更容易记住网站的左侧。

(反面案例:HATLAND.com网站标题也是如此 LOGO，但因为它看起来不像典型的 LOGO，所以很多用户可能不知道点击可以返回主页。 UX 在用户体验基准分析中 Hatland 可用性排在最后，得分只有5%。

4LOGO 可点击图标，跳转主页

点击 LOGO 帮助用户跳转到网站主页已成为行业标准和常见的用户习惯。当消费者浏览独立站点时，他们也会有这种默认的期望。如果你的独立站点网页设计中没有这个通用功能，它会让消费者感到强烈的不适。为了满足客户的期望，优化设计，使购物体验更加流畅。

5导航水平放置页面顶部或垂直放置页面左侧

不要让用户思考，最重要的是让用户自然流畅地找到自己感兴趣的信息。

根据眼动跟踪研究，屏幕顶部的水平区域通常是人们首先看到的。但如果你有更多的菜单，建议选择左侧垂直菜单（亚马逊）。

(负面案例:Gertens——在这个页面的顶部有一个导航菜单，但它不是消费者感兴趣和常见的内容。 UX 用户体验基准测试分析 Gertens 排名最低，可用性得分仅为11%。

6.固定主导航栏

（参考案例：Bodybuilding.com——如图所示，当页面向下滚动时，顶部的黑色导航栏仍然清晰可见。 UX 在用户体验基准分析中，Bodybuilding.com 可用性分为95%，排名最高。

7清晰的引导容易聚焦

选择越多，选择越难！

研究人员发现，分类清晰的导航栏下单量会更高。复杂的分类和更多的选择会让消费者感到困惑，无法做出决定。

(参考案例:GNC——直截了当地说，首页显示了12个最重要的健康功能，消费者可以根据需要直接进入相应的类别，提高购买效率。 UX 在用户体验基准分析中，GNC 可用性分为73%。

88使用简单易懂的词汇

对于独立站导航菜单的设计，词汇越简单，越容易理解，人们下订单的可能性就越大。这不是巧合。大脑更喜欢放松，更喜欢熟悉和容易理解的选项；相反，冗长而困难的词汇会分散消费者的注意力。

(参考案例:Crutchfield——该网站将数千种产品细分为易于理解的类别。 UX 在用户体验基准分析中，Crutchfield 可用性分为62%。

下拉菜单易于观看

如果你的独立站有很多类别的商品，设计下拉菜单至关重要。

例如，由于计算机屏幕一般是水平的，垂直空间有限，因此应避免长垂直下拉菜单，视觉友好。

另外，做好产品类目的梳理和分类，在排列布置上更具逻辑。毕竟，谁想阅读一长串没有明显顺序组织的类目呢？

(负面案例:Outdoor Action——在女装类别显示的类别太多，缺乏梳理，下拉菜单太长。

(参考案例:Petsmart——下拉菜单分类清晰：食品及护理、用品及特色店。 UX 在用户体验基准分析中，Petsmart92%高分的可用性。

不同功能的菜单应该有视觉差异

请勿将两种不同功能的菜单放在一起，以免混淆消费者。在视觉布局上，也需要分为主次。

(参考案例:Lowe’s——顶部的水平内容菜单在视觉上不同于左侧的垂直事务菜单。 UX 在用户体验基准分析中，Lowe可用性分为76%。

二、自定义导航栏菜单操作：

Shoplazza店匠 为用户提供卡片式装修功能，只需简单操作即可快速上线销售！

模板页面布局由专业设计师团队创建，合理高效；跳转页面可选择站内现有页面或自定义页面。以自定义页面的导航栏菜单设置为例，具体操作如下：

首先，点击铺装修中点击主题装修 LOGO 等个性化装修。

然后，在左侧的店铺装修下，选择定制页面-新页面。

添加自定义页面名称和内容。

在左侧店铺装修下，选择菜单导航-新菜单。

单击添加菜单目录输入菜单名。

设置菜单内容，选择自定义页面，添加跳转链接。

点击保存。

添加二次导航也是如此。