设计出色的网络店面的10条提示

希望扩展到在线购物的企业家和实体零售商拥有比以往更多的选择，但他们也有更多的网站考虑因素和技术选择可供破解。 建立一个有效的Web店面仍然需要交钥匙提供商，例如Wix Stores，这些提供商可以使您快速而简单地弹出您的初始店铺。 但是，那些非常认真地致力于发展在线业务的人会发现，他们的需求已经迅速超越了这些总承包服务。

在网络空间中出现任何实际问题之前，有很多问题需要首先回答，然后随着业务的成熟，还有更多的问题要回答。 收集有关客户的数据就是一个很好的例子，也是当今的一个主要问题，尤其是对于那些希望进入欧洲市场的商店而言。 在这些市场中，货币转换和不同的电子商务法律仍然是棘手的问题，但是现在您还需要处理通用数据保护条例（GDPR），该条例要求对客户数据进行更为仔细的处理。

交易安全性是另一个关键问题，因为这意味着要在满足客户安全需求与您需要购买多少箍之前进行权衡。 无论您对标准网站做出什么决定，都需要对其移动迭代进行相同的讨论。 因为，尽管流动性无​​疑是去年的流行语之一，但额外的12个月丝毫没有减弱它的重要性。

当前的想法表明，Web建设者必须首先设计移动体验，然后根据需要调整桌面体验。

3dcart首席运营官（COO）吉米·罗德里格斯（Jimmy Rodriguez）表示：“每个元素，每个内容都必须在移动设备上起作用。” “如果您是从头开始，则可以为移动设备设计。借助响应式设计，您可以构建网站以从移动设备开始，然后将其发布到桌面。”

为帮助您为移动和台式机用户设计电子商务店面，我们汇总了以下10条重要提示。 但是，罗德里格斯（Rodriguez）建议，在企业将其中任何一项合并到店面之前，他们应该在特定产品页面上对这些功能进行A / B测试，以了解它们的性能，然后再将其推广到整个网站。

1.粘性标题导航

我们都去过那里：我们已经向下滚动到产品页面的底部以阅读用户评论或产品详细信息，现在我们准备离开页面返回菜单以继续购物。 不幸的是，为了返回菜单，我们通常不得不单击桌面键盘上的“向上翻页”按钮，或在移动设备上点击屏幕顶部。

使用“粘滞标题”，向下滚动时，菜单会调整大小并进行调整。 如果您需要快速跳转页面，则菜单会跟随您的整个旅程，使导航保持在屏幕上。 您可以在Bose.com上看到此效果。 尽管处于页面中间，您仍然可以访问页面的主导航，而不必回到屏幕顶部。

2.汉堡菜单

尽管“汉堡菜单”听起来像是最适合快餐店的功能，但它们已迅速成为在移动设备上开展大量业务的公司的必备条件。 您之前已经看过它们：汉堡菜单已成为移动导航和菜单的标准移动图标。

它们具有三条水平线，当按下它们时，它们会提供网站导航的下拉菜单。 它们在屏幕空间非常宝贵的移动设备上特别有用。 但是我们也开始在台式机网站上看到它们，因此，无论使用什么设备，消费者在公司网站上都有类似的体验。

罗德里格斯说：“很多人看到汉堡菜单，他们知道这是什么意思，但他们根本不知道这是新标准。” “移动访问者已经了解了该符号的含义，网站应该将其作为移动导航的标准。”

您可以在Target.com的右上角和Target的移动网站上看到“汉堡菜单”。 您也可以在下面看到它。

3.视差滚动

Parallax Scrolling少了功能性功能，而多了一种改善网站美感的方法，它利用充满高分辨率图像的大横幅广告的优势，为您的网站增添了艺术气息。 通过利用大型的全幅图像，您可以在网站的背景图像和直接位于消费者面前的图像之间创建置换效果。

从下图RimmelLondon.com可以看到，向下滚动页面时，网站的背景图像会发生变化。 但是，当背景图像和前景图像相互融合时，这种更改会巧妙地发生。 下面的屏幕截图显示了当背景图像从紫色变为粉红色时的网站。

4.无限滚动

与电子商务功能相比，“无限滚动”听起来更像是一种折磨技术。 但是，这个漂亮的工具使您的用户可以连续查看新产品，而无需单击并加载新页面。 它是这样工作的：向下滚动到电子商务页面的底部时，该页面会自动在页面底部加载更多项目。 它们仍被归类为后端页面，但访客不知道。

