如何纠正常见的用户界面问题并提高转化率

一个设计良好且用户友好的网站可以区分购买的新客户和立即跳出的潜在客户。 在电子商务中，网页设计不仅仅包含配色方案和炫酷效果。 成功的网页设计包括流畅的导航、高图像质量、移动兼容性以及许多其他有助于提供积极用户体验的因素。

不幸的是，由于优先考虑事物的外观而不是其功能，因此很容易忽略重要元素或在设计领域犯错误。

以下是我们为帮助提高用户参与度和转化率而实施的六种最常见的电子商务设计改进。

1. 计划好类别导航并坚持下去

菜单至关重要：它是访客看到的第一件事，它最终会告诉他们去哪里。 新访问者将大约 1/4 的注意力花在网站的主导航上，因此菜单通常是访问者对网站的第一印象。 导航中常见的设计错误包括选项过多、类别标题模糊以及整体混乱。 当客户不确定他们需要去哪里时，他们可能会简单地离开网站去寻找其他选择。

成功导航的关键是考虑客户如何购物并相应地规划目录结构。 在设计网站目录时，像客户一样思考并个性化菜单以最好地回答他们正在搜索的问题——这意味着尽可能以最少的思考和点击将他们带到他们需要的地方。 避免立即让访问者选择太多，并将主要导航限制为尽可能少的选项。 然后利用较大类别中的属性和分面导航来帮助进行过滤。

坚持下去很重要——添加新的产品线或品牌可能会导致对网站上已有的导航进行审查，并使原本简单的类别结构膨胀。 选择以客户对产品的称呼命名的高级类别，以帮助进行现场浏览和搜索引擎优化。 时刻想着客户想解决什么问题，迎合尽快提供答案。

2. 简化结账流程

截至 2018 年，平均有75% 的购物车被放弃。 用户出于各种原因放弃购物车，有时只是为了查看他们是否会收到优惠券代码，但大多数时候是由于用户界面错误，例如添加不必要的必填字段、结帐中不常见的字段、或无用的错误信息。 Baymard Institute在2012 年进行的一项研究发现，用户报告说，在排名前 100 位的电子商务网站中，有 61 个网站要求提供“看似不必要”的信息。 考虑提供快捷方式，例如地址自动填充选项或允许客户以访客身份结账。

由于结帐流程问题千差万别，因此没有简单的解决方法。 相反，第一步是像客户一样思考（看看这种情况是如何不断出现的？），看看结账过程中是否有任何不必要的混乱。 一旦检查了常识，就可以准确了解潜在客户卡在什么地方。 在 Google Analytics 中设置结帐渠道并注意 Magento 中的 Abandoned Carts 报告。

需要记住的一点是：结账过程越长，转化率就越低。 保持简短和甜美，以提高转化率并让访客回头。 Magento 1 的本机结帐还有很多不足之处，但 Magento 2 内置了一个很好的结帐流程。

最后，如果您没有运行购物车放弃计划，那就去做吧！ https://carts.guru/en/已成为我们最喜​​欢的工具之一，但也有一些专门处理购物车遗弃问题的工具。

3. 使用精美图片

图像质量既是技术性的又是质量性的。 低分辨率图片只会看起来很糟糕并降低网站的可信度。 同时，与品牌或产品无关的图片库对于说服在线购物者从该网站购买商品作用不大。

超越基础并投资于有效突出和区分产品和品牌的高质量图像。 客户希望图像能够增加上下文和意义。 尽可能在照片中使用真人，在图像中显示产品细节，并为访问者提供大尺寸、高质量的照片。

研究证实，在提高转化率方面，较大的图像比较小的图像更有效。 尽管产品信息可能已被隐藏，但客户在决定是否购买时更关心是否清楚地看到产品。 为了性能，在压缩较大图像与缩小图像大小之间找到平衡。 现在是 2018 年，必要时获取 CDN，但不要吝啬图像。

4. 撰写有价值的产品说明

许多电子商务产品页面都会犯同样类型的错误：

• 没有传达基本信息的产品描述
• 关于产品对买方的好处的不明确信息
• 没有视觉效果来清楚地解释如何使用产品

产品描述应该清晰、简洁和可信……有时娱乐性也有帮助。 它们需要精心制作以具有描述性并在不浪费时间的情况下增加价值。 诸如突出产品对客户的好处（而不是只关注功能）、添加感官形容词以允许读者体验副本以及通过使用要点或有趣的图标使描述可扫描等技巧可以带来好处.

创建出色产品页面的另一个原因是建立信任。 包括客户推荐或社会证明，如推文或 Instagram 照片，以产品为特色是向客户保证产品与描述一样出色的好方法。

Target 在这方面做得很好。 下面的屏幕截图显示该公司使用他们的标签#targetstyle 来宣传女性穿着的泳衣照片。

这不仅增加了产品的可信度，而且激发了社交媒体影响力的增长，并建立了您的品牌和客户忠诚度。

5. 全面拥抱响应式设计

移动流量占电子商务网站平均流量的 30% 至 40%，并且在假日购物季期间会大幅飙升。 如今，响应式模板几乎是一种标准做法，Magento 包含一个很棒的最佳实践响应式主题，但仅仅拥有一个响应式网站是不够的。

响应式网站最容易被忽视的方面是网站内容在移动设备上加载不佳。 构建目录和产品内容，使其在手机、平板电脑和台式机上完美显示。 此外，优先考虑网站元素在移动设备上的加载方式。 以桌面为中心的功能，如旋转横幅、交互式社交分享按钮和其他功能，根本不应该总是显示在移动设备上，或者可能只是不以相同的顺序显示。 例如，在移动设备上显示静态横幅而不是旋转横幅，以帮助提高性能并适应移动用户通常注意力较短的情况。

6.优化站点搜索

站点搜索可能是一个陷阱 22 – 有时商家会向第三方站点搜索提供商出售商品清单，后来发现他们的客户甚至从未使用过站点搜索功能。 其他时候，它是网站体验中被忽视的一部分，迫切需要一些关注。 在 Google Analytics 中设置站点搜索跟踪以查看人们当前使用站点搜索的频率，并根据客户人口统计数据进行优化。 有些网站有一个搜索框只是因为它包含在主题中，但它从未被使用过。 在这种情况下，最好放弃它。

跟踪网站搜索将深入了解访问者如何与您的网站互动，并允许您对可能需要的任何第三方工具做出更明智的决定。 如果您的客户将从优化的搜索功能中受益，请努力将其构建为一个有用的工具——它也将是一个很好的数据资源。 使用站点搜索实用程序，通过有用的分面导航、建议的术语和推销功能为客户提供价值。

建立一个更好的电子商务网站

所有这些步骤都有助于与客户建立信任，并且需要协同实施。 转化率优化与消除人们不购买的原因一样重要，因为它给了他们购买的理由。 电子商务网页设计中的错误不仅会降低可信度，还会降低收入。

联系我们以了解更多有关成功的用户界面设计或帮助优化您的电子商务网站的信息。