实战经验!交互设计如何赋予产品安全感?

互金产品交互设计 有其特殊性,比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位,而设计的优劣会直接影响用户的安全感 受。

文章目录[隐藏]

实战经验!交互设计如何赋予产品安全感?

互金产品交互设计有其特殊性,比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位,而设计的优劣会直接影响用户的安全感受。

做互联网金融交互设计的这两年,也算是用过上百款竞品了。尤其是一开始做设计的时候,满世界的下载注册体验竞品,以至于我这两年的投资收益还是很可观的,哈哈!另外,当产品经理跟我提各种新需求时,听他讲完一遍基本就能知道当前需求的漏洞在哪里,还有哪些需要进一步确认的问题,就知道这个需求大概做成什么样,哪家产品这个功能做得好,哪家也刚更新了这个功能……

互金产品交互设计有其特殊性,比如流程偏复杂、错误包容度低、迭代偏保守、信息层面限制多。互金平台投资三大要素收益、安全、流动性中安全应该排在首位,而设计的优劣会直接影响用户的安全感受。

今天就来谈谈如何通过资金交易关键节点的设计来赋予产品安全感。先从最近投资的一家竞品的案例说起。

一. 用户会在资金流动过程中遇到哪些问题?

案例:在某平台购买了一笔定期产品。购买成功后出现下图的第一个页面:

实战经验!交互设计如何赋予产品安全感?

  • 页面显示认购成功,但是具体起息日待定,待整个项目投满后的下一天起息。那么,什么时候项目才能募集满呢?不知道。可以想象这样的提示会给用户带来多大的疑虑。
  • 在“我的账户”页面(中间的页面),2天内这笔钱一直在“当前资产价值”里面,没有显示在认购项目中。用户一定会有疑虑,因为用户不清楚该笔资金什么时候才算投资到项目中开始生息,如果用户当时在投资成功时没有看到那一行“预计计息日项目投满日+1”的灰字,根本查不到关于该笔资产的认购详情,甚至怀疑自己有没有做过投资的操作。在这个过程中,用户对自己的资金完全没有掌控感,对未来要发生的有疑虑,甚至产生恐惧。
  • 再看第三个页面,产品生息过程中,待回款项目中显示“遇节假日,顺延还款”,可是当时支付成功的页面(第一页)明明高亮显示的是“遇节假日正常还款”。这样严重的错误是致命的,文案提示的一致性、产品规则的明确统一,都是用户体验非常重要的一部分,交互设计师的工作绝不仅仅是考虑文案显示应该如何高亮显眼。

案例中的问题主要是出在对于用户交易过程中资金的当前状态及去向展示不明确,令用户对资金没有掌控感,导致用户产生困惑和不安全感。这与互金产品的流程偏复杂有关。

下面我们来梳理一下,在互金产品中,一个新用户来投资需要经过哪些复杂的流程。

实战经验!交互设计如何赋予产品安全感?

用户在此过程中经常会遇到以下的问题:

  • 我充值的钱怎么还没有到账?
  • 钱扣了,产品申购怎么还没有成功?还要等多久呢?
  • 昨天就提现了,可是钱还没有回到银行卡上,可是资产里面显示钱已经少了,我的钱去哪里了呢?
  • 已经少了,我的钱去哪里了呢?
  • 产品到期了,怎么还没给我回款?
  • 买了要等多久产生收益?
  • 买完钱去哪里了?
  • 流程怎么这么复杂?

二. 交互设计师该如何解决呢?

用户在投资过程中,容易在各个环节产生在途资金。一旦用户在任何一个环节不知道自己的在途资金去向时,就会有疑问,甚至产生恐惧。因此明确展示用户资金的当前状态及去向就尤为重要。这就要求交互设计师需要掌握明确的用户资金场景流动,然后再去做相关的设计。

明确资金的各交易节点

实战经验!交互设计如何赋予产品安全感?

在上图用户从注册到提现完成的流程中,用户资金交易关键节点如下:

  • 充值申请提交成功
  • 充值成功
  • 产品购买申请提交成功
  • 产品购买成功
  • 产品待生息
  • 产品生息中
  • 产品到期
  • 到期产品回款中
  • 提现申请提交成功
  • 提现成功

如何设计页面?

按照上文提到的各交易节点来逐一进行设计。

  • 购买申请提交成功——购买成功环节

进入投资页面,用户输入金额并支付完成后跳转至结果页面,向用户反馈操作已经成功,并告知用户接下来需要系统的处理(审核确认),并且告知预计投资成功的时间,如下图。

