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

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

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

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

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

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

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

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

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

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

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

功能至上

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

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

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

相关文章

机器视觉-外观缺陷检测已成笑话

外观检测盛行几年,只要做机器视觉工程师,每个人都好奇都想做做。不做不知道,一做吓一跳。我将从各大家一线公司掌握的信息来具体分析外观缺陷检测埋了多少坑: 明显的现象,公司摆了很多设备,都在公司,都没有出售。我从业15年,从来没有经历过有这么多设备待在公司。从来…

基于Java的旅游信息推荐系统设计与实现,springboot+vue,MySQL数据库,前后端分离,完美运行,有三万字论文。

基于Java的旅游信息推荐系统设计与实现,springbootvue,MySQL数据库,前后端分离,完美运行,有三万字论文。 前台主要功能:登录注册、旅游新闻、景区信息、美食信息、旅游线路、现在留言、收藏、预定旅游线路…

深度学习5:长短期记忆网络 – Long short-term memory | LSTM

目录 什么是 LSTM? LSTM的核心思路 什么是 LSTM? 长短期记忆网络——通常被称为 LSTM,是一种特殊的RNN,能够学习长期依赖性。由 Hochreiter 和 Schmidhuber(1997)提出的,并且在接下来的工作中…

Python自动化小技巧21——实现PDF转word功能(程序制作)

案例背景 为什么这个年代PDF转word,某wps居然还要收费.....很多软件都可以实现这个功能,但是效果都有好有坏,而且有的还付费,很麻烦。 那就用python实现这个功能吧,然后把代码打包为.exe的程序,这样随便在…

Docker容器:docker consul的注册与发现及consul-template守护进程

文章目录 一.docker consul的注册与发现介绍1.什么是服务注册与发现2.什么是consul3.consul提供的一些关键特性4.数据流向 二.consul部署1.consul服务器(192.168.198.12)(1)建立 Consul 服务(2)查看集群信息…

Tomcat10安装及配置教程win11

Tomcat10安装及配置教程win11 Tomcat下载链接 Tomcat官网 Tomcat官网地址 https://tomcat.apache.org/ Tomcat的版本列表 点击上图中左侧红框内**Which version?**即可得下图 下载Tomcat 点击上图中左侧红框内红框内tomcat版本即可得下图,下载zip包 解压zip包…

Maven聚合项目(微服务项目)创建流程,以及pom详解

一、创建流程 1、首先创建springboot项目作为父项目 只留下pom.xml 文件&#xff0c;删除src目录及其他无用文件 2、创建子项目 子项目可以是maven项目&#xff0c;也可以是springboot项目 3、父子项目关联 4、父项目中依赖管理 <?xml version"1.0" encoding…

MES管理系统如何让传统汽车行业从“制造”走向“智造”

在传统制造业中&#xff0c;“数字化转型”是一个老生常谈的话题&#xff0c;然而&#xff0c;许多传统制造业仍处于“信息化”的阶段&#xff0c;距离真正的数字化还有很长的路要走。如果要在所有传统制造行业中寻找那些可以成为转型“先行者”的领域&#xff0c;那么深度与广…

09-微信小程序 网络请求API(实现轮播广告和简易的聊天窗口)

09-微信小程序API网络请求(实现轮播广告和简易的聊天窗口) 文章目录 微信小程序API服务器域名配置注意网络相关APIrequestRequestTask 请求任务对象object.success 回调函数object.fail 回调函数案例代码&#xff08;实现轮播图&#xff09; WebSocket案例代码&#xff08;实现…

C语言——指针进阶(一)

目录 ​编辑 一.字符指针 1.1 基本概念 1.2 面试题 二.指针数组 三.数组指针 3.1 数组指针的定义 3.2 &数组名VS数组名 3.3 数组指针的使用 四.数组参数、指针参数 4.1 一维数组传参 ​编辑 4.2 二维数组传参 4.3 一级指针传参 4.4 二级指针传参 ​编辑 五.…

【golang】派生数据类型---指针 标识符、关键字等

