概述结构层表现层旧系统截图改版后的动态登录界面用户访谈品牌特征品牌宣传影片品牌关键词 Livelihood Guard Sacrifice Technology 目标项目框架 Frame 页面模板项目视觉概念高效降低记忆负载减少认知负荷设计模式 Flow 心流 PC预览 Mobile预览部分界面展示 Web > 工作台 Web > 待办事项表单页面 Web > 数据分析数据大屏

概述

💡

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

结构层

现有产品难以满足用户和业务的多元化需求

系统需要打通各业务流程，部分业务审核流程繁杂

模块间操作未统一

表现层

缺乏品牌感与统一的视觉语言

信息阅读层级混乱

旧系统截图

改版后的动态登录界面

用户访谈

为深入了解用户需求，更准确地把握用户的痛点，以便明确项目方向，进行了深度用户访谈。

信息库多张数据表间记录的联动查询结果不方便查阅

在导航栏查找功能时容易迷失

子功能访问路径过于繁琐

日期选择器组件使用体验差

系统图标可读性/一致性/辨识度低

业务流转状态未区分

批量操作不够便捷

品牌特征

品牌宣传影片

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

品牌关键词

Livelihood

服务

陪伴

用心

Guard

关怀

温度

传承

Sacrifice

责任

承诺

荣誉

Technology

专业

创新

精益

目标

框架优化

视觉优化

布局优化

品牌价值观

项目框架

Frame

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

页面模板

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

项目视觉

概念

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

高效

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

降低记忆负载

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

减少认知负荷

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

设计模式

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

Flow

心流

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

PC预览

Mobile预览

部分界面展示

Web > 工作台

通过页面顶部的标签区域或左侧的侧边导航，查看各个工作流的状态.

此外，在工作台页面中，将高频的任务以中心辐射的方式导航至系统的各功能模块，为用户提供便利的交通枢纽且再次缩短访问功能的路径. 涉及核心数据、快捷入口、业务审批、待办事项.

Web > 待办事项

B端产品的目标为管理直达、效率提优，期望通过技术控制简化人为控制，其本质是流程驱动运行.

待办作为企业效率的典型应用场景，在该场景下如何实现标准化管理、业务闭环,

进而为业务赋能是该页面优化的核心目标.

基于以上用户痛点，归纳总结出批量操作、待办分类、逾期监控、通知发送等核心功能. 工作待办版块将频次高的业务流程前置，个人待办版块允许用户自定义配置

表单页面

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

Web > 数据分析

通过逻辑组织的布局排布内容，以递进的交互形式呈现数据分析思路,

通过浏览和操作数据图表，来实现特定分析目的，制定数据驱动型决策.

吴武航

网易云音乐·Neumorphism

耆艦店

国网江苏电力业务系统

概述

结构层

表现层