四.视觉优化
1.减线立面
在之前的文章新项目设计0-1的正确开启方式里也有提及过,分割线框架设计的优劣点,分割线设计更适合信息密集且强调信息展示效率的产品,但会对界面带来很强的割裂感,从而干扰阅读。
在这里我们可以利用模块化面与面间的间隔替代一部分分割线,达到双赢的效果。
2.设计符号化
合理运用符号设计可以增强用户对特定功能的识别与认知,例如输入金额前的人民币符号、优惠券前的小图标以及支付方式中银行前的LOGO,都比直白的文字描述更具识别性。
在信息繁多的列表中突出特定功能的符号化表达,也有助于拉开信息差距,提升用户使用效率。
3.半拟物化设计
支付购买流程界面设计,我们有2个需要注意的点:
1.设计中会遇到许多与线下实品相结合的使用场景
2.用户在该流程的流失率较高。
那么秉承商业设计的核心精髓,在支付购买流程尽可能通过用户体验技巧留住用户,可以通过半拟物化增强现实场景还原感,增强用户信任度,简化流程操作,化繁为简。
原创的2个半拟物化场景还原设计样例。
五.优化对比
最后给大家po出方案A与线上旧版本的前后对比。
1.购买详情列表
2.支付选择
3.优惠券选择
4.新增银行卡