案例分析|支付购买流程的UX优化环亚娱乐ag88
来源:http://www.mysmile8.com 责任编辑:环亚娱乐ag88 更新日期:2018-10-30 10:51

  本文作者以“宜信优选2年期”为产品案例,推导出2个UX设计方案。enjoy~

  在做框架设计与加减乘除合并同类项之前,梳理业务与产品逻辑对于复杂的流程界面来说是至关重要的。

  我们举个例子来说明问题,举例的这个产品叫做“宜信优选2年期”,是个P2P理财固收产品。

  结合购买流程相关页面,我们可以把产品使用逻辑梳理按用户情况分为以下2种:

  这里我们可以归纳出在该产品的实际购买流程中涉及到2个核心功能操作(买入金额输入+支付)和核心功能操作反馈(支付状态),3个辅助功能(银行卡选择、优惠券选择与回款方式选择)。

  其中我们按照流程设计中的timeline设计法,依据用户使用的流程时间顺序归类,用户依次操作心理排序应为:确认产品信息——输入购买金额——看看预期回报金额——是否有优惠券可用——去支付——支付是否成功——到期钱会回到哪里——好,我确认。环亚娱乐ag88

  依据线上的界面设计,完全可以看出产品原型还原度很高,简单粗暴的以2个核心页(购买流程+支付结果)+2个触发子页面(支付方式+优惠券)+完成产品购买。

  这样中规中矩的框架设计,是很多产品在设计中的保险选择,但事实上随着用户使用挑剔度的提升,以及越来越高效快速的生活节奏,也许我们在框架设计上也可以更多尝试与突破。

  把核心操作进行一个拆分的话,我们就可以得到一个全新的方案。3个核心页(金额输入+支付+支付结果)+1个触发子页面(优惠券)。

  这样的一个拆分设计应该是更好的用户使用体验的,将购买流程清晰化,核心功能最大化突出,使购买过程变加一条线操作。精彩案例:卡斯特?卡柏莱的“为

  但这样一个看上去用户体验极佳的流程设计却有着一定的商业转换率问题,产品们最害怕的事情便是一部分用户在多出来的这一个购买步骤中流失了,而具体数据的变化反馈我们大概也能从百度理财的变化中猜出来,拆分设计在商业设计的目标中战败了。

  其实个人认为可以把设计上的层级划分理解为一个合并同类项+排序的过程。秉承”dont make me think的用户体验原则,从界面视觉表达上简化繁杂信息更利于用户高效获得重要信息,进而促成”买单“行为。

  而这个简化信息的处理不仅仅只是做加法与减法,更多的在于信息的合并与折叠。

  我们回到之前举例的这个产品,遇到火灾要怎样正确报警与自救消防全国...,对于线上的界面设计来说,所有的信息都是平铺的方式展现,并没有进行信息的层级划分。分析以后我们可以将页面信息合并分为3大块:出借金额与收益、支付方式、优惠券。

  支付方式中与充值操作结果对于用户购买来说是没有区别的,可以折叠在一个子页面模块展示:2种支付方式(我的余额OR银行卡)

  再进行优先级的排序后,页面的模块展示依次为:出借金额与收益、优惠券、支付方式。

  在之前的文章(新项目设计0-1的正确开启方式)里也有提及过,分割线框架设计的优劣点,分割线设计更适合信息密集且强调信息展示效率的产品,但会对界面带来很强的割裂感,从而干扰阅读。

  在这里,我们可以利用模块化面与面间的间隔替代一部分分割线,达到双赢的效果。

  合理运用符号设计可以增强用户对特定功能的识别与认知,例如输入金额前的人民币符号、优惠券前的小图标以及支付方式中银行前的LOGO,都比直白的文字描述更具识别性。

  在信息繁多的列表中突出特定功能的符号化表达,也有助于拉开信息差距,提升用户使用效率。

  那么秉承商业设计的核心精髓,在支付购买流程尽可能通过用户体验技巧留住用户,可以通过半拟物化增强现实场景还原感,增强用户信任度,简化流程操作,化繁为简。

  【轻松一问】(我常常因为不够变态,而感到和你们格格不入)怎么样才能引导男人穿裙子?

  【每日一问】如果有一款pc端浏览器能超越Chrome,大家觉得会是怎样的一款产品?

  【每日一问】一个有点意思的问题:为什么菜市场有卖水果,水果店不卖蔬菜?

  百度外卖更名饿了么星选“,主打高端市场,那么你期待的高端外卖有什么不一样的属性?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、招聘人才,与你一起成长。