2016 年要摆脱的 7 个电子商务网站错误

主页上的特色产品。 旋转的横幅。 添加“个性”的背景。

在线营销领域的大多数人都理解为什么大量网站使用这些，我们中的一些人知道为什么当你戴上可用性眼镜时这些没有帮助。

但它们就在那里，即使你现在看到的数量略少。

以下是我们希望在 2016 年电子商务网站中少见的 7 件事。

页面背景干扰

在设计您的电子商务网站时，请记住访问者会查看似乎有有意义信息的区域。 我们的眼睛不禁被吸引到：

• 质地
• 颜色
• 对比
• 细节

页面侧面的视觉变化会吸引眼球，从而将注意力从页面主体上移开。

例如，HorseSupplies.com 正确地使外围变暗，但逼真的木板图片分散了页面中间的注意力。

另一方面，Horse.com 的背景是正确的。

页面内部是白色和高对比度，而外部是暗灰色。 因此，眼睛会自动转到页面的正文。

你不希望背景成为访问者视觉的中心，所以保持无聊。 让它远离……

• 模式
• 颜色变化
• 人的照片（尤其是这张）

当然，您可能会寻求特定的外观来吸引您的观众，但修饰的地方不在页面的边界之外。

主页上的产品

主页上的单个产品是您猜测访问者想要什么 - 希望是基于数据的有根据的猜测。

但是，即使这些商品代表您的畅销书，它们也可能只是您整体库存的一小部分。 并且他们是访问者正在寻找的机会非常渺茫。

请记住，您的主页存在有两个原因（销售不是其中之一）：

1. 建立信誉和信任
2. 让人们离开主页并更接近他们的目标

主页的功能是让访问者访问他们感兴趣的一组产品。

那是除非你是苹果。

当 Apple 发布一款新产品时，它可能会在全球范围内推出价值 10 亿美元的产品，因此该产品接管整个体验是可以的。

大多数电子商务网站并非如此。

大多数都有较大的产品线，没有那种品牌亲和力，并且通常不会发生重大的发布活动。

因此，请删除您主页上的单个产品。 相反，向访客展示您携带的产品的广度……

• 在视觉折叠上方具有类别级导航
• 用照片拼贴表示每个类别，显示该类别中可用项目的范围

确保类别图像是合成的，或者在视觉上与您表示单个项目的方式不同，这样客户就不会感到困惑。

例如，B&H Photo Video 的主页（虽然不太理想，因为旋转的横幅会向下推类别）有合成图像。 （不过，他们通过将特色产品进一步降低来进行欺骗。）

太多选择

我们知道，我们知道。 每个电子商务网站都梦想长大后成为亚马逊。

因此，您可能会跟随他们的脚步，向您的客户展示大量的产品选择。

不过考虑一下：

在哥伦比亚大学的一项研究中，在一家商店设立了 2 个果酱品尝摊位，以了解选择的数量是否对购买决策产生影响。

事实证明确实如此：

• 仅 6 种果酱参观摊位的人中有 30% 最终购买
• 只有 3% 参观了 24 种果酱摊位的人进行了购买

所以，不要用太多的选择压倒客户，因为这会导致决策回避。

此外，不要依赖访问者通过使用左侧的过滤系统找到他们想要的东西，因为……

1. 只有高级用户通常使用它。 大多数访问者不会花费时间和精力来学习过滤系统的界面。 （如果使用您的过滤器的人数值得您分配给它的房地产，请检查您的分析。）
2. 即使客户使用它，过滤器也可能会产生太多结果。

例如，在 Wayfair.com 上，如果您过滤以仅显示“矩形”“5 X 8”区域地毯，它将产生超过 900 页的搜索结果，每页有 48 种产品。

您不能指望客户无休止地浏览结果，直到他们偶然发现他们真正想要的项目。

滚动仅适用于对本质上不同的实物进行快速视觉扫描（例如在 Pinterest 中）。 但是在电子商务环境中，您有一长串视觉上相似的图像，滚动不是要走的路。

提出选择时请记住以下几点：