您可以在UnderArmour.com上看到类似的功能。 不幸的是，Under Armour要求您单击“加载更多”按钮以查看其他内容。 某些网站配备了自动打开机制，无需点击即可向您显示更多内容。

5.浮动的“添加到购物车”按钮

与粘性导航工具类似，浮动的“添加到购物车”按钮使您的消费者可以将产品添加到购物车中，而不管产品在产品页面上的位置。 以前，用户将向下滚动到用户评论，产品详细信息和其他下一页元素，并且为了将产品添加到购物车中，他们将不得不滚动回到页面顶部。 现在，无论您在产品页面的哪个位置，都可以通过Diesel.com等公司查看产品的价格，数量，颜色选择和图像以及“添加到购物车”按钮。

6.使用费茨定律

我们不会对费茨定律背后的数学感到厌烦，但是从本质上讲，这是一个理论，即物体离我们越大越近，我们与之互动的可能性就越大。 相同的基本原理可以应用于电子商务。 如果要引导用户访问产品页面，购物车和促销信息，则应使这些按钮较大，色彩鲜艳，并尽可能靠近页面中间。

如果您忽略了菲茨定律，而在导轨上或页面底部放置了黑白的微小按钮，那么您可能会迷失于潜在的购买者。 不要犯这个错误。

7.显示客户评论和推荐

您不希望客户进入您的网站，查看您的产品，然后前往Amazon.com查看用户评论。 毕竟，Amazon.com可能会更便宜地出售产品，或者客户可能会比您的网站更喜欢Amazon.com的购物体验。

如果您使客户能够对产品进行评分和评论，那么您就可以抵制那些谨慎的客户，这些客户在购买前需要其他消费者意见的保证。 大多数电子商务工具都使评级和评论易于实施，因此请不要回避实施这种做法。

8.有效的客户服务台

与客户互动对零售业的成功至关重要，这比在客户服务台更容易或更有效。 适当照顾生气，不满意甚至只是困惑的客户是重复业务的最可靠途径之一。 如今的服务台和帮助台应用程序使它比以往更加轻松。 使用这些应用程序之一，不仅可以组织客户请求，还可以吸引这些遇到的客户和响应数据，并将其通过管道传递给客户关系管理（CRM），市场营销和业务分析引擎。 这样做可以让您密切关注客户对您的商店及其产品的看法。

您在哪里放置客户服务锚点和接触点对于整体客户体验至关重要。 而这种互动是以简单的“联系人”页面的形式出现，还是可以打开一个聊天窗口，让任何人在网站上停留60秒钟以上，这取决于您所销售产品的类型以及您商店的平均网站访问统计信息。

但是，使客户服务台成功不仅仅在于软件。 您必须确保有专业人士来处理这些请求，否则这是浪费的投资。 遇到麻烦的是单击“联系客户服务”按钮的客户希望从实际的人那里获得一些实时帮助。 您可以通过电话或即时聊天来管理此功能，此功能在服务台服务提供商中越来越常见。 而且，如果您受雇于人员，则可以使用“听起来”人的智能聊天机器人来领导客户服务操作，同时能够在基本级别上处理大量的传入请求，仅将更复杂的请求传递给实际的同伴智者。

9.面包屑结帐

当客户从您的商店中结账时，他们想知道他们在哪里，距离装修有多远以及如何轻松地返回而不会丢失他们已经输入的所有数据。 面包屑结帐通过利用线性导航按钮设计向客户显示他们在流程中的确切位置，该设计使消费者可以从登录，付款选项，运输选项，下订单或继续购物中向前和向后单击。 如果没有这种布局，消费者可能会按下“后退”按钮，看到他们的信息未记录下来，感到沮丧，然后离开了网站。

10. 360度视图

是否曾经在网上购买过看似温和的外套，却发现它的背面镶满了水钻？ 好吧，当您退回该产品时，您浪费了自己的时间和供应商的时间，并且花费了公司金钱。 别担心，这不是你的错。 供应商更有可能只有夹克的正视图和侧视图。 如果供应商提供了360度的查看图像，您将发现这些水钻并单击“取消订单”按钮。

不要在您自己的网站上犯同样的错误。 除了让客户放大图像外，还可以像肯尼思·科尔（Kenneth Cole.com）一样，让他们选择旋转或查看图像的多个角度。 这样，当他们打开送货箱并拿出意外的产品时，他们就不会感到惊讶。