监控你的转化率是建立一个盈利的电子商务业务的关键。大多数分析工具可以帮助您测量这些数据。
你的转化率是通过简单地用期望的行动数量除以给定时期的网站访问者数量来计算的。例如，如果你的网站每5000个访问者就有50次转化率，那么转化率就是1%。
根据您运行的具体在线业务类型，您的转换可能包括在线销售、电子邮件注册、添加到购物车或您希望衡量的任何其他KPI。但在电子商务商店，你的主要焦点应该是你的购买转化率。
平均而言，电子商务商店的购买转化率为1% - 2%。更重要的是，专家说好的转化率在2%到5%之间。这应该是你衡量网店成功与否的基准。
转换的结果，我的最后一个网站重新设计
在我们深入了解我是如何提高我的转化率的细节之前，这里是我的总体结果以及我是如何进行我的实验的。
首先，我经营着一家名为Bumblebee Linens的电子商务商店，在网上销售手帕。
因为我的网站从不能直接转化为销售的内容页面获得大量流量，所以我根据最可预测的流量来源来衡量转化率。
因此，我所有的转换数据都来自于目标PPC广告流量来源，如谷歌Shopping和谷歌Adwords。毕竟，我的谷歌广告流量是非常稳定的，总是转换在一个一致的百分比。
在我重新设计我的网站之前，我的电子商务商店的转化率徘徊在3%左右，高于平均水平。但是网站的外观和感觉已经过时，迫切需要更新。总的来说，整个重新设计花了大约7周时间，花费了我大约1840美元。
以下是我更新后的设计与原设计的对比结果:
桌面转化率提高了46%
手机转化率上升了26%
平板电脑转化率提高了32%
这篇文章的其余部分将重点介绍导致这些增长的重新设计的具体因素。(注意:我同时进行了所有的重新设计更改，因此很难确定哪个特定的优化贡献最大。)
8个电子商务设计技巧，以优化您的转化率
如果你的电子商务商店表现不佳，用户体验的许多方面可能会对销售产生负面影响。即使是看起来无关紧要的设计选择，比如字体大小或按钮的颜色，也会对整体转化率产生重大影响。
如果你想系统地提高你的电子商务商店的转化率，你应该遵循这8个设计步骤。
1. 使用一致和互补的配色方案
在重新设计网站时，使用color.adobe.com选择互补色。
一个精心选择的配色方案可以瞬间吸引顾客的注意力，唤起顾客的情感，促使他们采取行动。毕竟，顾客对你网站的感觉是决定你结账还是退货的关键因素。
一个设计良好的电子商务商店应该使用至少三种互补的颜色，在你的网站的每个页面上一致地应用。
如果你对颜色没有很好的眼力，你可以使用免费的工具，如color.adobe.com，它可以帮助你混合和搭配不同的颜色，使它们搭配得很好。
在我的网站重新设计中，我想要一种现代的感觉，所以我选择了青色、亮粉色和黄色作为我的调色板。
我还在我的网站上为每种颜色指定了特定的用途:
青色的应用给场地一个明亮的，整体的颜色，年轻和时尚的感觉;
黄色用来吸引人们对免费航运和特价等营销元素的注意;
网站上的所有动作按钮都使用了亮粉色。
总的来说，你的电子商务商店的每一个页面都应该有一个主要的行动号召(使用明亮的颜色，比如亮粉色)，引导顾客离结账更近。
例如，在我的首页上，亮粉色的按钮“购买我们的个性化收藏”弹出页面，立刻吸引了用户的注意力。我们希望访客购买我们的个性化产品，因为我们的个性化产品是我们店里利润最高的产品。
2. 简化你的导航
你的菜单太复杂了吗?导航条占用了太多屏幕空间吗?
对于电子商务商店来说，一个好的经验法则是尽量减少顾客点击购物车的次数。因此，您应该避免将产品类别嵌套在超过一个层次结构级别中。
如果你的商店里有太多的分类，不能一次全部显示，选择你的最佳销售分类为你的主菜单，并把你的流量较少的分类合并在一个单独的标签。
对于我的商店，我决定使用一个顶级的悬停样式下拉菜单，如下图所示。
顶级导航是组织和显示产品类别的一种方法。
我以前的设计使用了左手式的导航，占用了太多的屏幕空间。腾出多余的空间让我可以把我的分类和产品图片放大300%。有了我的新导航菜单，每个访问者可以添加到购物车只需三次点击:一次点击找到一个产品类别;一键查看产品说明;一键添加到购物车。
一旦你设计好你的菜单，假装你是一个顾客，尝试在你的网站上购物。内容是否容易阅读?重要的元素会跳出来吗?你能马上找到你需要的信息吗?从客户的角度分析你的网站将帮助你改善用户的购物体验。
3.在每个页面上显示信任因素
免费送货、轻松退货和信任是推动转化率的关键。
信任是你必须与客户建立的最重要的价值。
除非你是亚马逊或大型商店，否则人们可能从未听说过你的品牌，你必须向他们保证，从你的商店购买是安全的。
由于亚马逊在电子商务领域的影响力，大多数客户在第一次在网上精品店购物时会寻找3样东西:
快速免费送货;
简单的回报;
一种获得客户支持的方法。
显示你的电话号码和电子邮件地址是非常重要的!增加你的营业时间也有助于使你的网站看起来合法的新访客。如果你没有一个可识别的品牌，客户会想知道在遇到问题或问题时，他们能接触到一个真实的人。
在上面的图片中，你会注意到我把我的信任因素放在了页眉，所以它们可以在每一个页面的折叠上方看到。我们还上了《今日秀》和一些杂志。所以我确保在每一页的底部显示这个社会证明。
不要犹豫炫耀你的成就来加强信任。
此外，客户的评价为你的网站提供了社会证明和可信度。因此，定期接触满意的客户，获得推荐和认可是很重要的。在我们重新设计的网站上，你会发现推荐部分就在我们的媒体报道下面。
推荐可以为你的网站提供社会证明和可信度。
记住，作为一个不知名的商店或品牌，要产生转化率，你首先必须获得客户的信任。如果他们购买的东西有任何问题，让他们联系你或者获得全额退款很容易。通过表现出对客户满意度的真诚关心，随着时间的推移，你将能够建立稳固的声誉。
4. 强调你独特的价值主张
用户平均花5.59秒看你网站的文字内容。在这5.59秒内，你必须抓住他们的兴趣，否则他们会从你的页面跳出来。你必须立刻告诉用户你卖什么，为什么他们应该从你的商店而不是竞争对手那里购买。
更重要的是，你网站上的每一个页面都应该传达你独特的价值主张。一个独特的价值主张是一个简明的陈述，描述什么使你的业务特别和概述你的商店比任何人做得更好。展示你独特价值主张的最好方法是使用引人注目的图片和引人注目的文案。
例如，这是用户在我的主页上看到的第一件事:
用户马上就会看到我们最畅销的个性化手帕的大图片。在这张图片的旁边是一个清晰而简洁的价值主张，接着是一个在我们店购物的行动号召。
展示你的价值主张不应该局限于你的主页。我们还包括我们独特的价值主张，在每个类别页以及。总的来说，你应该在你网站的每个登陆页面上包含你的价值主张。
5. 优化产品页面的视觉层次结构
网站上的每个页面都应该有一个单一的目标。对于你的产品页面，你的目标是让顾客加入购物车。
在设计产品页面时，必须将逻辑视觉层次结构应用于设计。视觉层次结构是用户在页面上处理信息的顺序，对于产品页面，必须有一个清晰的路径以尽可能少的干扰添加到购物车按钮。
这是我以前的产品页面的截图:
正如你所看到的，我的旧产品页面是压倒性的。所有的设计元素都试图同时吸引你的注意力，许多不同的行动呼吁融合在一起。为了改进我的产品描述，我更新了配色方案，并将我的产品图像放大了266%。我还更改了按钮在更符合逻辑的流程中的位置。
这是重新设计的产品页面今天的样子:
通过调整页面元素的大小、颜色、对比度和对齐方式，我现在迫使客户以设置的路径处理我的产品信息，该路径直接引导我的主要行动调用。例如，亮粉色将人们的注意力吸引到“加入购物车”按钮上，而不是“评论”按钮上。此外，通过使用蓝色文字颜色和蓝绿色背景，我向顾客保证与我们一起购物是安全和无风险的。
总的来说，以这种方式重新排列设计元素几乎使我的添加到购物车的比例增加了一倍。
6. 简化结帐过程
使用我们以前的网站设计，我们会定期收到来自困惑的客户的反馈，他们不确定是否需要一个帐户来购买我们的产品。
下面是我们以前的结帐页面:
正如你所看到的，有太多的选择。毕竟，顾客不需要三种结账方式，而且选择也有点多。
结帐页面现在是这样的:
我没有提供3个独立的付款选项，而是将它们合并到一个，并添加了一个单独的Paypal选项(稍后会有更多介绍)。首先，只有不到6%的客户创建了一个账户，所以没有理由将创建账户作为一个单独的选择。此外，显示登录表单会带来更多麻烦，因为大多数客户甚至没有帐户。因此，我决定在默认情况下完全隐藏表单。
总的来说，当您设计结帐过程时，请记住这些优化原则。
原则#1:删除页面中所有不必要的元素。不要让客户思考和隐藏所有不经常使用的元素。
原则#2:展示信任标志，以确保客户的安全结帐。在上面的图片中，你可以在付款页面的右边找到信任的标志。
7. 为移动用户优化结帐过程
十分之四的手机用户如果在输入个人信息时遇到困难，就会放弃购物车。人们不喜欢用一个小小的键盘输入他们的联系方式和信用卡信息。更重要的是，小按钮和太多的表单字段让移动用户望而却步。79%的智能手机用户通过移动设备在线购物，这就是为什么你应该优化移动设备。
如今，响应式设计是很常见的，但如果不小心，仍然可能会把事情搞砸。下面是我的结帐流程在桌面上的样子:
下面是结帐页面在移动设备上的样子:
在移动设备上，用户的购物车内容是折叠的，这样它就不会占据整个屏幕。总的来说，以下是我对checkout所做的移动优化:
优化#1:保持你的付款表单简短和甜蜜
移动用户应该能够点击结帐页面上的按钮而不意外地点击其他选项。此外，按钮应该大到足以在移动设备上点击。
考虑到手机的屏幕尺寸更小，让你的结账表格简短而又甜蜜，没有额外的选择。另外，确保您关闭了表单字段的自动更正功能。否则，当用户试图输入地址时，手机的自动更正功能可能会让他们感到沮丧。事实上，我们曾经有一位顾客在iPhone上输入他们的城市时非常沮丧，以至于他们打电话给我们，很沮丧地抱怨。
要解决这个问题，只需向所有文本输入字段添加以下标记。
此外，在输入电话号码时，您应该始终显示一个数字键盘，而不是常规键盘:
优化#2:在可能的情况下自动导入客户数据
手机用户输入的信息越少越好。支付方式如Paypal Express和亚马逊支付可以简化结账过程。这些第三方支付处理程序自动填写客户的账单和运输信息，这减少了打字，提高了转化率。
为了提供更方便的结账方式，我实施了PayPal的One Touch操作，这一操作使我的手机转化率提高了31%。
这里有一个实现Paypal的小窍门:确保在用户输入信息之前，在付款过程中显示Paypal按钮。否则，就会破坏导入他们信息的目的!在我的付款过程的第一步，我解释每一个支付选项深入。
这些简单的改变让我的转化率有了很大的改变。我网站上的PayPal用户几乎翻了一番，从13%增长到23%!
8. 增加紧迫感
大多数顾客喜欢逛橱窗，让顾客行动起来的最好方法就是营造一种紧迫感。
每当我进行销售，一个巨大的黄色倒计时计时器显示在网站的每个页面。
注意:需要注意的是，我们只在实际进行销售时使用这个计时器。否则，你就会冒着让客户麻木或失去信任的风险。
另外，我还在结账页面上显示了倒数计时器，给人一种完成支付过程的紧迫感:
这些额外的设计元素迫使客户尽早采取行动。
最终的想法
优化你的转化率是一个持续的过程。测试你的结果是追踪你改进的唯一方法。
永远不要跟随你的直觉，总是听数据。毕竟，有时候一个丑陋的网站可以转化为一个美丽的网站。
无论如何，我上面演示的设计技巧将为您提供一个坚实的基础。从那里，你可以进一步改善你的网站，并通过反复测试和调整优化你的转化率。好运！
