turingERP软件交流平台

2026-05-25

导读：用户复杂数据要求与简捷操作需求之间矛盾给ERP软件UI设计确实带来的不小的挑战，通过文字与视频动画，聊聊这方面内容

上周，一位行业资深群友写下了一篇关于《为什么IT系统不好用之二 —— 你的系统界面，正在每天消耗人的耐心》的文章，说起了有关当前ERP软件UI方面的文章，让我想起了10多年前，我们图凌公众号也曾经因一位同行朋友这方面的话题，写过一篇有关这方面的文章《[原创]ERP软件UI设计模式的挑战，从《为什么要加一个“关账按纽”》谈起》,今天，我们进行了重新整理，分享如下：

今天，读《为什么要加一个“关账按纽”》,对其中的一些文字精神有同感，用户复杂数据要求与简捷操作需求之间矛盾给ERP管理软件UI设计模式确实带来的不小的挑战。该论坛贴子的相关文字摘抄如下：

业务特殊导致的软件需求上有哪些不同呢？

现在的软件一般都是提供一张张的记录单据，如入库单、出库单等等，一次入库记录一张单据，看似很科学，也很简单，然而，用户大多不喜欢这样，总愿意在已知当下情况，如近期出库了多少，当前欠多少，如果再发货，款是不是要催收等等，这些问题总想在同时看到，或能处理。

创新软件设计，改变软件应用模式。

如何让用户操作起来简捷、高效，那就必须在软件设计上做出改变，而这种改变首先带来的是技术实现的难度。软件操作越简单越高效，那么，软件设计一定是越复杂的。

以上是摘抄文字，原贴网址

http://bbs.vsharing.com/Information/ERP/1793644-1.html

对以上的问题，不同公司ERP产品，所采取的UI设计组织各有不同，结合我司产品turingERP【图凌ERP】的前端UI组织的经验，谈谈几点，与大家分享探讨：

一、采用单据界面与浮动面板结合的界面组织方式，以消息驱动方式将软件系统耦合度降低下来，实现"数据主动感知"以及"鼠标拖放式"操作的一致的用户体验。

二、单据的增删改查在一个界面上完成，实现完全非模态化，代替很多“增删改查”分成四个不同菜单功能界面来组织，系统所有的单据具有一致的界面组织形式与操作模式，基本上是：学会一个UI界面后，若懂业务就会用软件了。

三、为了同时满足初级用户与高级用户等不同用户对软件的操作需求，达成易用同时兼具操作效率目的，系统支持除菜单存取功能外，同时支持功能导航图以及系统命令行等功能，对于所有界面支持一致的Fn热键键控模式。

四、系统支持通过菜单存取功能去传统的使用软件的方式外，支持通过系统的底层基于算法的专家系统以及基于AI的以消息机制导向的使用系统的新的一种方式。

以四点都具有行业独特性及解决上述问题的有效性特点，下面，基于这四点，我们通过对比turingERP与当前主流软件的处理形式，体会一下这其中的不同。

第一点：以销售发货，开据销售送货单业务流程的软件操作环节来说：

很多软件，也是主流软件一般采用，选择增加销售送(发)货单的菜单或按钮功能，输入相关业务信息项目，点击一个按钮的引入相关销售订单项目的“模态”窗体，选择要发货的订单项目，然后存盘，审查确认。当中，如果需要了解其它的相关信息项目的话，主要以下两种方式，一种是：通过选择菜单项目打开查询功能，设置好参数获得结果，这使得软件的使用者相对麻烦些；第二种，就是在单据明细项目里加一些与单据无关的但用户想知道的信息项目，这往往会使软件变的复杂多变，界面凌乱，版本多的特点。

而图凌ERP是采用业务引擎相关的两个浮动面板: 业务信息窗、选择窗来处理这个问题。

1、业务信息窗：它会根据当前系统单据所处的情况及状态，自动地将相关信息项目查询出来，来解决获得“当下情况，如近期出库了多少，当前欠多少，如果再发货，款是不是要催收等等”的信息项目的问题，从最终用户来说，我们叫它“实时跟踪”功能，从开发人员消息机制角度来说，我们叫这个叫"数据主动感知"，这些信息项包括相关的流程信息项，相关流程全部单据列表，相关的实体单位的信息项。

软件操作视频演示如下：

2、选取窗：是业务引擎相关有将被选择的数据列表，它也是会根据系统单据所处状态情况，主动地将符合当前单据信息相关流程数据项给到操作人员，然后，软件操作人员通过鼠标拖放的方式将选择到的单据明细放入单据明细，实现输入编辑工作。这种“单据界面与浮动面板”结合的方式是整个系统的并有的一个特点，可以说从用户角度，是一种软件操作模式，而从软件开发者角度，就是一种设计模式。浮动面板本身是“非模态化”的，具有同时做多件事的特点，这种软件UI组织模式被很多诸如绘图、艺术设计、字处理等领域的软件所采用，如Adobe的PhotoShop，AutoCAD,MS Word Excel，事实上很多软件开发环境也是这样组织的，不知道为什么在管理软件应用领域就不太多了。