实战经验!交互设计如何赋予产品安全感?

有些设计师会认为用户的投资流程到这里就结束了,但是在真实的场景中,用户在申请提交成功后,会去资产页面确认一下自己投资的项目,才会觉得心安。因此当用户关闭掉“结果详情页”时,需引导用户进入资产页面,向用户展示申购处理中状态(如下图)。如果不展示出来,投资项目里没有该笔资产,关闭了结果详情页后,用户不知道该笔资金去了哪里?有没有投资成功?什么时候能够成功?

实战经验!交互设计如何赋予产品安全感?

当系统审核通过后,可以通过短信或站内信等形式及时告知用户。

  • 购买成功——产品待生息环节

产品在申购成功后,我们平台是申购成功后的下一个工作日生息,上文案例中就是产品募集满后的下一个工作日生息,也有其他平台是固定某一个日期统一生息。那么在产品购买成功后到产品正式生息之前,一定要向用户展示清楚这个过渡的状态。

实战经验!交互设计如何赋予产品安全感?

而上文案例中产品待起息时,没有展示在列表中,还在账户余额中,用户也不知道自己买的产品哪一天能够生息,甚至怀疑自己是否有购买成功。

产品生息中——产品到期环节

产品生息过程中资金锁定,到期后才能还款。这一阶段中,可以向用户展示距离还款还剩多少天。

实战经验!交互设计如何赋予产品安全感?

  • 产品到期还款中环节

当产品到期时,还款一般在1-3个工作日内到达用户的账户余额。如果设计得不到位,这会是客服最容易接到电话的时候。如下图,遇到周末就连续3天向用户展示“0天后到期”,用户就会产生疑问,明明早就到期了,怎么钱还没有出来呢?

实战经验!交互设计如何赋予产品安全感?

应该明确向用户展示还款中状态,并明确告知还款规则,如“工作日当期还款,与周末或节假日需顺延至下个工作日”。

实战经验!交互设计如何赋予产品安全感?

  • 提现申请提交成功——提现成功

用户在提现页面输入提现金额并提交提现申请后,在结果页面需要向用户显示当前所属的环节,接下来是什么流程,预计提现完成的时间是什么时候。

实战经验!交互设计如何赋予产品安全感?

当用户离开该结果详情页面后,如果银行还在确认中,用户到哪里去查看呢?一个工作日内到账,用户有可能需要等待1天,遇到节假日需要等待3天甚至更多的时间,在此期间,账户的金额减少了,但是资金迟迟不到账,又没有地方查看提现进度,用户就会产生疑问和困惑。

因此在设计上需要将资金的去向进度展示出来,在用户等待的过程中,向用户展示我们正在处理该笔资金,让用户始终对自己的资金有掌控感。

实战经验!交互设计如何赋予产品安全感?

三. 总结

互金产品交易流程偏复杂,越是复杂,设计师就越需要向用户展示资金的明确状态及去向,让用户对自己的资金有掌控感。我们也相信,只要交互设计师明确用户使用场景和资金的流向,在每一个环节都让用户一目了然,用户会从这清晰的资金流向中收获来自设计的安全感。

欢迎关注作者的微信公众号:「交互视角」

实战经验!交互设计如何赋予产品安全感?

「提升产品设计安全感的方法」

  1. 《4000多字的长文,几乎总结了所有「让用户信任」的设计方法》
  2. 《理清思路!如何从头打造让用户真正信任的界面》

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

原创文章,作者:震天下,如若转载,请注明出处:https://www.iamue.com/20373/

(0)
震天下震天下
上一篇 2017-08-02 14:33
下一篇 2017-08-02 15:40

