今天看了一下数据集市系统,突然发现这个UI在哪里见过。转而一想,可能是这类UI的设计开源了。对比之下,我们自己做的界面真是相形见拙。完全看程序员自己设计界面已经太落后了。。。我们先看下人家的情况
这类界面网络上到处都是,很简单但实用。说说它的功能,拿我们的UI做对比,包括我自己做的,分析我们的不足,然后改进,这是我此次分析的初衷。
首先,统一的UI风格。这个最容易说,但最难做。至少我们还没做到:有的模块没有数据显示区域,有的模块没有查询,还有的不分页或者是累死人的分页,操作逻辑各异,按钮名称也不同。
其次,分页问题。上面的分页应该是比较完善的了,我们系统也有这样的分页。但是由于只有依托与架构的时候才容易用到这个分页,很多人没有用到架构的时候直接手写“首页、上一页、下一页、尾页”作为分页,更有的不分页。良好的可嵌入的分页模块太有必要了,这是我们需要改进的。
再次,查询条件。可以看到上面的查询条件区域和数据显示区域是分开的,大多数良好的UI设计也是这做的。而上面的设计中,更值得学习的地方是过滤器的使用。可定制的条件过滤和支持复杂设置的高级过滤为界面增加了人性化因素。如果此功能能够模块化,程序员用起来方便,那该多好。按列名排序,这个也是我们架构支持的,可惜没人用架构了,这块也废弃了。
第四,数据汇总。为数据分析和业务分析带来很大方便。
第五,其他细节。行号,我们没有。高亮选择行,程序员控制。统一的导出模块,我们是一个模块实现一个导出功能,需要研究。
暂时就分析到这些问题。我一直有任务程序员的开发工作要尽量多的时间花在业务上,而不是繁琐的UI设计。如果UI形成了统一的模块,这无论在用户体验还是程序员的开发中都会感受到强烈的认同感。这是我们要努力的方向。
- 大小: 35.3 KB
分享到:
相关推荐
### UI设计概述及发展前景 #### 一、UI设计的基本概念 UI,即User Interface,中文称为用户界面。它是用户与软件或硬件系统交互时所接触到的一切元素,包括但不限于按钮、菜单、图标、颜色方案以及整体布局等。UI...
1、该PPT,是结合测试过程发现的问题,用于对测试小白进一步了解博文干货1,UI测试bug案例。
首先,让我们从AndroidManifest.xml文件谈起。这个文件是Android应用程序的基础配置文件,它定义了应用的组件、权限、启动图标、主题颜色等信息。在SystemUI项目中,AndroidManifest.xml会声明SystemUI服务和活动,...
在探讨《HTML5智能手机UI布局浅谈》这一主题时,我们深入分析了HTML5在智能手机用户界面设计中的应用,以及它如何改变了移动Web开发的格局。以下是对标题、描述及部分文档内容中提及的关键知识点的详细解读。 ### ...
1. 浅谈UI设计中的视觉设计风格 2. 浅谈UI设计中的视觉表示 3. UI交互智能迷你污染器设计 4. 回合制手机游戏新增UI设计标准研讨 5. 基于用户休会的移动终端UI设计 6. 基于HTML5和jQueryMobile的移动应用APP设计与...
网页UI设计是构建网站用户体验的关键环节,它不仅关乎美观,更涉及到用户对网站的易用性和交互性。本文主要从用户研究、交互设计、界面设计以及界面构成元素和布局等方面深入探讨了网页UI设计的各个方面。 首先,...
比如“浅谈UI设计中的视觉设计风格发展”这一题目,可以探讨从早期的拟物化设计到现在的扁平化设计,再到Material Design等新兴风格的演变,以及这些变化如何影响用户感知和操作习惯。 视觉表现是UI设计的关键组成...
网页UI设计是构建网站用户体验的关键环节,涉及到艺术设计与实用性的完美融合。本文将简单探讨网页UI设计的主要方面,包括用户研究、交互设计、界面设计的构成元素以及界面布局原则。 首先,用户研究是UI设计的基石...
目前任务需要做一个界面程序,PyQt是非常方便的选择,QT丰富的控件以及python方便的编程。近期遇到界面中执行一些后台任务时界面卡死的情况,解决了在这里记录下。...– PyQt5.QtGui UI类,如QFont –
用户在众多应用中进行选择时,界面设计(UI)的合理性、视觉效果以及用户体验成为了决定应用生死存亡的关键因素。本文将深入探讨智能手机App开发中的UI设计技巧,以期帮助开发者创造更受用户喜爱的应用。 首先,UI...
【网站界面设计与UI的重要性】 随着互联网的普及和发展,网站已成为人们生活中不可或缺的一部分,它们集信息查询、学习、生活、工作、娱乐等多种功能于一体。在这个过程中,网站界面设计(UI设计)扮演着至关重要的...
在使用Amaze UI框架开发网页时,我们可能会遇到需要集成日期选择器的需求。Amaze UI提供了两种组件,即datepicker和datetimepicker,它们用于处理日期和日期时间的选择。然而,在实际应用中,有一些需要注意的关键点...
再者,要多听,听办公室里同事们谈谈生活的趣事,办公室的趣闻,偶尔还略谈公事。 五、结论 本实习报告总结了作者的实习经历和心得体会。实习期间,作者学到了许多实际操作和与人相处的技巧,了解了UI设计相关工作...
微信小程序UI框架we-ui 1.从git上clone到本地 太简单的东西我就不解释了,直接讲怎么用吧 这是解压后的目录 2.新建一个项目 将 dist/style/目录下的weui.wxss 放到新项目的根目录下,如下图所示 3.在app.wxss中...
如下所示: loadTop(){ this.$store.dispatch('getNewsList',{channelId:this.id,...以上这篇浅谈mint-ui loadmore组件注意的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开
在SwiftUI中,$0是一个特殊的占位符,它代表了闭包中第一个接收的参数。这个特性使得Swift的代码更加简洁,特别是在处理内联函数和闭包时。$0, $1, $2等符号是Swift语言为简化闭包语法而引入的,它们分别代表了闭包...
cube-ui 是滴滴公司的技术团队基于 Vue.js 实现的精致移动端组件库。很赞,虽然组件还不是很多,但是基本场景是够用了,感谢开源! 首先创建一个vue项目 vue init webpack my-project cd my-project npm install ...
近期上手vue的移动端项目,舍弃了之前自己相对熟悉的mui框架,改为用饿了么团队为了vue量身定做的mint-ui框架。 之前开发的时候觉得mui的文档就足够坑爹了,但当我开始阅读mint-ui这个文档后才发现自己真是太年轻了...