XDC干货|复杂金融产品的交易体验思考及设计

用户头像
北京/设计爱好者/2年前/9461浏览
XDC干货|复杂金融产品的交易体验思考及设计
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxNjA=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
背景现状
金融品类的交易体验设计一直是一个充满挑战的领域,尤其在雪球这样的互联网金融公司。雪球覆盖的交易品类有港股、美股、公私募基金、投顾、个人养老金等9大品类;涉及的交易类型也比较复杂,有买入、卖出、定投、转换等类型。不论是新手还是经验丰富的投资者,都需要面对复杂难懂的金融特性和多样的交易类型。基金交易流程作为支撑金融产品的关键流程之一,我们在与产品沟通、收集客服反馈与用户行为数据的过程中发现了目前雪球交易流程中的一些痛点:
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxMDg=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxNjQ=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
设计目标及策略
结合用户痛点和体验问题,我们提出4个设计目标以及对应的策略。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxMTI=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
1.对交易概念进行定义和解释,降低用户认知负荷
定义和解释交易概念:
金融产品涉及的交易概念比较复杂,我们可以通过梳理统一交易流程相关的概念、优化信息的表达方式,让用户更容易理解。
2.降低交易流程的复杂性,引导用户完成交易
交易相关的流程主要分为两种场景:
多次使用流程、一次性流程。
多次使用流程:
像买入、定投、卖出这种用户需要多次操作的交易流程不能过于冗长复杂,我们可以通过提炼页面的关键信息、设计合理的页面信息结构来减轻用户的负担,提高用户体验。
一次性流程:
像风险测评、合格认证、开户等用户只需要操作一次的流程我们不必担心步骤过长,而要确保用户在每个环节中所看到的信息都是必要且准确的。我们可以通过拆分任务步骤,让用户一步步操作,帮助他们把注意力聚焦在当前步骤上,降低其他信息的干扰。
3.抓住用户核心利益,帮助用户进行决策
许多用户并不具备专业的金融知识,所以在交易中常常出现选择困难的情况。我们应该抓住用户最在意的利益点,通过给予用户明确的提示来减轻用户的选择负担,帮助用户进行决策。
4.统一设计组件,提升设计效率,降低用户学习成本
雪球包括多种交易品类以及交易类型,交易流程的相关页面有很多不统一的设计组件及交互方式。我们通过对主流程和重要品类进行组件的优化升级,从而保障交易体验在各个端的统一性、流畅性从而降低用户的学习成本。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxNjg=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
设计实践
1.对交易概念进行定义和解释,降低用户认知负荷
定义交易概念:
我们把交易文案分为「行动概念」和「交易流程相关概念」2大类,「行动概念」按品类划分行动文案来进行统一。比如现金宝场景的资金流向就统一叫充值和提现。「交易流程相关概念」把交易方向、交易概念表达、交易状态进行梳理和统一。以此建立了一个标准化文案库,以便在各种品类中重复使用,让用户可以快速理解当前进行的交易类型。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxMTY=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
示例:
在交易详情重构的需求中,买入公募基金时,入金场景我们的行动文案都是「买入」,交易方式都是「支付方式」。交易状态也做了明确的颜色区分,并保证交易记录页和交易详情页内外交易状态的一致性。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxMjA=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
解释交易概念:
有些金融概念的的解释无法使用简短的表达清楚,可以通过补充解释说明的方式对其进行详细地阐述。并且相较于文字,可以将复杂繁多的数据和文本转变为大脑易于感知的图形、符号等,以进一步降低用户的认知负荷。
示例:
在智能定投需求中,对每种定投模式以浮层的形式进一步进行解释。并且通过净值曲线的对比图,让用户清晰地了解当前模式的定投策略。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxMjQ=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
2.降低交易流程的复杂性,引导用户完成交易
多次使用流程:
交易流程是金融产品里用户用得最多且最重要的流程,我们可以通过提炼页面的关键信息、设计合理的页面信息结构来减轻用户的负担,提高用户体验。
示例:
在做智能定投需求时,我们对第一版方案进行了用研测试,用户反馈找不到重点信息,并且不懂怎么设置参数。根据用户反馈我们又重新进行界面布局,在「选择定投方案」页面只展示用户最关心的收益率,把对模式的详细介绍收到info里,用户可以去点击查看,并且把参数设置合并,默认给用户选择收益率最高的组合,帮助用户进行决策。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxMzY=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxMzI=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
一次性流程:
很多审核流程都是用户在投资之前必须要做的,比如风险测评、合格者投资认证等。用户只需要做一次,但是这种流程往往也比较复杂。我们在设计这种流程页面时应该遵循一个页面只做一件事的原则,帮助他们把注意力聚焦,减少出错,降低客诉。
示例:
在合投优化需求中,之前版本流程中上传材料需要一次性上传7-10张材料,用户很容易上传出错,也给客服带来了很大的压力。在新的流程里我们把上传材料分为三步,并且每一步都给予用户明确的指引和提示,让用户一步步完成,减少出错的概率。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxNDA=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxNDQ=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
3.抓住用户核心利益,帮助用户进行决策
在交易流程中,用户出现选择困难时,是因为他没有找到他最在意的核心信息。用户在交易时,最关注的就是收益率、时间、资金的流转。我们要展示用户在意的核心信息,隐藏次要信息,来减轻用户的选择负担,帮助用户进行决策。
示例1:
在智能定投的交易链路中,通过文案、图形对比向用户传达智能定投的收益优势,让用户可以快速决策。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxNDg=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
示例2:
在现金宝优化的需求中,我们把现金宝的支付优势拆分为
收益优势
时间优势
极速提现
,区分场景去表达重点优势,缓解用户的焦虑。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxNTI=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
4.统一设计组件,提升设计效率,降低用户学习成本
我们做了很多交易相关的需求后发现,交易流程是金融产品里用户用得最多且最重要的流程。所以我们系统梳理了交易流程相关的组件并进行了分类,把交易输入、支付方式、支付密码、支付结果等各类模块进行了优化统一。再做新的交易需求时,可以提升设计的效率、让界面呈现更加统一,并且降低用户的学习成本。
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxNTY=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxNzI=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
结语
在雪球这样的互联网金融公司,我们坚信提供良好的的金融交易体验是成功的关键。通过优化交易体验、满足用户需求、增强品牌忠诚度,提高用户满意度,可以帮助雪球在市场中取得更大的成功。我们期待着不断迭代和改进,以满足金融市场的不断变化和用户需求的增长。
内容指导 | @Zway @默默
内容写作|@小马
排版编辑&优化 | @丸子
XDC干货|复杂金融产品的交易体验思考及设计(图ZMTQ2MzUxODA=) - 观点 - 站酷设计师雪球设计中心XDC原创素材 - 站酷ZCOOL
收藏
92
举报
|
288
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
钱包ui模板
手表表盘UI系列
智能家居中心 简约 UI设计组件库
科技医疗透明柜UI界面设计
高级感金属拟物 UI设计组件库
【新年UI图标】活动icon
森系3D渐变流体抽象矢量UI背景图
【新年UI图标】美食icon
【新年UI图标】体育icon
UI界面 组件
Security Camera UI kit
新能源APP应用UIKit
户外旅行飞机情侣假日出行
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
UI应用平面图标
UI通用设计素材1
【新年UI图标】相机icon
【新年UI图标】美妆icon
【新年UI图标】旅行icon
高级表盘系列UI源文件
我的钱包-UI界面设计-app
新拟态风格 UI设计组件库
UI 登录界面设计模板包
你可能喜欢
相关收藏夹
大家都在看
登录注册