客服系统改版
接送机客服系统
处理来电并尝试为客户解决问题。

Typical user
20-35 years Chinese Values service
场景
Reserve pickup service after ordered a flight ticket
Goal
Improve experience through motion
Other contributor
UI designer PM Frontend Dev
My role
Project owner UX design Motion design
Project timeline
Dec 23 - Apr 24
How this project started
A design initiated project
作为客户服务人员使用最频繁的页面,该页面占据了他们95%的工作时间。他们更喜欢的是一种密集的结构,而不是干净、宽敞并具有强大层次感的布局,这样可以减少滚动和点击。当一个单一的操作重复1000次时,多出的1次点击就变成了巨大的工作量。

现状
主页到列表
填写到订单


问题
下一步:获取改进的想法与方案
体验优化类
· 过渡突兀,缺乏流畅性
· 页面瞬切缺少丝滑生长
· 过多的阻断打扰了用户流程
· 模块需要更好的反馈和引导
· 针对特定场景定制的情感设计
Bug类问题
让我们推推研发修复这些问题
· 首页加载不流畅,导致卡顿
· 进入列表页面时会出现闪烁
· 模块加载不一致,导致页面不稳定
· 列表大中小切换时的卡顿
· 预订触发了两个加载
· 支付后加载了一个不必要的白屏
Researched leading apps to inspire creative ideas
Comparative analysis and brainstorming
非阻断式加载
列表到订单过渡
打开后备箱过渡
列表页生长长动效
曲线规范
首页引导
Pressed状态
我们的想法





过渡;自然加载;动效作为反馈;
Sorting ideas & set goals
页面过渡
列表到订单过渡
打开后备箱过渡
页面内动效
生长
加载
曲线
列表页面生长动画
动效曲线规范
非阻断式加载
模块动效
Pressed状态
首页引导
增强沉浸感
更丝滑
更直观易懂
减少焦虑
改善反馈
Based on current UX & how noticeable our solution brings
Setting priorities
体验优化类

推动以用户体验为中心的项目而没有直接的商业利润是很困难的。在设计师没有开发资源的情况下,我必须获得产品经理的支持
Present, present, present!
客服系统是什么?

Separate the project, ship them one by one Track each piece with a table



Bug类问题
体验优化类
Final delivery
List page grow motion
查看与操作是交织在一起的,与其放在2个页面不断切换,我们将他们结合在一起
Before
After
Replace interruptive loading with soft loading
Before
After
Others
弹性反馈
订单加载

数据效果
动效规范
应用到其他业务线
接送机
跟团游
门票
酒店
机票