软件操作视频演示如下：

而其中鼠标拖放的方式是这一系统非常大的一个特点，这个系统见到的数据基本上都有它“鼠标拖放“操作，举个例子：从物资编码浏览窗面板中拖放到单据中，视频演示如下：

刚才说这种软件UI组织模式被很多诸如绘图、艺术设计、字处理等领域的软件所采用，这里就将图片艺术设计及Web设计领域里非常常用的Adobe的PhotoShop，俗称PS软件的，与turingERP V6【图凌ERP】作一对比，可能对这种软件UI组织形式会有更全面的了解：

第二点：“增删改查”在一个界面实现，相信这种模式比以不同功能形式组织通过选择不同菜单分别操作方式，好处是一目了然的，不过确实在软件工程设计与编码上带来了不少复杂性。

turingERP【图凌ERP】中每个业务单据仅有一个菜单，而相关的“增删改查”都在这个业务界面上进行的。

通过"视图"模式来实现相关功能的，你连续点击“视图”按钮，业务单据就在单据视图、查询列表视图、查询列表、单据分屏显示视图三种视图模式切换。再配合过滤、定位、删除、增加等相关按钮功能，就实现了相关操作了。

软件操作视频演示如下：

除了这三个视图模式外，还有第四种模式，就是业务单据明细模式，主表与明细表连表的一个明细报表。这些报表是系统在运行时自动生成的，而无须程序员写代码。所以系统也很少有象其它软件一样有大量的单据明细查询单独的功能主菜单。

对所有的单据，单表、主从表、多级主从表结构的单据，都是具有这一致的操作模式。

第三点：为了同时满足初级与高级用户等不同用户对软件的操作需求，达成易用同时兼具操作效率目的要求，系统做了贴心设计。

turingERP【图凌ERP】支持传统的顶部与左侧的菜单功能的同时，支持任一界面通过鼠标拖放到快捷菜单栏定义需存取的功能，并将该设置存储与个人偏好里，下次重新登录后可方便再次使用，该功能在上面的《鼠标拖曳炫酷操作集锦》里有所展示。

而说到支持的功能导航图以及系统命令行等功能，对于所有界面支持一致的Fn热键键控模式，以满足不同类型的用户操作需求，我们还是通过图样与视频做一说明：

第四点：至于说到这四点，系统支持通过菜单存取功能去传统的使用软件的方式外，支持通过系统的底层基于算法的专家系统以及基于AI的以消息机制导向的使用系统的新的一种方式，我们以下面这个视频直接来说明就是：

以上四点，可以比较好地解决提出来的问题，至少是一种有效办法思路吧，不过，也正是因为以上四个特点，正象我们很多售前反映的，turingERP【图凌ERP】在很多客户第一次接触时，认为是比较“特别”的软件系统，不过在成为真正客户后，大多都这些特点表示极大的赞赏与肯定，正是这十四五年大量客户肯定与支持下，我们一直沿用着这种单据一体化与单据浮动面板结合以及"数据主动感知"以及"鼠标拖放式"操作的软件UI组织。

为了获得高的用户体验以及操作效率，我们始终没有完全放弃CS架构系统，而是采取CS/BS/移动APP三者结合起来的策略，在BS中开发，获得这种操作体验，现在HTML 5上可以做到，但相对还是比较困难的。

CS/BS结合方面，turingERP【图凌ERP】CS内嵌了浏览器的多功能浮动面板具有解析HTML的功能，同时我们扩展了HTML标识语言解析范围，如 cmd://采购订单，cmd://CGDD，又如：cmd://open(CGD-201501020033)，通过这种扩展HTML方式，使得系统可与很多BS软件结合，如OA系统等给合一体化应用。

而有人要说BS比CS要好维护，这里我来提及一件事，几亿人用QQ客户端，腾讯公司有帮你维护吗？腾讯公司在它的相关领域本身就是以CS结合BS方式的，而且现在有越来越多的APP客户端程序出现，也说明在当下，CS用户体验、效率及稳定性方面，确是有它应有的存在价值，事实上，我们也一直认为turingERP【图凌ERP】软件套件中的CS客户端就是类QQ客户端的软件，是一个可自动安装，自主检查版本，自主升级的软件APP产品，无须任何IT人员的介入。当然，关于CS BS的问题，现在又增加了一个PC应用与移动应用的问题，这些不是本文想过多谈及的方面，希望以后有机会再交流，由于时间的关系就说这么多吧。

更多链接：