交互式设计如何提高产品转换率？本文作者通过实例对其进行了解释。

转换率，这是互联网团队经常提到的术语。在某些团队中，转换率甚至是第一个指标。例如，电子商务和理财产品，转换率是衡量产品质量的最重要指标。 。

那么转换率通常如何定义？例如，注册转换率。如果今天有100个访问者用户进入注册页面，并且只有5个用户已成功注册，则此处的注册转换率为5％。等等，债券转换率，投资转换率，订单转换率等等。

一些设计师可能认为提高转换率更多的是操作和产品工作。实际上，转换因子是多方面的。操作手段，产品功能，用户体验和界面设计以及品牌信任都是因素。它共同决定了最终转换率的好坏。那么作为交互设计师，我们如何为提高转换率做出贡献呢？最近，作者正在做一些提高转换率的项目，然后我将讨论这个过程中的交互设计。方向。

首先介绍项目背景，作者目前正在研究一个财务管理应用程序，在当前版本的流程中出现一些问题，导致最终投资转换率一直不理想，所以我们打算开一个新版本的流程转型工作，转型思想大致是：发现问题—分析问题—设计解决方案—推送执行—数据分析—优化迭代。

　第一步：发现问题

我们通过内部数据发现，应用程序的投资转换率处于相对较低的状态。但是，如何提高投资转化率一直是我们一直在思考的问题。如下图所示，我们目前的投资转换率仅为1％不到100％的人进入投资页面。约有60人有意购买，但最终购买只有1人。这里要考虑的问题是：为什么购买成功率如此之低？这个过程有什么问题？信息的呈现是否有问题？考虑到这些问题，我尝试分析其背后的一些原因。

　第二步：分析问题

上图显示了我们当前版本产品的购买过程。根据上图中的数据反馈，从产品详细信息到购买页面，此步骤的转换率为59％，从购买页面到购买成功的转换率直接降低到1.6％。也就是说，在整个过程的第二步中存在很大的问题，这导致对用户购买成功的巨大阻力。

通常，分析问题主要考虑以下四点：框架，过程，内容和布局。按照这种思路重新组织当前版本的流程问题。

1，框架，购买投资流程页面是单一的，不涉及框架结构的问题，这里不能考虑;

2，流程，产品详情页面—购买页面—购买成功，这是理想情况下的主要过程，实际上，购买页面的逻辑比想象的复杂得多，下图是购买逻辑流程图：

从上图可以看出，用户可能在购买页面中被中断3次。首先，验证卡是否绑定。如果卡未绑定，则只能强制驱动程序绑卡。然后，如果没有钱，如果没有钱，如果没有钱。被迫引导充电;最后判断是否有交易密码，如果没有，强制交易密码。仅仅因为有太多的强制性阈值导致用户成功率非常低，这里的流程必须重新优化：

例如，绑定卡的过程，充值过程和设置交易密码的过程可以在注册时或在诸如主页的其他地方更多地暴露，使得用户可以尽早完成这些过程。尽可能减轻用户购买页面的压力;或添加其他付款方式避免了用户只能通过余额付款的尴尬局面;或者在未设置支付密码时是否可以用其他方法替换，例如要验证的SMS验证码。

尝试尽可能多地与团队中的其他同事沟通，并尽可能地探索这些问题背后的真正原因，因为某些解决方案可能涉及公司自己的业务流程或技术实施问题，您必须至少确保你的计划结束了。它实际上是可执行的。

3，内容，实际上页面所携带的内容也很重要，当前版本的产品详情页面和购买页面内容有些混乱，信息不是主要和次要的，视觉信息不够充分引导下，用户真正关心的内容不是很好展现出来。

4，布局，页面布局主要与内容相结合，信息重要性从左到右，从上到下依次减少;操作的重要性从左到右，从上到下增加。一些法律原则，如一致性原则，菲茨定律，希克定律等，可以参考交互设计的七个定律和尼尔森的十个可用性原则，这里不再重复。

　　第三步：设计方案

在分析问题之后，您可以开始设计并首先重新优化流程。

这是优化的操作流程，用户的操作路径分为浏览产品细节—点击购买—输入金额—选择付款方式—点击付款按钮—短信验证码或输入交易密码— 。

