蓝蓝设计ui设计公司作品案例-中节能现金流抗压测试软件交互及界面设计

news2024/11/16 12:28:47

中国节能是以节能环保为主业的中央企业。中国节能以生态文明建设为己任,长期致力于让天更蓝、山更绿、水更清,让生活更美好。经过多年发展,中国节能已构建起以节能、环保、清洁能源、健康和节能环保综合服务为主业的4+1产业格局,成为我国节能环保和健康领域规模大、实力强、专业覆盖面广、产业链完整的旗舰企业。
中节能现金流抗压测试软件是一套可以科学分析企业存量项目现金流量,随着外部条件(利率/汇率/收入到帐时间)变化,预测未来现金流量的软件系统。此次麦浪科技和蓝蓝设计合作,进行软件升级改版,进行交互方式的优化,参考了国际上后台管理软件的设计优点,风格简约而不简单,逻辑清晰,大数字及动效的使用,让用户体验更佳。

产品定位
通过现金流抗压测试软件,可以为企业存量项目现金流进行全方位压力测试,和评估,并预测下一阶段企业现金流量,为企业财务体系运转体统数据存量数据支撑和增量数据预测。现金流抗压测试软件是中节能财务体系中重要一环,是企业财务系统和业务现金流系统之间的安全屏障。

目标用户
中节能企业内部财务人员使用,年龄分布较大,普遍年龄在20-50之间。目标使用人群办公场所相对固定,主要集中于办公室;对人机交互效率要求较高且使用频率较高。主要进行办公类操作,希望系统能够便捷好用,稳定安全且易于理解。

设计风格
交互方面,采用平铺设计方案,将信息尽可能多的呈现在同一级页面中,同时对类别区域加以区分,在保证信息传递清晰流畅的同时,尽量减少用户点击行为和点击次数,提高办公效率。 视觉方面,以大为主,采用大间距,大对比,大字号的设计思路,保证页面呼吸感和节奏感的同时,兼顾信息传递,在主要业务页面突出产品的功能属性。

在交互原型设计过程中,蓝蓝与麦浪同事进行了深入的沟通,我们多次前往麦浪公司以及中节能公司了解业务,在确保对业务完全理解的情况下,充分吸收用户意见,与麦浪同事反复修改交互原型图,打磨交互细节。最终通过客户评定,确定交互原型。

在项目进行过程中,麦浪同事也提供很多支持

根据手绘原型图,制作并优化原型设计图

客户最终确定的交互原型图

页面设计
页面设计过程中,蓝蓝按照先定风格再深入设计的原则,先期提供不同风格的首页和登录页,供客户选择,待确定系统整体视觉风格后,再进行后续页面的设计。
本系统首页主要是核心数据的总览和展示,经过与客户讨论,首页主要显示“资产”“负债”“现金流”等方面的内容。在确定展示内容之后,蓝蓝设计尝试将行业特色和产品结合,运用情景化的设计,把行业“风机”融入进首页中来,同时深色的背景和多种元素的组合,也把科技感体现了出来。

设计过程中提供的其他方案

功能至上

蓝蓝对每个页面功能性也做了区分,并且根据页面的功能属性调整优化设计方案。
本系统按照页面属性分类,大致分为2类:图表展示和数据计算。针对图表展示类型的页面,蓝蓝采用平铺的展示方式,尽可能多的将数据呈现给用户,提高页面数据展示效率,减少用户交互行为。平铺展示这种方式对数据的分类展示要求较高,经过与客户沟通确认后,蓝蓝按照信息优先顺序进行排版,针对数字类型信息,采用横向平铺,针对图表展示信息,采用卡片和色彩区分不同类型的数据。蓝蓝还把页面操作区域放置在页面顶部,并采用吸顶设计,不会随着页面滚动而消失,在保证数据展示最优的同时,兼顾操作便利性。
数据计算类型的页面,偏向操作性,对页面交互、跳转逻辑较高。本系统中,需要操作的功能大多集中在数据的输入和计算相关的范围内。在交互层面, 蓝蓝与客户反复沟通,优化页面层级和交互逻辑,将不必要的功能隐藏展示,或者将原本在1页显示的信息分页展示,并在原型图中予以确认和展示。在视觉层,蓝蓝采用大字号的方式来突出需要输入的信息,并利用色块/图形化展示等方式,区分信息层级。在保证交互便利的同时,完整展示业务信息,丰富页面层次,也避免了信息过多带来的视觉压力,提升用户数据处理效率。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/936739.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

