主页 > 新体验 > 设计沙龙 > UI界面设计
  • 支付成功页设计的5点思路

    adinnet/2017-12-26 10:52/UI界面设计

    用户的路径是:开始—行动—“状态与判断”的组合—结束,其中“状态与判断”环节很多小的细节体验就是产品经理需要用心打磨的。我们知道,App内的提交信息可以是弹窗(Toast、Dialog)。

    小Q曾在《产品体验设计:不得不了解的三大心理效应》一文中具体讲解了心理效应在产品设计中的三点核心内容。在此基础上,今天我们分析一下支付成功页应该如何设计?

    我们思考一下,支付成功后的页面是单纯的给出提示和说明,还是以单独页面的形式,承载更多的扩展内容,让用户停下脚步再次【被转化】?要回答这样的问题,我们首先需要根据产品的资金转化模式做不同的考虑。通常情况下,在有订单类型的产品流程设计中,选择对支付成功页面的更优设计,实现更多的转化,如下图举例说明的三种页面形态:

    • 操作引导:【前一步】【后一步】

    • 相关业务开通:业务入口

    • 相关推荐:个性推荐

    • 流程引导:【下一步】

    • 核心功能开通:充值

    • 运营广告

    • 操作引导:【前一步】【分享】

    除了以上三种常见的支付成功页面以外,还有如下图所示的一种H5植入方式的展示,H5的页面与native的页面不同,页面内容可以随配置参数不同而随时修改,其组合方式灵活。

    • 成就式引导:交易成功+嵌入式引导

    • 流程引导:【下一步】

    • 相关操作:完成

    • 运营广告

    揣摩用户使用场景,我们知道用户对支付前后的效果缺乏预期,对不熟悉的操作步骤产生抵触。虽说用户选完商品,进入到支付流程,已经有很强的购买意愿了。

    但是依然存在支付转化率低的情况。是本身步骤冗长负责导致用户不会用,还是支付过程经常出错导致用户放弃?之前的文章中,小Q曾经分析过能让用户上瘾的产品设计。结合本文的切入点,小Q为你提供5种思路来设计支付成功页,希望对你有帮助:

    1、简化支付前的流程,加强成就式引导

    突出支付成功后的展示,说明支付成功对用户的正向激励是什么。减轻用户支付后的焦虑,及时提供成就类的提示和引导。比如一个提示弹框出现后,如果点击确定,下一步页面去哪里?点击取消呢?点击返回是返回哪里呢?这都是你要在这里解释清楚的事情。

    2、尽可能让支付方式多样,不让用户挫败

    支付方式越多,成功率相对来说也会越高。我们在产品设计之初就应该尽可能支持多的支付平台,如第三方支付(微信/支付宝等)和银行卡支付(认证支付‘代扣’、快捷支付、网银支付);

    3、提供清晰的引导,让用户减少支付的恐惧

    简单的操作应该是产品逻辑顺畅,交互、视觉设计清晰。用户的每一步操作都有明确的响应和对一下步的清晰引导,做到承上启下。另外,异常情况下应该及时有效的给予用户反馈,减轻用户的焦虑和等待。

    4、增加物质激励,刺激用户完成支付

    用户支付成功后,提供抽奖等方式提升用户的整体交易体验。譬如 ,外卖类产品做的很多的都是支付后分享领取优惠券,以此促进用户再次消费和传播APP拉新。

    5、充分利用页面的承载能力,呈现相关产品推荐

    如:猜您喜欢功能。除了订单支付成功的相关信息外,根据用户的点击、购买等数据来进行推算,引导用户做相应的操作、给用户呈现更多的信息。

    小Q来总结

    我们知道订单是电商、O2O的生命中轴线,他连接了整个全部链路的系统。不同阶段对应不同的人群的需求的探索和满足,对于电商型产品,用户从下单到完成支付的整个过程,是整个电商体系中更重要的环节。

    小Q在《用好的交互设计来管理复杂-“订单列表”》一文已简要说明此观点。对于订单流转而言,支付环节又是关联订单流转的枢纽,支付成功与否无论是从流程本身,还是体验本身都对用户是一种关键性的影响。

    因此,如果产品经理希望提高支付成功率,就要在一定程度上降低页面跳出率,甚至需要考虑如何在支付成功后,提高用户支付满意度,鼓励用户二次消费。

    本文转自:http://www.woshipm.com/pd/887040.html

上一篇:简析极简风格设计下一篇:UI概念设计方案如何做?
400-021-8655
在线咨询
在线留言