相关推荐

  • 善用Axure写PRD:产品逻辑的五种呈现方法

    每天一篇好文章,2018年第2期不管是APP、web网站还是pc客户端的软件,流程&页面&交互&逻辑始终是最重要的几环,分享一下我呈现逻辑的几种方法,大部分PM应该也采用过类似的方法。一、直接不写逻辑最开始根本没有写逻辑的概念,只是用交互事件加上基本的页面跳转。当技术童鞋来问的时候,口述给他。经常会被鄙视。二、直接写到页面里开始学乖了,把一些逻辑直接写到页面里。不过很快就发现了弊病,某些逻辑不应该呈现给用户,只能给前后端童鞋看。同时也造...

    2018-03-27
  • 有些话并不必说

    路边报亭挂着一块牌子:“本报亭有售雨伞10-30元”。这个表达有些啰嗦了,只需要写:“雨伞:10-30元”。 饭馆门口的告示:“诚聘西餐大厨,月薪XXXXXX,有意者请联系,电话:1350000XXX”。其中的“有意者请联系”是可以不…

    2016-05-31
  • 未来交互设计:初心未变,可用的新视角

    Terry Cao是UXPin(一款线框图与原型制作APP)的内容策略专家。要了解如何掌握现在交互设计的艺术,可以参考免费的电子书籍《Interaction Design Best Practices》。这本书中含AirBnB、 Google、 Apple、Etsy 以及…

    2015-11-08
  • 实例分析:运营活动项目中交互设计的4大维度

    文章以作者最近做的一个会员卡绑定激活的运营活动作为案例,总结了交互设计中的一些“套路”。我:这是什么个需求?
    pm:一个会员卡激活绑定的流程页。
    我:会员卡是什么东西?
    pm:这是一个实体卡,是我们平台用户升级为会员用的,上面有logo,卡号和密码图层我:这卡是怎么来的?
    pm:平台通过线下运营活动给平台老用户进行的福利或者用户进行购买获得。
    我:会员卡有什么用?
    pm:激活后可以将帐号升级为会员(类似qq会员那种)
    我:用户要怎么才能激活?
    pm:通过扫描会员卡后面的二维码来进行激活。
    我:激活后又会怎样?
    pm:激活后用户升级为会员,能享受各种xxxxx牛逼的特权。
    我:为什么要做这个需求?
    pm:让我们平台用户能够升级为会员,然后就…….
    我:额……

    2017-04-30
  • 打造一个平台的用户体验,从需求方和供给方入手

    这几年做平台,我一直在思考平台的价值究竟是什么?后来我认识到:满足供需双方的需求,提供超越传统线下方式的用户体验,就是平台的价值。平台圈住的用户并不是它的价值,而是因为这个平台具备价值,所以用户愿意留在这个平台上。

    2017-05-11
  • 在Axure中,如何用动态面板实现banner的轮播效果(附Axure教程及软件)

    axure功能太强大,动态面板可能已经搞得你头晕眼花了,更别提7.0版本的中继器了。废话不多说,还是和大家分享一下动态面板实现banner轮播的效果,对动态面板还不熟的,不妨来看看这个效果的制作过程,然后自己试着做一做,绝对增加自己的信心。就拿某宝首页banner轮播效果为例进行说明:1前期线稿图,部件准备01先画个大概的位置线框图,如下图所示,做了3张banner的轮播效果02banner位置的占位符转换为动态面板(鼠标右键,转换动态...

    2018-03-06
  • Axure RP 7.0 安装教程

    Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。•可以在公众号后台回复『042』或『Axure RP』获取下载链接。安装步骤:❶下载并解压安装包。❷双击安装程序。❸同意,并下一步。❹选择安装路径,下一步。❺下一步。❻取消勾选,点击Finish结...

    2018-03-20
  • 这7个趋势,也许是2017年电商用户体验设计的关键

    沉浸式体验,虚拟助手,个性化的购物体验,这些都是未来的购物方式的进化方向,影响用户购买的因素更加复杂,而大数据则能够在各个不同的环节帮助电商从业者预测用户的行为与口味。所有这些因素都和用户体验相关,同时,它们也意味着,电商行业任重而道远。

    2017-05-13
  • 百度UED:运营设计那些事儿

    数十万互联网从业者的共同关注!作者:百度搜索用户体验中心 授权早读课发表,转载请注明出处。在现如今的社会中,每天都在进行着一场场没有硝烟的商战。运营设计则是至关重要的一部分。那么怎么才能做出一个好的运营设计或者一个相对比较成功的运营设计呢?我们要知道设计的目的。设计的目的是什么?设计核心在于能够让用户在有限的时间内Get最有价值的信息,找到所得,从而实现转化。知道设计的目的了,在项目中自然形成了一些思路流程。1、需求分析需求分析分为:产...

    2018-01-31
  • 交互设计的闭环体验

    交互闭环体验的定义交互设计的闭环体验体现在产品的每个功能的细节上,产品可以看作是一整套交互的集合。一般只涉及一种使用场景的交互,只体现为一种功能,且只完成一件事。比如:修改设置、上传文件、设定闹钟、更改密码、打开家用电器、登录、设置状态消息、收藏等。交互设计的闭环体验主要由4方面构成:触发控件:交互闭环的起始点设计规则:交互闭环所遵循的交互方式信息反馈:用户与产品的互动过程关闭(循环)模式:交互闭环过程的结束(循环)模式交互闭环体验的定...

    2018-02-14