当前位置:设计先锋 > 设计教程

支付购买流程的UX优化方案

四.视觉优化


1.减线立面

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

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



2.设计符号化

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

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



3.半拟物化设计

支付购买流程界面设计,我们有2个需要注意的点:

1.设计中会遇到许多与线下实品相结合的使用场景

2.用户在该流程的流失率较高。



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


原创的2个半拟物化场景还原设计样例。



五.优化对比

最后给大家po出方案A与线上旧版本的前后对比。


1.购买详情列表



2.支付选择

3.优惠券选择

4.新增银行卡


标签:产品交互

分享到

网站首页|电脑版|返回顶部