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

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

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

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

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

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

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

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

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

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

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

功能至上

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

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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

数据结构 day6

1->xmind 2->递归实现程序:输入一个数,输出该数的每一位

lab11 net

background 在开始写代码之前,回顾一下xv6book的第五章会有帮助你将使用E1000去处理网络通信 E1000会和qemu模拟的lan通信在qemu模拟的lan中 xv6的地址是10.0.2.15qemu模拟的计算机的地址是10.0.2.2 qemu会将所有的网络包都记录在packets.pcap中文件kernel/e1000.…

JVM 之字节码(.class)文件

本文中的内容参考B站尚硅谷宋红康JVM全套教程 你将获得: 1、掌握字节码文件的结构 2、掌握Java源代码如何在JVM中执行 3、掌握一些虚拟机指令 4、回答一些面试题 课程介绍 通过几个面试题初始字节码文件为什么学习class字节码文件什么是class字节码文件分析c…

做区块链卡牌游戏有什么好处?

区块链卡牌游戏是一种基于区块链技术的创新性游戏形式,它将传统的卡牌游戏与区块链技术相结合,实现了去中心化、数字化资产的交易和收集。这种新型游戏形式正逐渐在游戏行业引起了广泛的关注和热潮。本文将深入探讨区块链卡牌游戏的定义、特点以及其在未…

App与小程序工具总结

文章目录 前言Burpsuite抓包问题LPosedJustTrustMe 绕过 SSL Pining小程序的反编译APP脱壳,反射大师、frida反射大师Frida 总结 前言 在进行渗透工作的时候,遇到过的App、小程序也不少了,有简单的,也有加固的比较不错的&#xff…

Servlet与过滤器

目录 Servlet 过滤器 Servlet Servlet做了什么 本身不做任何业务处理,只是接收请求并决定调用哪个JavaBean去处理请求,确定用哪个页面来显示处理返回的数据 Servlet是什么 ServerApplet,是一种服务器端的Java应用程序 只有当一个服务器端的程序使用了Servlet…

Ansible学习笔记12

playbook: playbook(剧本):是ansible用于配置、部署和管理被控节点的剧本,用于Ansible操作的编排。 使用的是yaml格式,(saltstack、elk、docker、docker-compose、k8s都会使用到yaml格式。&am…

【数据结构】| 并查集及其优化实现

目录 一. 并查集基本概念处理过程初始化合并查询小结 二. 求并优化2.1 按大小求并2.2 按秩(高度)求并2.3 路径压缩2.4 类的实现代码2.5 复杂度分析 三. 应用LeetCode 128: 最长连续数列LeetCode 547: 省份数量LeetCode 200: 岛屿数量 一. 并查集基本概念 以一个直观的问题来引入…

vue3的hooks你可以了解一下

更详细的hooks了解参考这个大佬的文章:掘金:Hooks和Mixins之间的区别 刚开始我简单看了几篇文章感觉Hooks这个东西很普通,甚至感觉还不如vue2的mixin好用。还有export import 感觉和普通定义一个utils文件使用没什么区别。但是Hooks这个东西肯…

kotlin实现猜数游戏

游戏规则 1.程序随机生成一个1到100的数字,作为MagicNumber 2.用户根据提示输入数据,只有三次机会输入数据 代码 代码很简单,使用了let内置函数 fun main() {//生成随机数可以使用java的方法//val magicNumber Random().nextInt(11)val ma…

设计模式--迭代器模式(Iterator Pattern)

一、什么是迭代器模式 迭代器模式(Iterator Pattern)是一种行为型设计模式,用于提供一种统一的方式来访问一个聚合对象中的各个元素,而不需要暴露该聚合对象的内部结构。迭代器模式将遍历集合的责任从集合对象中分离出来&#xf…

Docker 中下载各版本的 CentOS、CentOS Steam 方式

如果你跟我一样,想要在docker下载centos的镜像,但是无奈访问不了 https://hub.docker.com/,于是不知道有哪些tag可以下载,该如何办呢? 方法如下,以供参考。 访问:https://quay.io/repository/…

【计算机组成 课程笔记】2.1 设计自己的计算机

课程链接: 计算机组成_北京大学_中国大学MOOC(慕课) 2 - 1 - 201-设计自己的计算机(14‘24’‘)_哔哩哔哩_bilibili 什么是指令系统体系结构?这个问题其实非常简单,但要想解释清楚也没有那么容易。我们还是从一个小故事…

【算法训练-数组 三】数组中的第K个最大元素(TOPK问题|寻找第K大)

废话不多说,喊一句号子鼓励自己:程序员永不失业,程序员走向架构!本篇Blog的主题是【寻找第K大】,使用【数组】这个基本的数据结构来实现,这个高频题的站点是:CodeTop,筛选条件为&…

设计模式--代理模式(Proxy Pattern)

一、什么是代理模式(Proxy Pattern) 代理模式(Proxy Pattern)是一种结构型设计模式,它允许一个对象(代理)充当另一个对象(真实对象)的接口,以控制对该对象的…

HCIP-HCS华为私有云的使用

1、概述 华为公有云(HC)、华为私有云(HCS)华为混合云(HCSO)。6.3 之前叫FusionSphere OpenStack,6.3.1 版本开始叫FusionCloud,6.5.1 版本开始叫Huawei Cloud Stack (HCS)华为私有云…

前端调用电脑摄像头

项目中需要前端调用,所以做了如下操作 先看一下效果吧 主要是基于vue3,通过canvas把画面转成base64的形式,然后是把base64转成 file文件,最后调用了一下上传接口 以下是代码 进入页面先调用一下摄像头 navigator.mediaDevices.ge…

无涯教程-Android - List View函数

Android ListView 是垂直滚动列表中显示的视图,使用 Adapter 从列表(如数组或数据库)中获取内容的列表项会自动插入列表中。 适配器(Adapter)实际上是UI组件和将数据填充到UI组件中的数据源之间的桥梁,适配器保存数据并将数据发送到适配器视图&#xff0…

基于猎食者算法优化的BP神经网络(预测应用) - 附代码

基于猎食者算法优化的BP神经网络(预测应用) - 附代码 文章目录 基于猎食者算法优化的BP神经网络(预测应用) - 附代码1.数据介绍2.猎食者优化BP神经网络2.1 BP神经网络参数设置2.2 猎食者算法应用 4.测试结果:5.Matlab代…

认识SQL sever

目录 一、数据库的概念 1.1数据库的基本概念 1.2对数据库的了解 二、数据库的分类 2.1关系型数据库(RDBMS): 2.2非关系型数据库(NoSQL): 2.3混合数据库: 2.4数据仓库: 2.5嵌…