• 引导客户购买正确的产品（类似于您在实体店的做法）。 在左侧进行相同的过滤并将其变成一步一步的向导。 在弹出窗口中将相同的选择放入具有有用兴趣分类法的一系列问题中。

• 在为目录导航创建信息架构时要深入和狭窄。 只有 3 或 4 个顶级类别，每个类别有 4 到 6 个子类别。 仅在单击 3 或 4 次后显示一组符合用户需求的项目。

相似的外观选择

如果您是一家专卖店，那么您很可能会销售很多在视觉上没有区别的产品。 “问题是，如果你将它们呈现为外观相似的物品，客户将没有任何依据来做出决定。

例如，如果您正在销售钢笔并将它们显示为小缩略图，如下图所示，则很难分辨出一件商品与另一件商品有何不同。

但是，如果您展示笔的头端或尾端，客户将看到它是否有旋盖或背面的按钮。 他们可以判断它是否是钢笔，或者它是否有橡胶握把，或者圆珠笔的大小是否满足他们的需求。

通过使用视觉效果来帮助客户做出明确的选择。

集中、放大或扭曲看似相似的产品之间的重要区别。 有一个浮出控件或图片的一部分来显示项目的独特性。

占主导地位的促销活动

公司里的每个人都想在主页上分一杯羹。 结果，促销占主导地位，顶级导航消失了。

反过来，由于正文缺乏有用的导航，因此预计用户会在导航栏上找出带有下拉菜单和飞出的菜单。

但仅在导航栏中拥有类别是不够的。 如果信息很重要，它也必须在主页的正文中进行可视化布局。

请记住：如果主页正文失败，用户只能使用导航栏。

例如，在 J.Crew 的主页上，30% 的折扣促销占据了主导地位，并且导航被推到了顶部。

是的，重要的是让客户意识到限时销售或有限可用性（说服人们购买的稀缺性东西），但不应该以永久导航为代价。

主页轮播

在 2013 年初，主页旋转横幅是我们希望在那一年消失的网页设计趋势之一。

唉，快到 2016 年了，旋转横幅仍然在电子商务网站中流行。

'问题是用户将旋转横幅视为商业广告。

没有人真正喜欢广告（除了可爱、有趣的超级碗广告）。 所以那些横幅注定会被忽视。

如果客户与他们互动的机会不大，旋转横幅通常最终会令人烦恼。 他们甚至在用户完成消费前一个横幅之前就转移到下一个横幅，从而消除了用户对页面的控制感。

所以释放那个巨大的旋转横幅空间并用它来展示......

• 清晰的标题
• 顶级类别
• 信任要素
• 社会证明

噱头缩放

我们知道很多技术噱头是您可能正在使用的购物车的功能。 但是，如果您的购物车有影响可用性的限制，那么是时候考虑更换购物车了。

例如，看看 Forever21.com 如何放大产品。

用户滚动的任何部分都会在左侧突出显示，并且您会在右侧看到缩放框，您可以在其中看到该部分的特写。

我们看到了 4 个问题：

1. 它涵盖了通常具有价格、星级和“添加到购物车”按钮的号召性用语区域。
2. 顾客可能仍然希望看到整件衣服——只是更大一些。
3. 有时，缩放图片并没有大多少。 如果客户想看到裙子的垂坠感和面料的厚度，他们不会在 2x 图像上看到这些。
4. 用缩放框覆盖页面的某些部分在移动设备上是致命的。

为了让客户欣赏产品，拥有一个占据整个屏幕的 5X 图像。 您需要一张 3000-5000 像素宽的照片，访问者可以全屏查看。

全屏灯箱让客户看到更多细节。 此外，人们习惯于在移动设备上进行整页接管，因为我们观看视频时通常会出现这种情况。

例如，H&M 有一个全屏选项，客户可以在查看商品后退出：

结论

摆脱这些错误需要纪律、意志力和管理支持。

其中一些，营销人员可以控制。 在许多公司中，其他一些将更难完成——管理支持是你必须随着时间的推移通过拆分测试、数据和结果来赢得的东西。

然而，那些能胜任这项任务的人在竞争中占有重要地位。