提升转化率的电子商务网页设计最佳实践

已发表: 2018-04-15

电子商务网页设计最佳实践-1 电子商务网站的存在是为了一件事:产生销售。

但是为了让客户购买,您的电子商务网站必须针对在线转化进行优化。

Nyraju 皮肤护理诊断审核和战术重新设计

SiteTuners 与 Nyraju Skin Care(非洲裔美国人天然和有机护肤品市场的先驱之一)合作,对他们的电子商务网站进行了战术性的重新设计。 Nyraju 希望通过优化登陆页面和电子商务渠道来增加在线销售额和收入。

增加电子商务销售额的第一步是消除成功转换的摩擦源和障碍。 SiteTuners 对 Nyraju 的关键任务页面进行了诊断审核,以确定阻止访问者转换的设计和可用性问题。 然后,我们建议改进以解决这些问题并帮助 Nyraju 从速赢中受益。

根据 SiteTuners 的建议,Nyraju Skin Care 修改了其电子商务漏斗中的关键任务登录页面。 这些变化导致转化率增加了高达 277%

SiteTuners 对 Nyraju Skin Care 的建议基于以下原则:

  1. 建立信任
  2. 具有相关性
  3. 拥有强大的价值主张
  4. 始终如一
  5. 消除干扰
  6. 有明确的号召性用语
  7. 让用户轻松转换

微调 Nyraju 的电子商务页面

  Nyraju Skin Care 希望增加其电子商务网站的转化率,但不想进行重大的网站重新设计。 相反,他们利用 SiteTuners 在战术重新设计方面的专业知识来优化他们现有的登录页面。

在整容之前,Nyraju Skin Care 的整体转化率为 1.31%。 主页的转化率为 2.10%。

SiteTuners 审查了对客户购买决策产生重大影响的登录页面。 然后,Nyraju Skin Care 实施了 SiteTuners 对其登录页面的建议更改,并使用他们的分析工具监控性能。

以下是着陆页的原始版本和优化版本:

Nyraju 原始与新主页 通常,新访问者首先登陆 Nyraju 的主页。 如果他们没有想到特定的产品,他们会点击他们感兴趣的类别,如下所示:

Nyraju 原始与新类别页面 然后,他们单击产品详细信息页面:

Nyraju 原始与新产品页面 如果访问者单击添加到购物车按钮,她会立即被带到下面的购物车页面:

Nyraju 原版与新购物车页面 Nyraju Skin Care 的转化目标是完成销售。

我们发现了 Nyraju 电子商务漏斗中的转换漏洞,并根据以转换为中心的设计原则建议更改其着陆页。 这些 CRO 原则是 SiteTuners 设计直观有说服力引人入胜的Web 体验框架的核心。

1. 建立信任

信任是电子商务交易的基本要素。 如果您的网站没有传达可信度,您的用户不会向您购买。 作为您的公司和品牌的在线代表,您的网站必须具有简洁、专业一致的设计,以激发访问者的信心。 拥有突出的信任符号并遵循网络惯例也有助于用户培养对网站的熟悉感。

在 Nyraju 的案例中,最初的主页看起来杂乱无章,主要内容区域上有太多的优惠(包括自动滑块),而且还有大量用于搜索引擎优化的文本。 最大的信任元素——电话号码——融入了背景。 其他信任符号(BBB,100% 保证安全)位于页面底部,这使得它们无效。 大多数人不会滚动到页面底部,因此他们不会看到任何信任徽标。

我们建议通过移除旋转横幅并将其替换为单个优惠来整理内容区域。 我们还建议添加客户徽标以加强信任。 我们将一些元素(如搜索栏和电话号码)移至页面上更标准的位置。

2. 相关

访问者最初会在几秒钟内决定他们是否对您的网站感觉良好。 您的目标网页与用户意图的匹配程度会极大地影响该决定。

  • 首先,登陆页面必须反映用于吸引访问者的广告信息和关键字
  • 接下来,着陆页应提供有关所宣传产品/服务的有用信息
  • 最后,着陆页应该有很好的可用性和用户体验

