国网江苏电力业务系统

type
status
date
slug
summary
tags
category
icon
password

概述

💡
国网江苏省电力工程咨询有限公司招标业务信息化管理系统 UI/UX 体验设计. 通过 工作流/业务协同 链接日常工作事务, 实现办公管理规范化、信息规范化. 根据国网主营业务及品牌属性, 以全新的设计语言为系统注入活力.

结构层

  • 现有产品难以满足用户和业务的多元化需求
  • 系统需要打通各业务流程,部分业务审核流程繁杂
  • 模块间操作未统一

表现层

  • 缺乏品牌感与统一的视觉语言
  • 信息阅读层级混乱
 

旧系统截图

notion image
 

改版后的动态登录界面

用户访谈

为深入了解用户需求,更准确地把握用户的痛点,以便明确项目方向,进行了深度用户访谈。
  • 信息库多张数据表间记录的联动查询结果不方便查阅
  • 在导航栏查找功能时容易迷失
  • 子功能访问路径过于繁琐
  • 日期选择器组件使用体验差
  • 系统图标可读性/一致性/辨识度低
  • 业务流转状态未区分
  • 批量操作不够便捷

品牌特征

品牌宣传影片

剪辑创作的品牌宣传短片,旨在提升品牌形象与市场影响力。
Video preview

品牌关键词

Livelihood

  • 服务
  • 陪伴
  • 用心
notion image

Guard

  • 关怀
  • 温度
  • 传承
notion image

Sacrifice

  • 责任
  • 承诺
  • 荣誉
notion image

Technology

  • 专业
  • 创新
  • 精益
notion image

目标

  • 框架优化
  • 视觉优化
  • 布局优化
  • 品牌价值观
notion image

项目框架

Frame

根据框架设计的原则, 围绕产品与用户的交互, 创造出屏幕和行为的草图. 用户不断重复的低效操作, 增加了其获取信息的时间成本.

页面模板

通过抽象归纳系统页面, 制定出8类页面框架. 这些模板囊括了用户在系统中的行为.
notion image

项目视觉

概念

根据框架设计的原则, 将重点放在产品整体的交互, 创造出屏幕和行为的草图. 用户这些不断重复的低效动作, 增加了其获取信息的时间成本. 为了让用户能更高效的获取系统信息, 需要通过设计引导其行为.

高效

通过合理的信息组织和组件使用,帮助用户更快速地完成单页任务

降低记忆负载

理解用户再次访问的核心目标,为可能的目的地提供最短导航路径.

减少认知负荷

采用格式一致外观,突出有利于对象识别的关键信息,利用交互分层展示信息
notion image

设计模式

秉承国家电网的品牌价值观, 针对产品反复出现的问题, 使用组件库搭建页面,既能减少不必要的认知成本, 又能提升交互确定性和设计的效率.
notion image

Flow

心流

心流在心理学上定义为一种将个体注意力完全投注在某活动上的感觉,心流产生的同时伴随高度的兴奋及充实感. 一个产品或功能创造出来不只是用户的需要,更多是承载用户的工作使命. 让用户在这一过程中持续沉浸在工作的心流中,获得富有成就感的工作体验.

PC预览

Mobile预览

部分界面展示

Web > 工作台

通过页面顶部的标签区域或左侧的侧边导航,查看各个工作流的状态.
此外,在工作台页面中,将高频的任务以中心辐射的方式导航至系统的各功能模块,为用户提供便利的交通枢纽且再次缩短访问功能的路径. 涉及核心数据、快捷入口、业务审批、待办事项.
notion image

Web > 待办事项

B端产品的目标为管理直达、效率提优,期望通过技术控制简化人为控制,其本质是流程驱动运行.
待办作为企业效率的典型应用场景,在该场景下如何实现标准化管理、业务闭环,
进而为业务赋能是该页面优化的核心目标.
notion image
基于以上用户痛点,归纳总结出批量操作、待办分类、逾期监控、通知发送等核心功能. 工作待办版块将频次高的业务流程前置,个人待办版块允许用户自定义配置
notion image

表单页面

表格作为中后台海量数据呈现的载体,能够帮助用户快速阅读数据,获取有效信息,提高决策效率, 让用户更加清晰地获取反馈结果,推动系统与用户之间的信息与数据传递。
notion image

Web > 数据分析

通过逻辑组织的布局排布内容,以递进的交互形式呈现数据分析思路,
通过浏览和操作数据图表,来实现特定分析目的,制定数据驱动型决策.
notion image

数据大屏

notion image