整个用户操作过程畅通无阻，最大限度地减少了不必要的过程干扰，并将支付方式添加到第三方支付（微信支付），并且可以快速完成交易密码而无需强制用户绑定卡和交易密码不是强制性的。未通过SMS验证码验证未设置交易密码的用户，从而提高了用户在购买过程中的效率。

然后，根据上述过程，重新组织单页面布局和内容。经过仔细思考和多次探索后，产品详细信息页面和购买页面最终进行了重组：

产品详细信息页面的设计考虑到了这一点：产品详细信息页面是确定用户是否投资的关键页面。就像在超市购买实物商品一样，用户在购买理财产品时也会知道利润率，时间限制和利润。金额，优惠的可用性，产品的安全性等。现在模拟用户访问超市的心理场景，用户选择货架上喜欢的物品，综合比较后选择一个，看看细节，价格，重量，比较成本表现，是否有活动折扣，商品质量如何，销售量，销售后如何等等。

经过一系列的考虑和选择，用户感觉很好，然后放入购物车，最后安顿下来。同样，我们用购买理财产品取代现场：用户在金融平台上浏览产品——找到一个有吸引力的产品——输入产品详细信息以了解——看看收益率，投资期限多少，加息多少——如果我投资，我可以赚多少钱？ ——是否还有其他活动折扣——我什么时候开始购买？什么时候可以开始购买—&mdash产品安全性如何，您能保证我的钱安全吗？看看其他人投入了多少（用户的群体心态）——你能清楚地了解投资后的资金趋势吗？ —在考虑之后，我感觉很好......——去购买——然后投资成功。

因此，根据这个想法，我将产品详细信息页面分为五个主要部分，从上到下，收入利率部分，收入估算部分，活动折扣部分，投资规则部分和产品安全部分。

收入增长率主要表现为产品的基本收益率信息和加息情况;收入估计允许用户快速计算实际收入情况;活动折扣入口是预先定位的，以便可以提前暴露门户，以便用户可以快速了解哪些可以使用。优惠券;产品详细信息包括大量文本信息，如资产内容。这里仅提取用户最关心的投资时间节点信息;资产安全区以三个维度显示，即投资记录，常见问题和安全保障。增加用户安全性和信任的维度。

同一个购买页面也很重要，上面的过程已经说过添加了第三方的微信支付，优点是用户可以尽快完成购买投资，而不必强迫用户绑定真实姓名。在信息重构和页面布局方面，内容仍然分为3个区块，从上到下，金额输入和预期收入区块，优惠券选择区块和支付方式区块，从认知心理学角度来看。视图。根据用户的期望，输入购买金额——选择优惠券——选择付款方式——确认购买。

这里的一个新想法是输入金额，同时显示预期收益，并将收益分成投资收益和息票收入，以便用户可以清楚地了解每个收入的来源和细节。

在设计此页面时，有两点与其他同事不同。第一个是关于优惠券选择。一种解决方案是用户默认选择优惠券，另一种是让用户手动选择优惠券。第一种选择具有减少用户操作的优点，而第二种选择增加了用户操作成本，但它也从用户的心理角度增加了用户的快乐感。但是，需要选择更多数据的具体方法。分析。

另一个不同意见点是付款方式的显示。一种解决方案是现在扩展所有这些，另一种解决方案是使用浮动层，如下所示：

这两个项目各有优势，但最终选择了第一项。没有提到这个细节。事实上，在设计过程中，您会发现看似简单的购买页面包含非常复杂的逻辑规则。这三个内容彼此相关并包含约束。有必要考虑各种可能的错误。在如何避免用户犯错误的情况下，优惠券显示规则在不同金额的情况下是不同的。输入不同的付款方式时，默认选择规则不同。细节不再在这里。讲述它。

在设计过程和页面之后，将过程和页面串在一起以产生最终的交互式文档。

项目设计完成后，该项目将与产品，设计和开发合作实施，直至最后一道操作。新计划推出后，我们将数据从最初的1％增加到原来的7％的3.2％。虽然增幅不是特别大，但数据仍然证明我们的思路和方向是正确的。接下来，我们将继续优化迭代并探索更多新的想法和方向。

本文最初由@小米渣发布，每个人都是产品经理。未经许可，禁止复制。

该地图来自unsplash，基于CC0协议

« 初创企业每个月也可以赚到一百万美元？ 22官方微开源引擎与合作伙伴共创辉煌！ | 创业产品用户分享0到5000经验，种子用户怎么来？ »