想做好复杂金融产品的交易体验设计？来收藏优秀模版！

一、背景现状

金融品类的交易体验设计一直是一个充满挑战的领域，尤其在雪球这样的互联网金融公司。雪球覆盖的交易品类有港股、美股、公私募基金、投顾、个人养老金等 9 大品类；涉及的交易类型也比较复杂，有买入、卖出、定投、转换等类型。不论是新手还是经验丰富的投资者，都需要面对复杂难懂的金融特性和多样的交易类型。

往期案例：

基金交易流程作为支撑金融产品的关键流程之一，我们在与产品沟通、收集客服反馈与用户行为数据的过程中发现了目前雪球交易流程中的一些痛点：

二、设计目标及策略

结合用户痛点和体验问题，我们提出 4 个设计目标以及对应的策略。

1. 对交易概念进行定义和解释，降低用户认知负荷

定义和解释交易概念：金融产品涉及的交易概念比较复杂，我们可以通过梳理统一交易流程相关的概念、优化信息的表达方式，让用户更容易理解。

2. 降低交易流程的复杂性，引导用户完成交易

交易相关的流程主要分为两种场景：多次使用流程、一次性流程。

多次使用流程：像买入、定投、卖出这种用户需要多次操作的交易流程不能过于冗长复杂，我们可以通过提炼页面的关键信息、设计合理的页面信息结构来减轻用户的负担，提高用户体验。

一次性流程：像风险测评、合格认证、开户等用户只需要操作一次的流程我们不必担心步骤过长，而要确保用户在每个环节中所看到的信息都是必要且准确的。我们可以通过拆分任务步骤，让用户一步步操作，帮助他们把注意力聚焦在当前步骤上，降低其他信息的干扰。

3. 抓住用户核心利益，帮助用户进行决策

许多用户并不具备专业的金融知识，所以在交易中常常出现选择困难的情况。我们应该抓住用户最在意的利益点，通过给予用户明确的提示来减轻用户的选择负担，帮助用户进行决策。

4. 统一设计组件，提升设计效率，降低用户学习成本

雪球包括多种交易品类以及交易类型，交易流程的相关页面有很多不统一的设计组件及交互方式。我们通过对主流程和重要品类进行组件的优化升级，从而保障交易体验在各个端的统一性、流畅性从而降低用户的学习成本。

三、设计实践

1. 对交易概念进行定义和解释，降低用户认知负荷

定义交易概念：我们把交易文案分为「行动概念」和「交易流程相关概念」2 大类，「行动概念」按品类划分行动文案来进行统一。比如现金宝场景的资金流向就统一叫充值和提现。「交易流程相关概念」把交易方向、交易概念表达、交易状态进行梳理和统一。以此建立了一个标准化文案库，以便在各种品类中重复使用，让用户可以快速理解当前进行的交易类型。

示例：在交易详情重构的需求中，买入公募基金时，入金场景我们的行动文案都是「买入」，交易方式都是「支付方式」。交易状态也做了明确的颜色区分，并保证交易记录页和交易详情页内外交易状态的一致性。

解释交易概念：有些金融概念的的解释无法使用简短的表达清楚，可以通过补充解释说明的方式对其进行详细地阐述。并且相较于文字，可以将复杂繁多的数据和文本转变为大脑易于感知的图形、符号等，以进一步降低用户的认知负荷。

示例：在智能定投需求中，对每种定投模式以浮层的形式进一步进行解释。并且通过净值曲线的对比图，让用户清晰地了解当前模式的定投策略。

2. 降低交易流程的复杂性，引导用户完成交易

多次使用流程：交易流程是金融产品里用户用得最多且最重要的流程，我们可以通过提炼页面的关键信息、设计合理的页面信息结构来减轻用户的负担，提高用户体验。

示例：在做智能定投需求时，我们对第一版方案进行了用研测试，用户反馈找不到重点信息，并且不懂怎么设置参数。根据用户反馈我们又重新进行界面布局，在「选择定投方案」页面只展示用户最关心的收益率，把对模式的详细介绍收到 info 里，用户可以去点击查看，并且把参数设置合并，默认给用户选择收益率最高的组合，帮助用户进行决策。

一次性流程：很多审核流程都是用户在投资之前必须要做的，比如风险测评、合格者投资认证等。用户只需要做一次，但是这种流程往往也比较复杂。我们在设计这种流程页面时应该遵循一个页面只做一件事的原则，帮助他们把注意力聚焦，减少出错，降低客诉。

示例：在合投优化需求中，之前版本流程中上传材料需要一次性上传 7-10 张材料，用户很容易上传出错，也给客服带来了很大的压力。在新的流程里我们把上传材料分为三步，并且每一步都给予用户明确的指引和提示，让用户一步步完成，减少出错的概率。

3. 抓住用户核心利益，帮助用户进行决策

在交易流程中，用户出现选择困难时，是因为他没有找到他最在意的核心信息。用户在交易时，最关注的就是收益率、时间、资金的流转。我们要展示用户在意的核心信息，隐藏次要信息，来减轻用户的选择负担，帮助用户进行决策。

示例 1：在智能定投的交易链路中，通过文案、图形对比向用户传达智能定投的收益优势，让用户可以快速决策。

示例 2：在现金宝优化的需求中，我们把现金宝的支付优势拆分为收益优势、时间优势和极速提现，区分场景去表达重点优势，缓解用户的焦虑。

4.统一设计组件，提升设计效率，降低用户学习成本

我们做了很多交易相关的需求后发现，交易流程是金融产品里用户用得最多且最重要的流程。所以我们系统梳理了交易流程相关的组件并进行了分类，把交易输入、支付方式、支付密码、支付结果等各类模块进行了优化统一。再做新的交易需求时，可以提升设计的效率、让界面呈现更加统一，并且降低用户的学习成本。

结语

在雪球这样的互联网金融公司，我们坚信提供良好的的金融交易体验是成功的关键。通过优化交易体验、满足用户需求、增强品牌忠诚度，提高用户满意度，可以帮助雪球在市场中取得更大的成功。我们期待着不断迭代和改进，以满足金融市场的不断变化和用户需求的增长。

欢迎关注作者的微信公众号：「雪球设计中心XDC」