编辑导读：接着上一篇功能按钮设计的说明，这一篇介绍功能按钮“删除、保存、提交”的三种形式。这三种形式是界面内容处理过程中的功能（修改、保存）、界面处理完成时的功能（提交）。同样分为基本功能和管控功能两个方面的说明。

三、修改按钮

1.  功能作用

修改按钮是对于在界面上已经处于“锁定状态”的数据进行修改的功能。

对没有被锁定数据的修改可以直接通过编辑的方法对错误数据进行修改，但是界面上的数据被锁定后就不能采用直接编辑错误数据的方法去修改了。对于没有锁定要求的系统而言不存在修改功能的设计问题。

2.  基本功能

修改数据的方式有很多种，根据系统的整体设计理念，常见的有以下3种主要修改方式：物理删除方式、解锁修改方式、红字更正方式，下面就这3种方式进行说明。

1 ) 物理删除方式修改

这个方式是直接从数据表上将已保存过的数据删除，然后再追加一条正确的数据。一般来说这种修改方式仅适用于数据尚未被锁定的情况，或在系统为维护人员特别设置的维护界面上进行删除操作。

2 ) 解锁修改方式

界面已经被锁定后发生了需要修改的数据时，可以通过解锁的方法进行修改。但是这种方式看似简单实则不易，采用解锁的方式进行修改有两个注意点，

• 审批流程：如果采用审批流程全部通过后对界面进行锁定的方式，则删除数据需要对整个审批参与者做出说明（需要通知每个参与审批的人）。
• 数据引用：通常锁定后界面上的数据会被下游的其它组件引用，如果解锁修改就有可能造成一连串的矛盾（需要清除全部引用数据的影响）。

因此，如果不能解决上述的问题则不建议采用解锁的方式修改数据。

3 ) 红字更正方式修改

红字更改方式，是在保留记录履历的前提下进行修改的主要方法。所有与业务相关的数据以及需要保存履历的数据都要采用这个方法进行修改。基本方法是输入与错误数据大小相同的“负值（称：红字）”对冲已记录的错误数据以达到修改的效果。这种方法多用在下述情况：

• 保存的数据一旦被锁定就不能解锁。
• 不能用物理删除的方式修改。
• 系统设计规则要求保留所有变更的履历等。

红字修改的设计思路如下，假定：错误数值A=10，正确数值B=8，修改方法如图1所示，

图1 红字更改方式

修改方法一：部分更换

因已输入的原始数值大于正确数值，即：A＞B，则只需要从A中减去差额B即可，修改如下。

• 第一条数据A=10；
• 追加输入第二条记录，这个记录是差额B=-2（红字）；
• 已保存的二条记录的合计=A+B=10+（-2）=8，修改完成；

修改方法二：全部更换

将已输入的错误数值先用红字数值B进行覆盖，然后再输入正确的数值C，修改如下。

• 追加第二条与A大小相同的红字B=-10，则两条记录合计=A+B=10+（-10）=0；
• 追加第三条记录，输入正确数值C=8，则三条记录合计=A+B+C=0+8，修改完成；

注：正确数据值用了蓝色的字“C=8”，因此也有将这种修改方式称之为“红蓝字处理”的。

4 ) 修改与删除的关系

如果错误数据和变更数据的大小相同、符号相反，则相当于进行了删除。即，在红字的修改方式中，删除只是修改的一个特例，因此可以不单独设置删除功能。

3. 管控功能

对锁定后的数据进行修改需要受到很多方面的约束，常见的一些场景有：

1 ) 权限的约束

是否可以修改，取决于系统管理员是否赋予了用户修改该功能的修改权限。

2 ) 时限的约束

财务相关数据的输入期间都是有时限要求的，过了时限后原则上是不可以再修改的，比如：3月份的数据有错误，但发现错误时已经进入了4月份，此时如果直接修改则将要影响已申报的3月份数据，这种情况通常只能在4月以后的数据中加入调整值（在4月份修改的数据是不会影响半年、或全年的统计结果的）。

3 ) 审批的约束

组件上设置有审批流程时，当组件通过了审批后数据将被锁定。如果要修改必须要设计可以重新进行审批的机制，否则绕过了审批也可以修改则审批就失去了意义。

四、 保存按钮

1. 功能作用

保存按钮用于将输入的数据存储到计算机内部或外部存储介质上。

