界面设计方法(1)—界面的概念与分类

在ERP类等企业管理类系统开发过程中,毫无疑问,对用户“界面”设计的工作量是最大的,界面是系统中支持用户输入、查看数据的业务功能,它们是用户现实工作在系统中的映射,是人机交互的窗口。对软件工程师来说,界面不仅是系统的脸面,而且最终用户体验到信息化价值的大小也主要是由界面提供的。

按照系统中的用途可将业务功能分为4大类:活动功能、字典功能、看板功能和表单功能。根据这些功能的共性和个性建立相应的界面模型和设计方法,可以大幅度地提升界面设计的效率和效果。

界面的表达形式可以分为2大类:窗体形式、打印形式。

图1业务功能与对应的界面形式

界面设计的本质是业务功能的设计,而业务功能的分类是基于该功能处理的数据类型而定的,因此下面按照“数据分类→业务功能分类→界面分类”的顺序进行说明界面设计方法。

首先来看一下数据的分类方法。在构建企业的信息系统时,可以按数据的用途和产生数据的阶段划分为三个区,即:数据的生成区、数据的加工区和数据的应用区,如图2所示。

图2数据的三个分区

数据生成区,是将原始数据输入到系统中的区域,在这个区域产生的数据根据其用途可以分为二类,一类是“过程类数据”、另一类为“基础类数据”。

1)过程数据

在企业活动过程中第一次产生的、没有经过任何加工的数据就称之为过程数据(即原始数据),“过程”指企业各类工作的过程。软件的功能设计工作大部分都集中在这个区,比如:架构设计、功能设计、数据设计等,通常所说的“业务数据”的绝大部分产生于此区域,比如:销售数据、生产数据、财务数据、物流数据、人资数据等。

2)基础数据

注:基础数据,是企业进行信息化建设中最重要的标准化对象之一(其它例:业务流程标准化)

3)基础数据与过程数据

两者的转换关系:

在用界面进行过程数据的输入时,基础数据可以用选择框的形式作为界面上某个字段的选择对象,基础数据一旦被选择输入后,就成为了过程数据。

不同的维护原则:

对收集到的过程数据,按照不同目的加工(抽取、转换、清洗…),是对过程数据进行加工的区域,经过加工完成的数据称之为“加工数据”(已经不是原始数据了),它们被按照用户的关心维度、分析报表的种类预先分类存储,以供各类查询、统计之用。

利用加工数据,可以方便用户利用单据、报表以及各类静态、动态的方式进行查询、展示、分析。比如常见的加工数据有:销售分析、产值分析、成本分析、绩效分析、财务月报表等。

有了三种数据的用途分类后,按照对不同数据处理的分工可以将业务功能划分为4大种类,即:活动功能、字典功能、看板功能和表单功能。下面分别对这4种功能进行说明,参见图3。

图3业务功能与数据分类的对应关系

活动,是指专门利用“窗体”形式来记录、展示在过程数据的功能,所有过程数据都是通过活动功能输入的。之所以将这类功能称之为“活动”,就是因为它们是企业中实际工作在系统中的映射,同时企业的管理规则也是主要加载在活动功能上的(提示、预警、终止等),活动是4类功能中数量最多、使用最广的一种。

活动产生过程数据,在输入数据时会使用基础数据辅助提升输入效率,参见图3①。

注:绘制业务流程时,流程上的节点必须是活动功能,因为只有活动才能驱动流程的运转。

字典,是专门利用“窗体”的形式来维护需要标准化的企业基础数据。作为对基础数据进行维护的功能,它包含了对数据的:记录、展示、更新、发布的功能,由于字典是用来规范企业标准的工具,因此字典只能由特定的管理人员使用。

字典产生基础数据,参见图3②。

注:业务流程是产生价值工作的串联,因为字典只是用来维护基础数据的,不是用来产生价值的工作,所以字典是不能成为业务流程上的节点(对比活动功能)。

看板,是专门利用“窗体”的形式来展示经过加工处理后的数据的,它是用来展示看数据的,它不用于数据的输入,它可以利用窗体所具有的各种灵活多变的查询和展示形式(图形曲线、数据穿透等),看板通常用于门户、监控台、仪表盘、导航等的形式来展示信息。

