实例分享:交互设计如何赋予产品安全感

实例分享:交互设计如何赋予产品安全感

作者:高广淦

全文共 4235 字,阅读需要 8 分钟

—— BEGIN ——

做互联网金融交互设计的这两年,也算是用过上百款竞品了。尤其是一开始做设计的时候,满世界的下载注册体验竞品,以至于我这两年的投资收益还是很可观的,哈哈!


另外,当产品经理跟我提各种新需求时,听他讲完一遍基本就能知道当前需求的漏洞在哪里,还有哪些需要进一步确认的问题,就知道这个需求大概做成什么样,哪家产品这个功能做得好,哪家也刚更新了这个功能……


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


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


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


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


实例分享:交互设计如何赋予产品安全感


1. 页面显示认购成功,但是具体起息日待定,待整个项目投满后的下一天起息。那么,什么时候项目才能募集满呢?不知道。可以想象这样的提示会给用户带来多大的疑虑。


2. 在“我的账户”页面(中间的页面),2天内这笔钱一直在“当前资产价值”里面,没有显示在认购项目中。用户一定会有疑虑,因为用户不清楚该笔资金什么时候才算投资到项目中开始生息,如果用户当时在投资成功时没有看到那一行“预计计息日项目投满日+1”的灰字,根本查不到关于该笔资产的认购详情,甚至怀疑自己有没有做过投资的操作。在这个过程中,用户对自己的资金完全没有掌控感,对未来要发生的有疑虑,甚至产生恐惧。


3. 再看第三个页面,产品生息过程中,待回款项目中显示“遇节假日,顺延还款”,可是当时支付成功的页面(第一页)明明高亮显示的是“遇节假日正常还款”。这样严重的错误是致命的,文案提示的一致性、产品规则的明确统一,都是用户体验非常重要的一部分,交互设计师的工作绝不仅仅是考虑文案显示应该如何高亮显眼。


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


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


实例分享:交互设计如何赋予产品安全感


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


  • 我充值的钱怎么还没有到账?

  • 钱扣了,产品申购怎么还没有成功?还要等多久呢?

  • 昨天就提现了,可是钱还没有回到银行卡上,可是资产里面显示钱已经少了,我的钱去哪里了呢?

  • 产品到期了,怎么还没给我回款?

  • 买了要等多久产生收益?

  • 买完钱去哪里了?

  • 流程怎么这么复杂?

……


二、该如何解决呢?


用户在投资过程中,容易在各个环节产生在途资金。一旦用户在任何一个环节不知道自己的在途资金去向时,就会有疑问,甚至产生恐惧。


因此,明确展示用户资金的当前状态及去向就尤为重要。


这就要求交互设计师需要掌握明确的用户资金场景流动,然后再去做相关的设计。


1. 明确资金的各交易节点


实例分享:交互设计如何赋予产品安全感


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


  • 充值申请提交成功

  • 充值成功

  • 产品购买申请提交成功

  • 产品购买成功

  • 产品待生息

  • 产品生息中

  • 产品到期

  • 到期产品回款中

  • 提现申请提交成功

  • 提现成功


2. 如何设计页面?


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


a.购买申请提交成功——购买成功环节


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


实例分享:交互设计如何赋予产品安全感


有些设计师会认为用户的投资流程到这里就结束了,但是在真实的场景中,用户在申请提交成功后,会去资产页面确认一下自己投资的项目,才会觉得心安。


因此当用户关闭掉“结果详情页”时,需引导用户进入资产页面,向用户展示申购处理中状态(如下图)。


如果不展示出来,投资项目里没有该笔资产,关闭了结果详情页后,用户不知道该笔资金去了哪里?有没有投资成功?什么时候能够成功?


实例分享:交互设计如何赋予产品安全感


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


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


产品在申购成功后,我们平台是申购成功后的下一个工作日生息,上文案例中就是产品募集满后的下一个工作日生息,也有其他平台是固定某一个日期统一生息。


那么在产品购买成功后到产品正式生息之前,一定要向用户展示清楚这个过渡的状态,如下图。


实例分享:交互设计如何赋予产品安全感


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


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


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


实例分享:交互设计如何赋予产品安全感

d.产品到期还款中环节


当产品到期时,还款一般在1-3个工作日内到达用户的账户余额。如果设计得不到位,这会是客服最容易接到电话的时候。


如下图,遇到周末就连续3天向用户展示“0天后到期”,用户就会产生疑问,明明早就到期了,怎么钱还没有出来呢?


实例分享:交互设计如何赋予产品安全感


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


实例分享:交互设计如何赋予产品安全感


e.提现申请提交成功——提现成功


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


实例分享:交互设计如何赋予产品安全感


