恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
金融产品体验设计思考
0.0°
2019-03-22 原创文章 经验/观点 举报 6410 397 177 25

“互联网金融产品是一个复杂并具有一定门槛的产品。设计师需要利用设计思维和合理的设计方法向用户传递产品的安全感,降低用户对互金产品的认知难度,提升用户体验。”

Image title

与其他产品相比,互联网金融产品是个稍具门槛兼具复杂性的产品,我们在进行用户调研研究后得知:大部分用户并没有太多金融知识的储备,且防范心理较为严重。这种信息不对称的现象久而久之会导致用户对金融产品敬而远之或心生戒备。因此作为一名金融产品设计师,需要在兼顾金融产品的特殊性的基础上,打破信息的不对称,利用设计思维和方法设计体验良好的金融产品。


在此,我将结合目前工作的思考以及实际案例与大家分享,以期探讨。

Image title

用户在使用金融产品时对安全性的极度渴求是我们在日常的设计过程当中需要经常思考的一项问题。


我们知道情感的建立,往往是从认知开始,经历“认知-操作-反思”三个阶段。唐纳德诺曼也在他的《设计心理学:情感设计》一书中提到:情感的体验是由本能、行为、反思三个层面共同决定的。


首先是本能层次的设计;这是用户对产品在外形、色彩、触感等方面属性产生的较初级的情感。在app应用方面,主要的设计对象是色彩


其次是行为层次的设计;行为层的情感是用户同产品交互时所感知和操作得到的。这一层面的设计对象主要是认知的信息和操作


最后是反思层的设计;反思层的设计不仅仅是能用(本能层)和好用(行为层)层面的设计,更多的是唤起用户对产品回忆、认知自我的设计。在移动产品中这一层面的设计对象主要是反馈与提示

Image title

01 - 选择稳重的视觉色调


在体验中,色彩很容易唤起用户本能层同某一情感的联系。而在一众色系当中,蓝色色系所表示的理智、沉静等含义是最能体现出安全感的。当然,细心的你可能会发现当前金融产品中还广泛应用了红色色系。这一现象与这里阐述的并无冲突,红色色系所代表的活力、热情也是金融产品期待传达给用户的情感,仅仅是在传达过程中偏重不同罢了。

Image title


02 - 信息清晰准确、具备实时性


在金融产品中,信息最受强调的特性是其表达的准确性和实时性;这两个特性很大程度上的决定了用户对产品的信赖感,也影响了用户的去留。我们以实际页面为例:

在相同的交易结果页面当中,左侧详细地描述了交易状态、资金流动去向、产品名称及份额还有不受重视的订单号(明确的订单号有助于客服快速定位客户订单),并按优先级划分了信息层级。而右侧的结果页仅仅描述了交易订单的状态节点,其他信息诸如:资金流动去向,产品名称及份额并无描述。所以左侧的页面信息相较右侧更准确、清晰,也更让用户有信赖感。

Image title


再来看信息实时性的作用:左侧页面在刷新后底部会弹出toast提示数据更新状态,页面中的每条数据的底部也会短暂的出现渐变色条提示数据已更新。而右侧页面的数据刷新后,由于没有提示,用户会很难感知到多个数据的变动。所以左侧的页面相较于右侧在实时提示方面做的更好。

Image title


03 - 操作中的防错、容错与可控


易操作是一款产品具备良好体验的基础。在这里我们可以通过设置操作前的防错设计、操作中状态可控设计以及操作后的容错设计来帮助用户在行为层建立安全感。

例如,金额输入框的防错设计,可以做到实时提示用户输入的状态;资产数据的隐藏/显示按钮帮助用户实现数据状态的可控;金融产品购买后的撤销按钮给用户提供了一定的容错空间。

Image title


04 - 反馈及时且明确


体验良好的产品总会在恰当的时间给予恰当的反馈,不反馈、反馈不及时、反馈信息不对都会让用户产生反感情绪(反思层),从而失去用户。涉及到资金流动的金融产品的反馈如果出现以上问题,用户的反感情绪尤甚。而好的反馈后帮助用户建立起对产品的良好印象,结合金融产品的特性,好的反馈会使用户对产品产生信赖感。

Image title


Image title

Image title

基于以上理论的提出,我们针对金融产品信息本身具有一定理解难度、操作相对复杂等特性,制定出了以下四点设计解决策略以降低信息理解门槛,减少认知摩擦:


1) 简化复杂信息


2) 明确组织信息


3) 减少不必要的信息干扰


4) 简化复杂任务

Image title


01 - 简化复杂信息


针对内在认知负荷:虽然信息的数量、种类、复杂性一定程度上无法改变的,但是用户自身内部因素引起的内在认知负荷是可以降低的。如果我们将金融产品专业且复杂的信息通过图示的方式同用户大脑进行关联,也就是我们常说的信息可视化,那么认知负荷就会较低。其他一些处理办法例如将专业术语口语化,将信息碎片整合都是简化复杂信息、降低内在认知负荷的处理办法。

Image title


02 - 信息归类明确


很多时候设计师是没有办法控制页面呈现的信息多少的,金融产品尤甚,在监管要求下,许多相关的金融条款信息必须展示给用户。在这种情况下,作为设计师,我们可以通过信息的组织来保障信息用户获取大量信息的效果。结构划分合理信息层级清晰可以作为信息归类明确的两个依据。


