去年下半年以来我负责的APP需要进行升级改版。在完成了用户调研、产品重构、流程梳理、界面设计等一系列流程之后,还新增了交互动效以改善用户体验。
为什么要在改版后的产品中引入动效呢?主要是为了解决以下问题:
1.提升创新体验
在旧版领克整车商城中,车辆以卡片化形式平铺在首页进行展示,但此种形式存在两个问题:1)对车辆车系的区分能力先天不足,用户不能对领克车系形成完整认知,更无从比较购买;2)随着产品线的不断扩张,卡片平铺的形式过多的占用甚至超出了首屏位置,影响商城其他功能呈现。
为此重新梳理了车辆产品树及商城功能优先级,并重新设计商城首页。除此之外,利用交互动效创新车辆展示、选择及切换方式,提升产品调性。
2.流畅的界面转场
旧版产品中在页面级/元素级等页面信息的转化过程中没有引入动效切换效果,导致出现闪屏、跳转刻板的情况,降低了用户体验。本次改版通过大小、位置和透明度等元素属性的动态变化,使用户和产品的交互过程更流畅。
3.明确且高效的操作反馈
反馈动效能给用户操作行为以正向反馈,提升用户操作感。同时,界面反馈信息也能实时告知当前运行状态,也是增强用户操纵感的方式之一。在动效设计中,利用平移、放大、缩小删除等等动效给用户明确且快速的反馈,避免用户多次重复操作。
此外,由于领克APP在代码架构存在的既有问题,导致产品前后台之间响应较慢,利用动效也能中和一部分用户在等待过程中产生的焦虑感。
4.增强操作趣味性
在旧版APP产品设计语言更侧重功能呈现,操作反馈过于直白,对用户的情感化关怀不够。而此次着重添加了一些微动效,增加了产品的趣味性和情感化设计。
6.塑造品牌形象
除去已经形成的交互规范之外,还将一些通用场景下的动效汇总,整理形成交互动效规范。统一且具有特色的交互动效将能够辅助塑造品牌形象。