当用户离开该结果详情页面后,如果银行还在确认中,用户到哪里去查看呢?


一个工作日内到账,用户有可能需要等待1天,遇到节假日需要等待3天甚至更多的时间,在此期间,账户的金额减少了,但是资金迟迟不到账,又没有地方查看提现进度,用户就会产生疑问和困惑。


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


实例分享:交互设计如何赋予产品安全感


三、总结


互金产品交易流程偏复杂,越是复杂,设计师就越需要向用户展示资金的明确状态及去向,让用户对自己的资金有掌控感。


我们也相信,只要交互设计师明确用户使用场景和资金的流向,在每一个环节都让用户一目了然,用户会从这清晰的资金流向中收获来自设计的安全感。


谢谢:)

—— END ——

作者:高广淦,交互设计师;  微信公众号:交互视角

本文由 @高广淦 原创发布于人人都是产品经理。未经许可,禁止转载

实例分享:交互设计如何赋予产品安全感

点击“阅读原文”下载APP

原创文章,作者:Tinadmin,如若转载,请注明出处:https://www.iamue.com/20884/

(0)
TinadminTinadmin
上一篇 2017-08-04 06:25
下一篇 2017-08-04 06:42

相关推荐

  • 零基础学习交互设计先从这些知识开始!

    @黄红艺Designer :交互设计三部曲终于写到最后了,今天聊聊交互设计的最后一个要素 —— 交互细节设计。本要素是在前两个要素指导下的设计实践,也是交互设计可视化与形象化的关键。相对于前两个要素的完整性和系统…

    2017-08-02
  • 交互设计GSM数据模型浅析

    交互设计GSM数据模型浅析GSM Data Model Analysis Of Interaction Design你是否记得:“那年那天那间会议室,激情四射,实际是射击狮与产品狗在设计方案上斗的你死我活”你是否还记得:“老板、甲方、PM对你的质疑:设…

    2017-08-04
  • 交互设计真的很难学吗?

    头几年的时候提到交互设计,大家的脑海里面都会莫名的飘过一张流程图。现在重新提起来交互设计,甲方+老大都会先问你这个产品的场景是什么?为什么大家都开始注重场景,场景究竟是个什么东东?今天给你介绍点干货。…

    2017-08-04
  • 帅气的YouTube改版交互设计,获Adobe大奖

    美国设计师Ziarekenya Smith为Youtube制作的概念交互设计,获得2014年Adobe设计大奖。项目视频↓↓↓Ziarekenya Smith一人承担了设计、动画、音效所有内容.新Logo,一个简洁的取景器,更强调用户UGC特色新的登录页面新…

    2017-08-02
  • 为什么我推荐使用Flinto做高保真交互设计稿?

    静电说:其实Flinto并不算一个新鲜的工具了,但是感觉在设计师中的流行程度并不高,可能是这个工具一直很低调的原因吧。在16年初,Flinto还只是个可以做连连看的工具,跟其它同类型的工具并没有太多的区别。但是随…

    2017-08-01
  • 【UE&用户体验面试题】阿里巴巴 2015 用户体验专员实习生笔试题

    阿里巴巴 2015 用户体验专员实习生笔试题 1.某购物网站是大陆市场的领导者,为了扩展台湾市场,专门推出了该网站的台湾版并已上线。为了在台湾竞争激烈的电商 环境中脱引而出,吸引更多从未使用过该网站的台湾用户…

    2015-07-30
  • 破茧成蝶读书笔记

    01什么是用户体验  用户体验:使用一个产品时的主观感受 用户体验设计:提升用户体验而做的设计 书中讲到首先我们要明确什么是设计?设计不等于艺术。我了解到的是,设计是解决问题的,艺术是提出问题的。 书中两口…

  • Don't make me think 读书总结

       这本书算是一本很入门的交互设计图书,很多内容其实都是通过以前的积累已经知道的内容。我相信对于大家来说,“要记得在每个页面上加导航栏”这种提醒已经不需要了。所以,我在下面列出一些看完过后,觉得可以温习…

    2015-08-20
  • 交互设计的五要素

    在公众号里经常收到朋友的留言,到底什么是交互设计师?交互设计师具体是干什么的?为什么很多互联网公司都没有交互设计师这个岗位?希望通过这篇文章把交互的本质说清道明。互联网产品与需求早晨迎着第一缕阳光醒…

    2017-08-04
  • 交互设计用户模型建立

    点击信息与交互设计关注我们!Persona交互设计用户模型建立:一、什么是用户模型?Persona([pə:'səunə]):(Persona是用户模型的的简称)是虚构出的一个用户用来代表一个用户群。一个persona可以比任何一个真实…

    2017-08-01