结构划分合理

Image title


信息层级清晰

Image title


03 - 减少不必要信息的干扰 


金融产品在使用中存在诸多场景,例如注册登录、资金操作、账户操作等。许多场景中需要完成多个任务以达成目标,而不当的信息呈现和组织会造成额外的认知加工。因此我们可以通过合理的删除和隐藏不必要的信息来减少外在认知负荷的干扰。

Image title


04 - 简化复杂任务


在认知负荷理论中,J.Sweller认为在认知信息加工过程中,人的记忆容量、认知资源数量是有限的。操作任务越是复杂,用户所耗费的时间和注意力也会相应的增加。在设计当中,删除冗余步骤、转移操作对象、简化操作方式都是有效简化复杂任务的方法。


减少操作步骤


任务操作中的步骤越长,用户所投入的认知资源的数量就越多,而复杂的任务也往往来源于冗余的操作步骤。


例如在金融产品的使用过程中,支付操作是比较高频次的使用场景。这里截取支付收银台改版前后的页面进行对比。可以发现,左侧页面页面将支付方式的选项提前,这一做法避免了右侧页面不必要的页面跳转,省去了中间多余的步骤。

Image title


将复杂任务转移给系统


每一个过程都有其固定的复杂性。这一固有的复杂性无法依照我们的意愿消失,只能设法调整、平衡。而复杂性存在一个临界点,超过了这个点,过程就无法再简化了。只能将固有的复杂性从一个地方转移到另一个地方。在交互设计中,我们可以将复杂操作从用户转移给系统,让系统代替用户进行操作。


金融产品在使用中包含了许中录入数据信息的场景,例如记录用户名和密码,自动带入用户常选择的支付方式等设计细节都是通过将复杂的任务转移给系统来减轻用户的操作负担。

Image title


简化操作方式


回想一下金融产品出现指纹支付前的支付流程:我们在输入金额后,点击确定按钮跳出密码输入框,用户需要输入正确的支付密码并点击确定以后,支付流程才会结束。整个过程耗时10几秒,而指纹支付功能只需要用手指接触home键即可完成任务,这种简化的操作方式大大的优化了支付流程。


类似的方式还出现在了其他的一些场景中,例如用滑动刻度尺确定金额的方式代替输入操作能够更快地将投资收益信息反馈给用户。

Image title


Image title

人的行为并不完全是自己主动选择的,而是社会情境和个人因素双重作用下产生的。斯坦福大学的福格教授在09年提出了行为发生的模型,简单来说就是:B=MAT,即影响用户消费行为的因素有三:用户动机(M)、用户能力(A)、触发器(T)。

Image title


01 - 增强行为动机


一般而言,用户在使用互金产品时具有较强的行为动机,针对这类用户,设计师只需做到提升用户能力、设置合理的触发器即可。但存在部分随意浏览的用户,他们的使用动机并没有前一类那么强烈,而造成这一现象的根本原因是财富增值需求对这类用户而言处在马斯洛需求的较高层级,用户没有产生是对金融产品的缺乏感。


设计师可以通过以下两个策略来增强用户的行为动机:


找到人们行为背后隐藏的动机,刻意制造缺乏感,刺激并且强化;


把高层次、非刚需转化为低层次、刚需,激起消费者的生存威胁感;

Image title


02 - 提高用户能力

我们在前文提到,用户的能力一般而言是固定的,但提高能力的另一种方法可以是降低购买行为的门槛,降低消费者行为的成本。具体而言是:


降低学习成本;


降低行动成本;


降低决策成本;


前文思考二部分所提到的“降低用户理解门槛”其实也是在变相阐述如何提高用户在购买行为当中的能力,因此这里不对降低学习成本、行动成本、决策成本做过多的赘述。


03 - 设置行为触发器


在用户具备了最初的动机和行为能力后,触发器成为了用户进行购买行为的最后一环。常见的触发设置有两种:利益刺激场景刺激


1) 利益刺激用户


例如用户在购买前看到的费率折扣信息、输入金额后所看到的预期收益信息都可以算作是购买行为的触发器。

Image title


2) 场景刺激用户


比如用户在查看某一金融产品时弹出了其他用户的购买信息,那么“弹出”的购买信息就是触发器,它会一定程度上的刺激用户的购买欲。

Image title

与其他产品相比,互金产品是一个比较复杂并具有一定门槛的产品。不断更新的金融管控政策和复杂的金融业务要求设计师能够在狭缝间做好用户体验。如何利用设计思维和合理的设计方法来传递产品的安全感,降低互金产品的认知难度,提升产品转化率是我们的最终设计目标。


END


作者


奚宏伟  苏宁金融用户体验中心  交互设计师


「特长」沟通(撕逼)


「属性」Nice(耐撕)


「爱好」深夜撸图




更新:2019-03-22

收藏

397人已收藏

苏宁设计

苏宁设计,一直致力于促进用户体验行业的交流与知识分享。

  • 1

    作品

  • 179

    粉丝

  • 0

    关注

    猜你喜欢

      2019-03-22 原创文章 经验/观点 举报 6410 397 177 25

      金融产品体验设计思考

      0.0°

      你确定要举报金融产品体验设计思考

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年03月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      177
      397
      25

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录