用键盘输入到字段控件内的数据只是暂时显示在屏幕上，如果没有按下保存按钮将其物理地记录到数据库中，则在关闭窗口后数据就会丢失，再次打开窗口时该条数据就不会显示出来了。保存按钮除去具有保存的功能外，通常还会将对规则的检查挂接在保存按钮上，以保证将正确的数据保存到数据库中。

2. 基本功能

保存按钮的功能就是将数据保存到数据库，并且要在保存前检查数据是否合乎数据库的要求，检查的内容举例如下：

• 数值类的数据格式是否合规，如：货币，格式，位数等。
• 文本类的数据检查内容，如：字数，大小写、是否存在空格等。
• 日期类的数据检查内容，如：格式，时间。
• 数据不能为空等。

可以看出来，上述规则都不是企业管理的规则，它们是数据库的规则，所以它不属于管控功能。

3. 管控功能

在保存按钮上可以链接管控规则。在保存时，检查是否有违反管控规则的现象。

• 单价是否超过规定的平均价？
• 总金额是否超过预算总金额等。

五、 提交按钮

1. 功能作用

提交按钮用于组件的业务处理全部完成后发出处理完成的信号（关闭组件）。

提交按钮实际上是一个检查规则的集合体，提交如果获得通过，则表明这个组件内的数据输入和处理全部符合提交按钮上链接的规则，可以提供给下游的组件使用。

“提交”不一定是通用的称呼，软件开发商由于习惯不同，也可以用其他的名称或方式来实现上述功能。

2. 基本功能

提交功能没有与保存功能等相似的基本功能，它的作用就是将一系列规则依次启动、执行。

【举例】当一个“经费报销”组件的输入工作全部完成后，按下界面上设置的“提交”按钮后，在提交按钮上链接的规则将会从1～5依次被启动，如图2所示，简单地说明一下各个规则的含义（不限于此）。

图2 提交按钮的处理过程

• 财务规则：检查报销金额是否合乎公司财务相关的规定、是否填写了费用的使用目的等，这些与企业管理规章制度相关的工作可以任意的增加。
• 时限规则：检查相关的时限规则是否有违反，此时界面上如有“日期”类的字段就可以设置时限检查，比如：每个月的差旅费报销截止日为第二个月的第三个工作日前，过时不候，检查此时本界面上的日期是否超过。
• 锁定规则：如果在前面所有的规则全部通过检查，则启动锁定界面的锁定机制，将预先规定的对象（全界面、或部分控件）进行锁定；
• 审批规则（审批流程）：如果经费金额达到了要上级审批的额度就需要走审批流程，自动启动审批流程，审批通过后，此组件的处理全部完成。
• 推送信息：如果所有预先设定的规则全部通过后，则向下游的组件、数据库以及预先设定好的其它存储介质推送信息、推送数据和保存数据。

3. 管控功能

严格地说，提交不是一个系统操作功能，它与新增、保存等不一样，它本身就是一个管控功能的触发按钮。在管控方面只有对提交按钮的使用权限。

4. 保存与提交区别

在检查违规时，对保存按钮与提交按钮的设计有很多不同点。

1 ) 功能的目的不同

• 保存：将输入的新数据保存到数据库，也可以协助检查规则的激活。
• 提交：发出数据输入完成的信号、并启动一系列的检查规则。

2 ) 检查重点的不同

• 保存：检查的是输入数据是否有违反数据库规则的。同时支持分步保存，所有属于“必填项”的内容在第一次按下保存按钮前要输入完，但是非必填项可以分几次进行输入、保存。
• 提交：检查的是输入数据是否全部满足包括业务标准和数据库的要求，按下提交按钮前，所有的数据都必须要按数量、按规则输入完毕、缺一不可。

按钮设计小结：

以上关于按钮的设计说明，给出了一些对按钮设计的思路、方法、标准等，按钮功能当然不止这些，这里给出的内容可以作为一般按钮设计的参考意见。从前述的说明可以看出来，按钮不能只从对系统操作的视角做设计，还要特别关注它们作为对业务标准、管理规则进行检查和执行的载体作用。

至此，界面设计的全部内容就登载完了，界面设计是软件设计中工作量最大、最为重要的部分之一，因为工作成果与用户直接的感受有关，也是影响客户满意度的最为重要的设计工作之一。界面设计是包括需求工程师、架构师、开发工程师、以及从事美工、UI等工作全体人员的协同成果，对界面进行深入、细致的规划、设计，是让客户感受信息化价值、提升客户满意度的最重要窗口。

本文由 @李鸿君 原创发布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协议