看板可以用来展示过程、基础和加工三类数据,参见图3。

表单,是专门采用“打印”的形式来展示数据的,适用于各类需要打印、盖章、并以纸质的形式保存的场景,其中,“表”指的是各类统计和分析的“报表”;“单”指的是各类凭证形式的单据。比如

表单可以用来展示过程、基础和加工三类数据,参见图3。

对业务功能进行分类对理解设计方法有很大的帮助,主要作用(不限于此)。

界面的设计分为:窗口形式与表达形式。它们的用途、建模形式、设计方法以及后续的开发方法都不相同,参见图4。

图4界面形式

当然分类方法不是绝对的,随着新需求、新技术的不断出现,划分方法也会发生变化,参考上述划分的思想、方法,根据实际情况建立更加合适不同行业的分类方法也是完全必要的。

注:业务功能与系统功能

这里,没有提“查询”、“提示”、“上传”等功能,因为它们更多地是属于系统操作的辅助功能,没有“业务”功能的作用,所以不在这里提及。

本系列的下一篇:界面设计方法—2.活动功能的设计方法

界面设计的详细说明请参考《大话软件工程—需求分析与软件设计》一书。

THE END
1.超硬核的APP界面设计指南,小白必看!有了大致雏形后就可以绘制原型图了,原型图是一个较为简化的、初步的呈现产品功能和交互的模型。它是在软件界面或产品开发过程中,用于可视化和演示想法、功能和设计方案的一种工具。 这里我们可以借助APP界面设计工具Pixso,它拥有超多智能组件、交互动画,全方位满足原型图绘制需求,用户可以简单快速绘制原型图。初学者还https://pixso.cn/designskills/interface-design-guidelines-of-app/
2.怎么做软件界面设计?看了这篇文章你就知道了软件界面设计,顾名思义也就是为了达到软件应用专业化的需要,对软件界面进行美化、优化、标准化的设计,具体应包括软件启动封面设计、软件框架设计、菜单设计、标签设计、安装历程设计、滚动条及状态栏设计、面板设计、图标设计以及软件包装和商业化设计。 比较通俗的理解就是,当我们打开微信,不论聊天还是发朋友圈,出现在https://modao.cc/design/software-interface-design.html
3.一文帮你从零开始学习APP页面设计添加交互:页面设计完成之后,就需要对所有需要进行交互的部分添加交互。在工作台右侧属性面板中将设计模式切换到原型模式,就可以在交互事件中设计点击、拖拽等交互效果。也可以添加过渡动画,有淡入淡出、弹入、弹出等,增强用户体验和界面的流畅感。创建画板之间交互连接有两种方法:一种是点击右上角加号直接添加;另一种是https://js.design/special/article/app-page-designing.html
4.“手把手教你设计”—12个最佳手机APP界面设计教程手机 设计 4人讨论7091次围观 关注问题 写回答 讨论回答 (4) lovetcd UI/UX 设计确实是需要一定的和学识才能真正在这个行业立足,并不是所有想成为设计师的人最后都能如愿以偿。他需要对设计有基本的了解,清楚设计的基本原则。用户界面设计师和其他行业设计面临一样的挑战,那就是用户是怎么想他们产品的,是https://wap.zol.com.cn/ask/x_25009543.html
5.以用户研究为中心的用户界面设计方法研究(计算机软件论文).doc以用户研究为中心的用户界面设计方法研究(计算机软件论文) 可以充分了解社会和文化现象发生变化的过程及其特定环境。研究者旦成功臵身于研究对象的群体生活之中,便会分享他们共同的思想观念文化范式等。研究者可以看到研究对象的真实生活面貌,感受到研究群体日常生活计算机软件论文。融合参与观察的用户界面设计流程。融合参与http://www.woc88.com/list-115063416.html
6.软件测试——测试用例设计&测试分类详解51CTO博客不同的应用软件对于以上非功能的要求不太一样 2.2 具体的设计测试用例的方法 等价类(非常重要) 根据输入(特殊情况下才考虑输出),把输入划分成若干个等价类,从每一个等价类当中选择一个(多个)测试用例进行测试,如果这个测试用例测试通过,我们就说这个测试用例代表的等价类测试通过。 https://blog.51cto.com/u_15641791/5418452
7.虚幻4界面文字大小修改方法相信有部分的小伙伴都有遇到过虚幻4界面字体太小却不知道如何修改的时候,那么今天我就给的大家分享下具体的修改方法演示。希望能帮助到有需要的人,感兴趣的小伙伴可以一起学习了解一下。 溜溜自学全站800+免费视频教程,点击免费试学设计课程>> 工具/软件 电脑型号:联想(Lenovo)天逸510S; 系统版本:Windows7; 软件https://zixue.3d66.com/article/details_98144.html
8.软件工程题库第四章概要设计1.(单选题)在面向数据流的软件设计方法中,一般将信息流分为( )。 A. 变换流和事务流 B. 变换流和控制流 C. 事务流和控制流 D. 数据流和控制流 正确答案: A:变换流和事务流; 2.(单选题)如果一个模块访问另一个模块的内部数据,则模块间的耦合属于( )。 https://developer.aliyun.com/article/1279317
9.结构化开发方法用户界面设计结构化界面设计保持界面一致。 这些黄金原则实际上构成了一系列用户界面设计原则的基础,这些原则可以指导软件设计的重要方面。 1. 用户操纵控制 在很多情况下,设计者为了简化界面的实现可能会引入约束和限制,其结果可能是界面易于构建,但会妨碍使用。Mandel定义了一组设计原则,允许用户操纵控制。 https://blog.csdn.net/qq_37502042/article/details/126505581
10.停车场建设项目方案范文(精选10篇)停车场管理软件界面人性化设计,采用中文界面,只需会简单的电脑操作而无需专业培训即可使用。停车场系统具有强大的数据处理功能,可以对停车场管理中的各种控制参数如IC卡检测,IC卡延期、图像识别等进行设置,可以进行场内车辆查询和打印收费统计报表,并能够对停车场数据进行管理。https://www.ruiwen.com/fangan/6572953.html
11.altera电子技术应用AET中国科技核心期刊6.IDE驱动及应用程序模块:考虑到系统应用中良好的人机交互性,自主开发了硬盘的驱动程序,并设计了与之相应的应用程序界面,为整体系统的应用推广提供了良好的基础。 综上所述,NIOSII处理器灵活的设计方法和SOPC领先的设计理念帮助我们完成了上述功能。通过SOPC Bulider提供的设计平台,使我们能够很轻松的实现多处理器的设http://blog.chinaaet.com/altera/p/6507
12.网络课堂“软件系统架构设计”课程将介绍系统分析与设计领域的系统分析、系统架构设计、设计模式、软件建模设计、软件界面设计等核心专业知识。课程总体目标是培养学生熟练掌握系统分析与设计技术方法,建立软件系统分析、软件系统架构设计、软件建模设计等专业能力。 ▍考核要求 https://study.uestc.edu.cn/wlkt/index.aspx?courseId=1535
13.软件测试④、软件界面设计 ⑤、编码规范 ⑥、开发命名标准 6、白盒测试流程 ①、界面对象测试流程 界面对象(UI)→业务对象(BO)→数据管理对象(DMO)→DBserver端 ②、业务对象测试流程 DBserver端→数据管理对象(DMO)→业务对象(BO)→界面对象(UI) 7、白盒测试方法 https://www.jianshu.com/p/08a9e5861ddc
14.ps学习计划精品实战应用阶段是将以上所学进行实践的过程。我将利用自己学习到的知识和技巧,完成一些实际的设计项目。例如:海报设计、LOGO设计、软件界面设计、网页设计等。 四、拓展应用阶段 拓展应用阶段是将PS这一软件应用拓展到其他领域。例如:APP界面制作、视频制作等。这一阶段需要结合其他相关软件(如Sketch、Cinema4D、Premiere等https://www.jy135.com/xuexijihua/1974348.html
15.迈迪弯曲弹簧设计软件电脑版下载最新-战网改登录地区的方法迈迪弯曲弹簧设计软件评论 1楼 华军网友 2021-06-18 16:12:56 迈迪弯曲弹簧设计软件界面设计很容易上手,功能很丰富,本人极力推荐! 2楼 华军网友 2021-07-25 16:55:10 迈迪弯曲弹簧设计软件超级棒!点一亿个赞!!! 3楼 华军网友 2020-03-07 06:30:49 迈迪弯曲弹簧设计软件整体https://m.onlinedown.net/soft/1228354.htm
16.《界面设计》复习资料《界面设计》复习资料第1章:初识Sketch 单项选择题1.( A )是平衡商业、设计和体验的执行者。A.交互设计师B.产品经理C.视觉设计师D.平面设计师【注释】:第一章1.1 第2页 交互设计师这个作为平衡商业、设计和体验的执行者,经过多年的发展,愈发得到了产品和技术的认可https://www.wjx.cn/xz/260641939.aspx
17.《新印象——中文版Sketch图标与UI界面设计实例教程》(陈晓历Sketch教程 ui设计 一本软件操作 设计理念 设计方法相辅相成的UI界面设计书 配备案例源文件 独立视频课程实战 拓展练习工具书 作者:陈晓历出版社:人民邮电出版社出版时间:2020年07月 手机专享价 ¥ 当当价降价通知 ¥55.90 定价 ¥59.00 电子书价 http://product.dangdang.com/28972978.html
18.学习计划范文(精选20篇)入门阶段的重点是让学习者熟悉PS软件的基本功能和操作方法。 1.1学习软件界面和基本功能 首先,需要了解PS软件的界面和各个功能区域的名称和作用。学习者应该尝试打开PS软件并通过菜单栏、工具栏、面板和窗口等界面元素熟悉软件的整体布局和结构。之后,需要逐一学习软件中的各个功能区域的作用,如图层、调整、滤镜、色彩、https://www.unjs.com/fanwenwang/gongzuojihuafanwen/xuexijihua/20230603065509_7213629.html
19.咪咕音乐软件下载咪咕音乐软件特色 1.时尚的界面设计 丰富的音乐内容任你选,提供精品推荐、每日歌单、热门排行、歌友活动等,让你更轻松地发现喜欢的音乐 2.百万正版曲库 收录百万正版高清、无损高品质音乐,海量下载歌曲、铃声全免费。 3.万首独家MV 环球、索尼、华纳三大唱片公司独家MV,只有这里能看到。 https://huajiakeji.com/software/2019-09/2899.html
20.一本全面的常见界面设计模式大全(界面设计模式(第2版))书评1.1-软件只是达到某种目的的手段用户只会和你谈论他们想要的功能和解决方案,而不是真正需要和存在的问题。而我们设计界面的第一步是找出用户真正要达到的目标。如用户填写一张表格,其真实目标可能是想要在线购物。所以不要热衷于设计那张表格,如果有某种方法可以很快完成任务,同时用户完全不必用到那张表格,那就把它https://book.douban.com/review/9253498/
21.hmi是什么意思?hmi人机界面设计产品使用方法发展现状与趋势人机界面的使用方法 1)明确监控任务要求,选择适合的HMI产品; 2)在PC机上用画面组态软件编辑“工程文件”; 3)测试并保存已编辑好的“工程文件”; 4)PC机连接HMI硬件,下载“工程文件”到HMI中。 hmi人机界面设计 在设计有效的控制台操作HMI(人机界面)时,对ASM准则最常见的误解和错误应用,就是过度强调颜色:简单地https://maimai.cn/article/detail?fid=329427231&efid=A-5OR1KhS1ouQYeCgzlWqQ
22.软件技术专业人才培养方案(三年制)①具有阅读并正确理解软件需求分析报告和项目建设方案的能力。 ②具有计算机软硬件系统安装、调试、维护的实践能力。 ③具有简单算法的分析与设计能力,并能用HTML5、Java等编程实现。 ④具有数据库设计、应用与管理能力。 ⑤具有软件界面设计能力。 ⑥具有桌面应用程序及Web应用程序开发能力。 https://www.fvti.cn/albb/2023/0912/c2940a147517/page.htm