计算机组成原理 | 第一章 计算机系统概述

目录 计算机发展历程 计算机系统层次结构 计算机的性能指标 计算机发展历程 电子计算机的发展已经历了4代,这4代计算机的主要元件分别是电子管、晶体管、中小规模集成电路、大规模集成电路。微型计算机的发展以微处理器技术为标志。可以在计算机中直接执行的语…

【Docker系列】Docker-核心概念/常用命令与项目部署实践

写在前面 Docker是一种开源的容器化技术,它允许开发者将应用程序及其依赖项打包到一个轻量级、可移植的容器中,从而实现快速部署和高效运行。Docker的核心概念包括镜像、容器、仓库等。本文将详细介绍Docker的基本概念、安装方法以及常用命令。 一、Doc…

第 360 场 LeetCode 周赛题解

A 距离原点最远的点 串中的 “_” 处要么都向左走要么都向右走 class Solution { public:int furthestDistanceFromOrigin(string moves) {int t 0;for (auto x: moves)if (x ! R)t--;elset;int res abs(t);t 0;for (auto x: moves)if (x ! L)t;elset--;res max(res, abs(t…

土豆叶病害识别(Python代码,pyTorch框架,深度卷积网络模型,很容易替换为其它模型,视频识别)

效果视频:土豆叶病害识别(Python代码,pyTorch框架,视频识别)_哔哩哔哩_bilibili 代码运行要求:Torch库>1.13.1,其它库无版本要求 1..土豆叶数据集主要包好三种类别(Early_Bligh…

集丰照明|汽车美容店设计,装修色彩灯光搭配方法

正确处理好店面的空间设计。 店铺各个功能区设计要合理,衔接合理,这样既能提高员工的工作效率也能提高顾客的满意度。合理安排店铺的空间分配, 要给顾客一种舒适度,既不能让顾客感觉到过于拥挤,又不能浪费店铺的有限空…

邂逅JavaScript

前言:前端三大核心 前端开发最主要需要掌握的是三个知识点:HTML、CSS、JavaScript 一、认识编程语言 1.计算机语言 前面我们已经学习了HTML和CSS很多相关的知识: 在之前我们提到过, HTML是一种标记语言, CSS也是一种样式语言; 他们本身都是属于计算…

Android JNI系列详解之ndk编译工具环境变量配置

一、前提 之前是只介绍了CMake编译工具的使用,现在介绍另一种原生(NDK自带的脚本工具)自带的编译方式:ndk-build,想要使用ndk-build编译工程,我们需要配置全局的环境变量。 二、配置环境变量 找到ndk在电脑…

HRS--人力资源系统(Springboot+vue)--打基础升级--(六)分页查询 + 重置按钮

一:先弄个简单的重置按钮 1.界面设计就放在搜索框同一列的位置 2. 在点击重置按钮时,清空搜索框内的内容,同时触发一次无条件查询(这个写法有bug,下面会有说明) 二:做分页 在MyBatis中,有多种方法可以实现分…

【报错记录】疯狂踩坑之RockyLinux创建Raid1镜像分区,Raid分区在重启后消失了!外加华硕主板使用Raid模式后,硬盘在系统中无法找到问题

前言 为了摆脱对于专业NAS的依赖,我决定专门使用一台Linux服务器安装NAS程序的方式实现NAS功能,这里就需要用到Raid功能,由于目前我只有3块SSD(256G500G500G),在ChatGPT的推荐下还是使用一个256G系统盘2块…

HTTP 框架修炼之道 | 青训营

Powered by:NEFU AB-IN 文章目录 HTTP 框架修炼之道 | 青训营 走进 HTTP 协议HTTP 框架的设计与实现应用层中间件层路由设计协议层 传输层(网络层)1. BIO(Blocking I/O):2. NIO(Non-blocking I/O):区别&…

【 Python 全栈开发 - 人工智能篇 - 45 】集成算法与聚类算法

文章目录 一、集成算法1.1 概念1.2 常用集成算法1.2.1 Bagging1.2.2 Boosting1.2.2.1 AdaBoost1.2.2.2 GBDT1.2.2.3 XgBoost 1.2.3 Stacking 二、聚类算法2.1 概念2.2 常用聚类算法2.2.1 K-means2.2.2 层次聚类2.2.3 DBSCAN算法2.2.4 AP聚类算法2.2.5 高斯混合模型聚类算法 一、…

39、springboot的前端静态资源的WebJar支持(bootstrap、jquery等)及自定义图标和首页

★ WebJar支持 Spring Boot支持加载WebJar包中的静态资源(图片、JS、CSS), WebJar包中的静态资源都会映射到/webjars/**路径。——这种方式下,完全不需要将静态资源复制到应用的静态资源目录下。只要添加webjar即可。假如在应用的…

145. 二叉树的后序遍历

题目来源:力扣 题目描述: 给你一棵二叉树的根节点 root ,返回其节点值的 后序遍历 。 示例 1: 输入:root [1,null,2,3] 输出:[3,2,1]示例 2: 输入:root [] 输出:[]…

C#---第二十: partial修饰类的特性及应用

0.知识背景 局部类型适用于以下情况: 类型特别大,不宜放在一个文件中实现。一个类型中的一部分代码为自动化工具生成的代码,不宜与我们自己编写的代码混合在一起。需要多人合作编写一个类 局部类型的限制: 局部类型只适用于类、接口、结构&am…

信息化发展1

信息的定义 1 、信息论的奠基者香农认为: 信息是用来消除随机不定性的东西。 2 、信息的目的是用来“消除不确定的因素” 。信息是抽象于物质的映射集合。 3 、香农用概率来定量描述信息的公式如下: 信息的特征 客观性:信息是客观事物在人…

PostgreSQL分区表

什么是分区表 数据库分区表将表数据分成更小的物理分片,以此提高性能、可用性、易管理性。分区表是关系型数据库中比较常见的对大表的优化方式,数据库管理系统一般都提供了分区管理,而业务可以直接访问分区表而不需要调整业务架构&#xff0c…

QT版权查询

文章目录 QT工具版权QT模块版权查询 根据条件自动筛选: Qt Features, Framework Essentials, Modules, Tools & Add-Ons QT工具版权 Licensing QT模块版权查询 在 All Modules 中点击进入每个模块,在详细内容中一般有Lisence相关内容。 Licens…

c语言练习题35:求两个数二进制中不同位的个数

求两个数二进制中不同位的个数 //编程实现:两个int(32位)整数m和n的二进制表达中,有多少个位(bit)不同? //输入例子 : //1999 2299 //输出例子 : 7 //int calc_diff_bit(int m, int n) 思路: 1. 先将m和n…

Mybatis中的缓存机制(一文带你弄懂)

Mybatis中的缓存机制 Mybatis中的缓存机制概述项目结构MyBatis 一级缓存一级缓存原理代码测试什么时候一级缓存失效? Mybatis二级缓存测试代码⼆级缓存的失效⼆级缓存的相关配置 MyBatis集成EhCache Mybatis中的缓存机制 概述 缓存的作⽤:通过减少IO的⽅式&#…

数据结构--树4.2.1(二叉树)

目录 一、二叉树的存储结构 二、二叉树的遍历 一、二叉树的存储结构 顺序存储结构:二叉树的顺序存储结构就是用一维数组存储二叉树中的各个结点,并且结点的存储位置能体现结点之间的逻辑关系。 链式存储结构:二叉树每个结点最多只有两个孩…