返回所有作品
04 / 06 · 2023

智慧 3.0

B 端系统重设计,两年做了什么

客户
智慧
角色
主设计
时间
2023— 2024
年份
2023
智慧 3.0

智慧 3.0 是我做过体量最大的项目,300 多个页面,36 个版本,两年多时间。这里想聊几个在这个项目里比较深的体会。

B 端用户在意的事
接手这个项目之后,我做的第一件事是和实际使用系统的业务人员聊——不是需求方,是每天在用这套系统处理审批的人。

他们提到最多的不是哪个界面不好看,而是「提单要跳好几个页面」「列表太多列,找关键字段很麻烦」「审批的时候客户信息和审批操作在不同的页面,得来回切」。

这些反馈让我在项目里分配注意力的方式变了——花在「和业务确认流程对不对」上的时间,比花在视觉打磨上的时间多得多。核心审批流程从五步跳转改成了一页完成,这件事带来的体验提升,比重做一套配色方案要大很多。

先建系统再出图
接手项目后,我花了将近一个月建设计系统,期间没有交付任何可见的页面。

当时有人问我什么时候开始出图,我说等设计系统建好。这不是拖延,是因为 2.0 系统最大的问题之一就是没有设计系统——不同模块的颜色规范、圆角规范、间距系统各自一套,整个产品像是拼起来的。

后来 300 多个页面密集交付时,这套系统让每一个页面出来颜色和组件都是对的,不需要在评审时反复讨论「这个按钮应该用哪种蓝」。

设计系统的价值在小项目里感受不到,项目越大越明显。

深色侧边栏这个决定
2.0 系统全部是白色背景,导航区和内容区视觉上没有区别,用户需要读文字才能分辨「这是菜单」还是「这是数据」。

3.0 改成了深色侧边导航加白色内容区。颜色对比建立了视觉层级,用户在任何页面打开,不需要读文字,就能即时感知「左边是导航,右边是内容」。

这个决定影响了所有 90 多个主页面的基础布局。它不是审美选择,是功能上的需要。

300+ 页面 · 36 轮迭代 · 12+ 流程优化 · 审批步骤 5 步 → 2 步

b端系统