宝武司库-web

宝武大型B端产品从零到一的体验架构搭建

服务内容

产品体验重塑 | 产品从0-1 | 设计体系搭建

合作企业:宝武集团
服务时间:2022年
项目介绍

2022年伊始,国务院国资委相继印发了《关于推动中央企业加快司库体系建设 进一步加强资金管理的意见》(1号文)和《关于中央企业加快建设世界一流财务管理体系的指导意见》 (23号文) ,对中央国有企业强化资金管理、建设司库体系提出了明确的工作目标,强调数字化司库体系建设的重要性:强化资金管理,实现安全高效。

中国宝武-12

由骨到皮,打造世界一流的财务体系

基于对宝武人员框架的分析,我们初步将司库的用户定义为「决策者」「执行者」两类

  • 决策者:需要总览全局,未必有精力对所有内容深入了解,因而总览页面的核心在于“直观概览”,需要摆脱过于详细冗杂的数据干扰,获得对于整体的把握;
  • 执行者:需深入具体业务板块,了解不同周期、维度的数据变化,甚至调取图表背后的具体信息条目,因此可以根据用户职责不同有针对性地细分成“重点突出”的数据分析页面和“灵活深入”的详细数据页面。

至此,我们搭建出了视角由全局到局部、信息由概括到详尽的三层信息框架,接下来要做的便是进一步填充细节丰盈体验

通过与宝武团队的深入探讨,我们共同明确了打造世界一流财务体系的产品愿景,立足三大视角(行业视角、品牌视角、产品视角)从品牌、用户、端、信息入手,探索不同业务场景下的需求与痛点,贴合国际化、科技未来、严谨专业及品质安全的产品调性,打造出具有品牌特色、兼顾用户需求智能友好、穿透可视、功能强大、安全可靠的的司库管理统一门户

 

用户、端、信息的和谐共奏体验

为了确保司库系统不同业务模块间的一致性体验,我们分别从物理层(基础组件)、行为层(核心交互模式)、感知层(权限及功能)3个层次规范司库整体体验设计,不仅有效保证超大型系统的设计开发过程中的产出质量,也为后续维护迭代奠定了坚实基础。

角色导向体验

领导层(决策者)总览全局,需要快速查看各个模块重要指标,从而更客观地进行相关企业决策。领导视角的数据驾驶舱需要实现对整个系统的宏观掌握,自定义筛选各模块核心数据,通过明确的优先级引导视觉动线,提高用户信息获取的效率。

管理者和业务人员视角(执行者)的首页,加入了更多操作及应用等功能,方便他们快速处理问题。首页作为全部11大业务模块的统一入口,概览展示各模块核心指标及其他功能性信息,并可在有权限的情况下完成与领导视图(驾驶舱大屏)的切换。

中国宝武-09

端到端的串联

常规金融类B端产品使用场景一般固化在PC端,而与移动端的串联,得以突破时间和地点的限制实现信息的即时互联,让严谨繁琐的数据融入灵活的场景中,更好地适应移动办公的新常态。

  • 关键指标收藏同步展示:无论是在Web端或是移动端收藏的视图,都可以同步在全部平台查看,确保多端信息互通即时同步,方便用户随时随地展示讨论关键信息。
  • 跨端消息推送:当用户对某指标或预警信息有疑问,希望进一步了解信息时,可以通过便签形式将对应内容推送给相关人员,而对方则可在移动端的「通知」中得到提示,及时对问题做出反馈
  • OA工作协同:通过OA4.0系统企业级的通讯软件,提供强大的即时在线沟通工具,加快信息传播速度,提供沟通无障碍的工作空间,司库对接0A4.0信息速达板块,安全快速地分享传播司库指标数据报表。
中国宝武-10

特色体验创新

大型系统信息量庞大且层级复杂,我们搭建了灵活的复合式筛选框架,可以按照具体场景自由组合,通过多样化的信息分类,帮助用户清晰快速地聚焦目标信息。

在表格里设计了对应的视图查看,在浏览详细信息的同时对枯燥的数据有直观的解读,增加用户的沉浸式体验。

Frame 1940700121

品牌特色的美学呈现

  • 品牌联系的归属感: 整体设计将强化品牌基因在界面中的出现;以此强化品牌归属感。使用户在使用中始终能感受到宝武基因的存在
  • 刚与柔的平衡感: 通过对宝武品牌视觉语言的观察。我们发现宝武的品牌视觉所呈现的并非是一贯传统的刚硬感,而是一种在钢铁冶炼时的“柔”与冷却成材的“刚”中的平衡感。
  • 多元发展的包容性: 宝武集团所涉及的行业不至于传统的钢铁冶炼,更涉及到多种先进材料,新型行业。一基五元所带来的多样性也要求设计应当具备有超越单一领域的固有印象。
Frame 1940700122

明朗性

  • 明确的结构: 在新的设计中,系统将采用统一的24格栅栏系统为基础;根据等分模块划分出清晰的主次功能区域。固定区域与活动性区域的左右布局划分使结构更加简单明了
  • 清晰的阅读: 司库系统的用户群体数量之庞大,在设计时应当考虑不同人对于阅读体验的差异性。因此,新的设计系统中,我们根据W3C标准,从中性色中筛选出具有良好阅读体验的字体颜色,以确保产品对于每个人易读性。我们选择了拥有更加明确的字体-robots。该字体具有卓越的阅读性和延展性。
  • 积极的映射:首页采用2.5D的图标和插画设计,具有清晰的边缘和厚重的体感,和宝武“钢铁报国、铸就强大”的企业精神积极共鸣;同时侧边导航及模块页面采用对应的2D图标设计,串联起品牌基因的同时具有较强的可识别度,清晰明确不喧宾夺主

流畅性

  • 统一的形式语言:沿用宝武品牌标识的曲线感,创建更具有生命感的导航栏形态。圆角的卡片设计,有效的减少边界焦点,让信息更加聚焦,以此达到流畅的阅读体验。感性的形态与理性的结构相为表里,锻造宝武的刚与柔
  • 一基五元的绽放:结合宝武独特的一基五元的业务特征,定制一套完整的品牌色彩体系应用于实际业务场景中,加强不同业务人员与品牌色的感知性联系
  • 精神色彩的延续:宝武的红蓝色渐变具有强烈的精神色彩。产品成为品牌精神色彩对内的载体,延续品牌视觉基因,建立“成套”的视觉体系,在使用过程中时刻感受到宝武基因,提升企业内部的品牌归属感,塑造品牌对内影响力,从而反哺品牌。
编组 8备份 Frame 1362790860 Slide 16_9 - 19

相关案例

更多案例

联系我们

先锋数字产品策略咨询及体验设计
提供可量化、促增长的体验闭环解决方案