在 Nyraju 的案例中,登陆主页的访问者可以毫不费力地了解公司销售的产品。 但是,如果客户直接登陆产品页面,则消息不足以匹配意图。

SiteTuners 建议在内容区域使用视觉导航,例如基于图像的类别来代替滑块。 这样,访问者可以自行选择和自行导航。 他们还将立即知道可以从电子商务商店购买哪些产品,而不必阅读文本。 在这种情况下,图像是一种更快的导航工具。

3. 有强烈的价值主张

价值主张让访问者知道为什么他们应该从您的公司购买; 对他们有什么好处。 拥有强大的价值主张对于说服访问者采取行动至关重要。

Nyraju Skin Care 最初的登录页面承诺提供 100% 天然黑色护肤品,但这并不清楚。 他们还依靠冗长的文字来解释他们产品的好处。 但是人们一般不会在网络上阅读文字,所以他们必然会错过这些要点。

您的网站应该关注利益,以便访问者完全了解他们应该购买产品或服务的原因。 我们建议结合使用图像和要点来使价值主张更加明显。 我们还鼓励放置“之前”和“之后”的图片,以向访客展示使用 Nyraju 产品的好处。

4. 保持一致

设计、品牌和信息的一致性对于获得访问者的信任至关重要。 实现一致性不仅仅是拥有专业外观的登录页面,还包括在整个漏斗中保持信息气味

Nyraju 最初的主页和登录页面严重缺乏设计一致性。 页面上的某些元素与其他元素不匹配,例如标题和视觉效果。 在产品页面上,评论产品的图像被推高并与其他产品错位,导致网站出现故障。 左侧导航和内容推广也引起了太多关注。

为了实现一致性,SiteTuners 建议对齐产品图像并移除左侧导航。 还鼓励在产品页面中包含标题和使用要点,以创建连续性。

5.摆脱分心

混乱会扼杀转化。 登陆页面应该没有不必要的设计或交互元素,这些元素会分散访问者完成任务的注意力。

Nyraju Skin Care 的主页和登陆页面在主要内容区域的元素太多:

  • 有一个滑块会自动移动,从一个类别更改为另一个类别。
  • 几个不相关的促销横幅也争夺游客的注意力。

为了消除干扰,我们建议将滑块和促销替换为基于图像的顶级类别导航。 我们还建议删除类别和产品详细信息页面上的左侧导航,因为它不会为页面增加任何价值。

6.有明确的号召性用语

Clarity 减轻了访问者对在线交易风险的恐惧。 从用户的角度来看,它还增加了登录页面的透明度。 为了清晰起见,必须拥有清晰的信息架构、良好的文案和清晰的号召性用语。

SiteTuners 通过提高主要号召性用语的可见性来提高清晰度。 我们还建议更改视觉层次结构和按钮副本,以更好地使它们与用户意图保持一致。 例如,Nyraju 可以在视觉导航中包含他们最畅销的样品套件的照片,以便首次访问者可以轻松找到它。

7. 让用户轻松转换

易用性是在线转换的重要因素。 访问者应该会发现一个简单而轻松的登录页面,而不会出现令人沮丧的用户体验问题。 他们不应该花费太多的精力来完成网站上的任务。

除了整理 Nyraju Skin Care 网站外,SiteTuners 还强调遵循网络惯例,以使网站导航更容易。 我们还建议改进网站搜索以提高产品的可查找性。

结果 

在实施 SiteTuners 的建议后,Nyraju 跟踪了优化登录页面的性能。

结果表明:

  • 首页转化(访问者登陆首页然后完成购买)增加了 22.85%
  • 面部类别页面转化(访问者登陆面部产品和购买)增加了 98.4%
  • Nyraju 最畅销的天然护肤样品套装的转化率增加了 277.5%

重新设计后,其他产品详细信息页面经历了小幅提升。

总体而言,Nyraju Skin Care 的收入和订单量翻了一番

结论

谈到电子商务,只有一件事真正重要:底线。

增加销售额和收入的第一步是消除网站转换的障碍。 根据经过测试和验证的转化优化登陆页面原则优化您的登陆页面,您就可以在增加电子商务销售和收入的道路上顺利进行。

博客页脚 Cta1