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

来源:网络   作者:热心网友   发布时间:2018-06-03    浏览次数:52

四.视觉优化


1.减线立面

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

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



2.设计符号化

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

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



3.半拟物化设计

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

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

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



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


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



五.优化对比

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


1.购买详情列表



2.支付选择

3.优惠券选择

4.新增银行卡


12共2页
联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

标签:产品交互

相关推荐

http://www.shejixf.com/shejijiaocheng/shejililun/7308.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通