留住你的客户: 如何修复商店的导航

Posted 4 年 ago 经过 Jesse Ness, Ecwid Team

Your store is set up and you’ve got products in it, and you’re finally ready to start sending some traffic to it and raking in that cash. The problem: if your store is hard to navigate, you’re sending traffic into a sieve — people will go in one end and out the other, without buying anything (and wasting your effort or ad spend in the process!).

明显地, 那不行. 您可以采取以下措施来防止这种情况发生.

不要让你的访客不知所措

不知所措的人不买. 您可能熟悉果酱研究 — in short, 客户提出 24 选项只有 10% 向客户提供六种选择时，他们购买的可能性就越大.

此后进行的其他研究也支持了这一点; 如果您向客户提供太多选择, 他们会尝试权衡所有这些的利弊, 厌倦了所有细节并最终没有做出选择 (IE。, 购买) 根本不.

另一方面, 您不希望您的商店看起来空荡荡，让顾客认为您的商店正在建设中或不是专业的商店.

如果你有一款旗舰产品 当您扩展商店时, 您应该选择一个主题和设计，使您的产品脱颖而出, 而不是让它看起来像是坐在空荡荡的店面里.

如果您只有两到三种产品, 您还需要相应地更改您的设计或将不同的颜色变化显示为自己的产品，以防止您的商店看起来太空.

相似地, 当谈到类别时, 您想要选择尽可能少的类别 (以免让购物者不知所措), 但要创建足够多的类别，使每个类别都有用. 如果你只有两个类别, 但每个类别都有 50 其中的物品, 你可能最好创建 3-4 categories so that shoppers are less likely to get overwhelmed.

Ecwid user Shea Kardel is a good example of this, 及其女装类别, 分为六个子类别:

谢伊·卡德尔

在六个类别之间进行选择比从一个类别中进行选择要容易得多 12 或者 20, 然后当访问者单击一个类别时, 他们被带到一个不超过九种产品的页面. 浏览这家商店时几乎不可能感到不知所措.

让客户更容易搜索

您的购物者可能不想浏览 - 他们可能正在寻找一件特定的东西. 如果是这样的话, 他们首先要寻找的是搜索栏. 应该很容易找到, 喜欢老鞋底靴公司的网站:

老鞋底靴公司

购物者通常会寻找搜索栏 (或放大镜图标) 沿着顶部菜单或侧边栏, 所以这就是你应该在的地方. 如果你想让它更加明显, 您可以将搜索按钮或栏设置为与文本其余部分不同的颜色. You can also use the Product Search Enhancer app to power-up your searches and add features like autocomplete, 使浏览器更容易找到他们正在寻找的内容.

使排序变得容易

当有人前往您网站上的某个类别或搜索结果页面时, 结果通常不是随机排序的——它们以某种方式排序. 默认情况下对产品的排序方式取决于您想要执行的操作:

吸引访客并吸引他们的注意力, 您可以从最低价格开始排序.
到“价格锚,“你可以采取相反的做法，从更高的价格开始. 这背后的想法是，客户看到的第一个价格设置了“默认价格”,” 因此，低于这个价格似乎比其他情况下更划算. 例如, 如果您正在购买衬衫并且一直在浏览 $40-60 衬衫, 一种 $25 衬衫似乎是一笔不可思议的交易.
如果您在类别/产品列表页面上显示评论, 你可以排序, 以便默认情况下首先显示受到高度评价的商品，以给客户留下深刻印象.

Customers should be able to easily see the sorting options and be able to resort the products on their own if they want. 标准选项添加日期, 升价和降价, 以及按字母顺序或逆字母顺序.

如果你有足够的产品, 您可能希望在类别页面和搜索结果中提供过滤选项. 再次, 你不想压垮别人, 所以如果你做 offer a filter, 将其设置为下拉选项.

这边走, 过滤器将被隐藏，直到用户单击“过滤器”，然后才会出现选项. 取决于您销售的产品, 你可以让人们按颜色排序, 尺寸, 功能性, 或其他有意义的属性. 使用 Ecwid 执行此操作, 你可以使用产品过滤器API combined with Javascript to create a filter widget in your sidebar.

请记住，您的过滤器不应取代类别，而不是让人们按服装类型进行过滤, 例如, 您应该将服装类型作为类别.

然后, 一旦他们进入正确的类别, 让他们按选项过滤 (短袖或长袖), 尺寸, 颜色, ETC. 有意义并且不太可能压倒他们. 并记住, 过滤器甚至可能不是必需的，具体取决于您拥有的项目数量 - 您可能只需要增强的搜索功能.

菜单的注意事项

网站顶部的菜单可以在很大程度上帮助或伤害您的客户. 以下是菜单中需要考虑的事项清单:

在我们继续讨论其他事情之前, 让我们来讨论一些你应该问自己的问题:

能见度: If your menu is hard to spot, 你需要把它弄大. It needs to be easy to see and easy to click or tap (在电话上). 还, 人们会查看网站顶部和侧边栏进行导航 - 将菜单放在其他位置会让人感到困惑, 不管它看起来有多酷.
明晰: It’s tempting to come up with “cool” or funny names for pages that showcase your personality, 但对于刚访问您网站的人来说, 清晰度第一. 如果你必须有聪明才智 (但不容易理解) 页面名称, 在括号中包含更常见的名称 - 例如, “起源故事 (关于)”.
突出显示: 如果您希望人们点击某个特定选项（商店中往往更有利可图或最畅销的区域），您可以通过将链接设置为与其他链接不同的颜色来确保人们注意到它. 当你在做的时候, 确保您的菜单链接实际上看起来像链接 - 它们应该带有下划线, 突出显示时显示不同的颜色, 或者看起来与不可点击的文本不同.
简单: 尽量将菜单控制在六项或更少，使其看起来干净整洁 (并防止游客不知所措). 还, 寻找可以删掉的不必要的单词——“产品”而不是“我们的产品”,“ 例如.

确保移动访问者可以轻松浏览

随着移动商务的兴起 30% of all e-commerce in the US and global numbers growing at a similar pace (如果不是更快的话), 您的商店需要适合移动设备. 算你走运, 这很简单——只需要选择一个移动响应主题. 确保主题的移动版本足够好时，需要仔细检查以下几点:

搜索栏/图标: Is it easily visible? 是否一键展开?
菜单: Is it easy to find? 他们是否必须不断滚动才能找到类别?
产品: Do the default product images show up really large on a mobile screen? 是产品的标题, 以及产品信息, 易于阅读?
一般可读性: 文字是否足够大以便阅读? 是否存在文本与图像严重重叠的情况?

如果可以的话, 将您的商店地址提供给一些不常浏览商店的熟人, 并观看他们在手机上导航. 他们感到困惑的地方将为您提供有关您应该进行的设计更改的宝贵信息.

你的下一步

您今天可以采取以下措施，让您的商店更易于浏览并防止客户流失:

尝试保留您的类别和菜单选项 (以及您的一般选择, 但尤其是新访客首先遇到的顶级选项) 六个或更少的选项
通过使这些选项可见，让人们可以轻松地对产品进行排序和搜索 (通过使它们具有不同的颜色, 足够大，很容易看到, 或以另一种方式在视觉上突出显示它们)
有策略地选择适合您产品的默认排序方法并测试不同的方法以查看结果

祝你好运! 如果您想在将来获得更多更新以及此类有用的提示，请不要忘记订阅该博客.

About The Author

Jesse is the Marketing Manager at Ecwid and has been in e-commerce and internet marketing since 2006. He has experience with PPC, 搜索引擎优化, conversion optimization and loves to work with entrepreneurs to make their dreams a reality.