← ZHENG LIANG · CASE 01
CASE 01 · 民生E行

把数十个工作台,收成一个入口

角色主导 0→1 整合改版 平台PC + App 时间2023 — 2025
SECTION 01

项目背景 - 业务目标 - 设计目标

设计需求背景:民生内部各业务线(零售、对公、风险、运营、营销、财富)长期沉淀了数十个独立工作台——入口分散、账号体系割裂、信息孤岛严重。员工跨条线作业需在多个系统间反复跳转,培训成本与操作失误率双高。集团提出「一个员工、一个入口、一套体验」的整合目标,这不是翻新界面,而是对后台能力的重新组织。

SECTION 02

设计策略 - 三条主线与验证方式

策略推导:整合型后台的难点不在视觉,而在信息与权限的再组织。我把目标拆成三条主线,每条都补上「怎么算做到了」——一个说不清验证方式的目标,等于没有目标。

图 · 三条主线 · 与验证方式
1
先把能力盘成一张清单
不急于重画界面,先做信息架构与权限映射的「能力清单」,盘点 20+ 业务线分散能力,再去重、归类、收敛。
怎么算做到了 · 交付《全量能力清单》:20+ 业务线逐条盘点无遗漏,入口去重与可合并项全部标注。
2
把入口换成场景
用「角色 × 任务场景」替代扁平菜单:先回答「谁在工作」,再回答「他此刻要做什么」,把 6 类核心角色映射到高频场景。
怎么算做到了 · 6 类核心角色登录即达高频场景;查找耗时 −42%(内部体验度量,改版前后对比)。
3
把产出收敛成规范
把设计系统当成组织协同工具,沉淀导航 / 卡片 / 表格 / 表单 / 图表五类组件,让 20+ 团队的产出自然收敛到一套语言。
怎么算做到了 · 5 类规范组件覆盖主要页面与核心流程;20+ 业务团队接入同一套组件语言,新增页面不再各自造轮子。
SECTION 03

关键决策 - 先「并」后「减」,用场景替代菜单

我的判断:作为主导设计师,我把这个项目当成一次「组织设计」而非「界面设计」。下面两条决策,是后面所有界面动作的前提。

图 · 先「并」后「减」· 收敛漏斗
数十个独立工作台20+ 业务线 · 入口与技术栈各自为政
盘成一张能力清单盘点 · 去重 · 归类 · 收敛
场景化入口角色 × 任务场景
一个员工 · 一个入口 · 一套体验统一信息架构与交互规范
先盘清能力,再用场景替代菜单 —— 整合的边界是权限,凡跨条线数据权限只做入口收敛。
SECTION 04

登录后的入口决策路径探索

设计需求背景:用户登录后的第一跳(直达工作台 / 回到门户 / 停留当前页)直接决定他能否「一进门就找到要做的事」。为兼顾角色差异与跨条线作业的双重需求,我们设计了 3 种差异化入口策略。

图 · 登录后第一跳 · 3 种入口策略
方案1 直达工作台

按角色预置高频工作台,登录即落地目标页。路径最短,但跨条线作业需二次跳转。

认知负荷 低 · 跨条线 中 · 落地 中
方案2 回到统一门户

保留全量菜单兜底,覆盖低频与非常规场景。认知负荷最高,但适配面最广。

认知负荷 高 · 跨条线 高 · 落地 低
方案3 AI 补位 · 留当前页推荐

不打断当前上下文,由 AI 依据角色与历史行为推荐下一步动作。

认知负荷 最低 · 跨条线 高 · 落地 高
↓
最终判定:以 方案1 为主路径(角色预置直达高频工作台),方案3 作兜底 —— AI 按当前上下文推荐下一步动作,避免「不知道自己该点哪」。
80%
TOP3 路径占比 · 内部访问统计:日常访问高度集中于头部少量路径
6 类
核心角色 · 映射到高频场景(来自 20+ 业务线收敛)
−42%
查找耗时 · 内部体验度量:旧版逐级查找 vs 新版直达
SECTION 05

设计产出 - 统一门户 / 角色化工作台 / 多端一致

产出说明:交付统一门户、角色化工作台、跨系统待办与四域菜单整合,并完成 PC 与移动双端的一致化体验。以下为真实设计稿(PC 端 / 移动端)。

PC 端 · 整合产出统一门户 · 角色化工作台 · 客户规划 · 图标规范
PC 端 · 整合前(被整合对象)整合前:分散在 20+ 业务线的独立系统(节选)。各自的账号、菜单与视觉语言,正是本次整合要收掉的对象。
移动端统一登录 · 角色化工作台 · 线索与消息
36 屏
PC 端设计稿 · 门户 / 工作台 / 待办 / 菜单
7 屏
移动端设计稿 · 登录 / 工作台 / 消息 / 个人中心
2 端
一致化体验 · 同一套信息架构与组件规范
民生E行 · 统一门户工作台
民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面民生E行 界面
WEB · 36 屏 · 按住画面拖动即可上下滑动
民生E行 移动端界面民生E行 移动端界面民生E行 移动端界面民生E行 移动端界面民生E行 移动端界面民生E行 移动端界面民生E行 移动端界面
MOBILE · 7 屏 · 左右滑动切换
SECTION 06

数据结果 - 从「能找得到」到「愿意用」

结果说明:整合上线后,体验指标与协作效率同步改善。这里保留可对外表述的结论,不披露内部明细口径。

图 · 关键指标 · 改版前 → 改版后
满意度分
改版前 62
改版后 88
任务成功率
改版前 65%
改版后 88%
操作效率
改版前 基准
改版后 +30%
数据来自项目内部体验度量与业务侧统计,因保密要求不披露原始明细口径。
+30%
操作效率 · 跨系统跳转次数显著下降
1 套
组件规范 · 20+ 业务团队共用

数据来自项目内部体验度量与业务侧统计,因保密要求不披露原始明细与统计方式;此处仅保留可对外表述的结论与前后对比关系。

SECTION 07

后续思考 - 整合的尽头是「无感」

项目上线后我在想:当入口统一,下一步该往哪走?

看完这一案,继续逛: ← 全部案例 · 联系我