Chinese

客服系统改版

接送机客服系统

处理来电并尝试为客户解决问题。

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

弹性反馈
订单加载

数据效果

动效规范
应用到其他业务线

接送机

跟团游

门票

酒店

机票

思考总结

有限的研发资源
提前准备降级方案
不愿在非营收项目上配合的产品
让他们的老板在一开始就达成共识
让我们的产品作为其他部门的沟桥梁
跨事业群合作

Create a free website with Framer, the website builder loved by startups, designers and agencies.