1、指针 对比C/C中的指针&#xff0c;go语言中的指针显得极为简洁&#xff0c;只是简单的获取某个空间的地址 或者 根据指针变量中的内容 获取对应存储空间的内容等操作。 具体示例如下&#xff1a; go中使用指针需要注意的点&#xff1a; 可以通过指针改变它所指向的内存空…

nginx-获取客户端IP地址

上有服务器与客户端中间是有nginx代理服务器的&#xff0c;上游服务器如何获取客户端真实ip地址&#xff1f; nginx代理服务器设置X-Forwarded-For的header参数&#xff0c;代理服务器通过remote_addr获取客户端ip地址&#xff0c;将ip地址写入nginx代理服务器的X-Forwarded-Fo…

可解释性的相关介绍

一、可解释性的元定义&#xff08;Meta-definitions of Interpretability&#xff09; The extent to which an individual can comprehend the cause of a model’s outcome. [1]The degree to which a human can consistently predict a model’s outcome. [2] 可解释性&am…

【坑】Vue中带有__ob__: Observer的数组无法遍历的问题

控制台可以打印出数据但是渲染不出结构 解决办法&#xff1a; setTimeout(() > {Bus.$emit(shareRes, this.result.filter(item > item.id id)) }, 500)替换 Bus.$emit(shareRes, this.result.filter(item > item.id id))总结 解决和总结 好像和__ob__.Observe无…

聚类分析 | MATLAB实现基于FCM模糊C均值聚类结果可视化

聚类分析 | MATLAB实现基于FCM模糊C均值聚类结果可视化 目录 聚类分析 | MATLAB实现基于FCM模糊C均值聚类结果可视化效果一览基本介绍程序设计参考资料 效果一览 基本介绍 FCM模糊C均值聚类&#xff0c;聚类结果可视化&#xff0c;MATLAB程序。 FCM&#xff08;Fuzzy C-Means&a…

AI智能问答在哪些领域可以应用呢

对于AI智能问答这个全新的领域很多人都是懵懵懂懂的&#xff0c;以为这就和一些科技大企业有关。但是其实不是的&#xff0c;这和我们每个人的日常生活都息息相关。这篇文章&#xff0c;looklook就来和大家讲讲AI智能问答可以有哪些应用的方向&#xff0c;有需要的朋友们就看下…

星际争霸之小霸王之小蜜蜂(七)--消失的子弹

目录 前言 一、删除子弹 二、限制子弹数量 三、继续重构代码 总结 前言 昨天我们已经让子弹飞了起来&#xff0c;但是会面临一个和之前小蜜蜂一样的问题&#xff0c;小蜜蜂的行动应该限制在窗口内&#xff0c;那么子弹也是有相同之处&#xff0c;也需要限制一个移动范围&…

学习笔记230827--vue项目中,子组件拿不到父组件异步获取数据的问题

&#x1f9cb; 问题描述 父组件的数据是请求后台所得&#xff0c;因为是异步数据&#xff0c;就会出现&#xff0c;父组件的值传递过去了&#xff0c;子组件加载不到&#xff0c;拿不到值的问题。 下面从同步数据传递和异步数据传递开始论述问题 &#x1f9cb;&#x1f9cb;1…

R语言响应面(RSM)、线性模型lm分析生产过程影响因素可视化

全文链接&#xff1a;https://tecdat.cn/?p33499 响应面&#xff08;Response Surface Methodology&#xff0c;RSM&#xff09;分析是一种常用的统计方法&#xff0c;用于研究和优化生产过程中的影响因素。通过建立数学模型来描述因素与响应之间的关系&#xff0c;RSM可以帮助…

【C++入门到精通】C++入门 —— 多态(抽象类和虚函数的魅力)

阅读导航 前言一、多态的概念1. 概念2. 多态的特点 二、多态的定义及实现1. 多态的构成条件2. 虚函数3. 虚函数的重写⭕虚函数重写的两个例外1.协变(基类与派生类虚函数返回值类型不同)2.析构函数的重写(基类与派生类析构函数的名字不同) 4. override 和 final&#xff08;C11 …