移动支付界面设计:如何留住用户的心? - 站长之家

移动支付界面设计:如何留住用户的心?

2018-06-07 15:58 稿源:人人都是产品经理  0条评论

注:本文作者主要提供了一些建议,关于如何去设计移动端的支付页面,来帮助你留住用户的心。如果你想要提升你的网站转换率,那么这个指南将是你迈向更大的移动客户群体的第一步。

以下我提供了一些建议来帮助你设计移动端支付页面,当然,这些建议不可能适用于所有类型的在线商店,这一定程度上取决于你销售的产品。

正确的网站设计是提高转换率,增加销售额的有效方法。需要注意的是:设计师必须认真考虑在线商店的用户体验原则,这对于移动端设计来说是非常重要的。

目前,在大部分互联网流量中移动设备流量占据主导地位。 2017 年,移动用户在整个互联网的用户中总数占比达到52%左右。如果你没有针对移动端的网站或应用进行优化,那么你的电子商务效果一定不够理想。

如果你想要提升你的网站转换率,那么这个指南将是你迈向更大的移动客户群体的第一步。

一、提供简单的编辑选项

从产品页面到支付,整个流程应该给人一种操作简单的感觉。这意味着当访客点击“支付”CTA时,如果需要的话,用户可以轻松访问并编辑订单。

设计一个可编辑的购物车,用户可以更改商品数量、尺寸、颜色、款式等等,以上这些操作都应该可以通过几个点击动作完成。

不要增加用户购买阻力或使支付过程变得繁琐,用户的想法反复无常,你要尽量把购买阻力降低到零,提高用户购买几率。

让我们看一下Yummygum的这个设计示例:它是一个机票订单支付页面,用户可以在页面上轻松地增加或减少机票数量,以及选择机票的日期和起飞时间。

请注意它的界面元素是如何设计交互的,设计师使用大方块和丰富多彩的亮色来提示微交互,这个设计非常适合移动设备。

除此之外,你也可以在Olia Gozha设计的购物车页面中找到一些灵感。

在支付之前,界面会再次显示购买的商品数量和价格。箭头图标使这里的交互特别明显,用户一下就能明白这个图标是可点击的。

另外,思考一下:顾客在购买商品之前可能想编辑订单的哪些选项?

在最终支付前向他们展示订单里的商品详情,并为其提供访问权限来编辑订单。这样设计能有效获取买家的信任,并确保他们真正想要购买的心理。

二、提供链接付款方式

在桌面端或笔记本电脑上处理付款很简单,通常你可以拿起你的信用卡并输入数字即可,但在智能手机上就没那么方便了。

移动端的键盘非常轻便,但它们无法与完整的桌面键盘相比。因此,你需要让支付流程更简单,最好是只需几次点击即可完成支付。

如何才能实现这种效果?

通过链接支付并将其保存在顾客的帐户中。每当顾客购买商品的时候,询问他们是否要保存当前的付款方式。然后,你可以创建一个页面,让买家可以在信用卡,PayPal账户或他们过去使用的任何付款方式之间进行选择。

使用这种链接支付的界面,当然越简单更好。但是也有设计师想为用户分享有关支付方式的细节,以确认账号是否正确,这也是可以的。

以Vishnu Prasad的这种设计为例:它展示了如何使用保存的信用卡号码来查看支付界面。

从个人来讲,我不喜欢将这些数据清晰地展示在界面中,这也是我对这个UI唯一的疑虑。如果我是这个设计师,我会将这些数据信息设置默认为隐藏,单击就会显示或隐藏。但这个设计的重点就在于——买家可以在支付前查看支付细节。

当不是每个顾客都喜欢这样做,你需要设计一个安全的表格来获取信用卡信息。Murat Mutlu的这个例子是一个非常简洁的移动支付界面,只使用合适的字段来完成该过程。

实际上,我喜欢这种风格的支付流程,因为它减少了页面上的字段总数,整体简洁明了。

这实际上也是用户体验的一个大趋势,作为设计师,我们应该进一步研究它。

有好的文章希望站长之家帮助分享推广,猛戳这里我要投稿

相关文章

相关热点

查看更多