編輯導讀：接著上一篇功能按鈕設計的說明，這一篇介紹功能按鈕“刪除、保存、提交”的三種形式。這三種形式是界面內容處理過程中的功能（修改、保存）、界面處理完成時的功能（提交）。同樣分為基本功能和管控功能兩個方面的說明。

三、修改按鈕

1.? 功能作用

修改按鈕是對于在界面上已經處于“鎖定狀態(tài)”的數(shù)據(jù)進行修改的功能。

對沒有被鎖定數(shù)據(jù)的修改可以直接通過編輯的方法對錯誤數(shù)據(jù)進行修改，但是界面上的數(shù)據(jù)被鎖定后就不能采用直接編輯錯誤數(shù)據(jù)的方法去修改了。對于沒有鎖定要求的系統(tǒng)而言不存在修改功能的設計問題。

2.? 基本功能

修改數(shù)據(jù)的方式有很多種，根據(jù)系統(tǒng)的整體設計理念，常見的有以下3種主要修改方式：物理刪除方式、解鎖修改方式、紅字更正方式，下面就這3種方式進行說明。

1 ) 物理刪除方式修改

這個方式是直接從數(shù)據(jù)表上將已保存過的數(shù)據(jù)刪除，然后再追加一條正確的數(shù)據(jù)。一般來說這種修改方式僅適用于數(shù)據(jù)尚未被鎖定的情況，或在系統(tǒng)為維護人員特別設置的維護界面上進行刪除操作。

2 ) 解鎖修改方式

界面已經被鎖定后發(fā)生了需要修改的數(shù)據(jù)時，可以通過解鎖的方法進行修改。但是這種方式看似簡單實則不易，采用解鎖的方式進行修改有兩個注意點，

• 審批流程：如果采用審批流程全部通過后對界面進行鎖定的方式，則刪除數(shù)據(jù)需要對整個審批參與者做出說明（需要通知每個參與審批的人）。
• 數(shù)據(jù)引用：通常鎖定后界面上的數(shù)據(jù)會被下游的其它組件引用，如果解鎖修改就有可能造成一連串的矛盾（需要清除全部引用數(shù)據(jù)的影響）。

因此，如果不能解決上述的問題則不建議采用解鎖的方式修改數(shù)據(jù)。

3 ) 紅字更正方式修改

紅字更改方式，是在保留記錄履歷的前提下進行修改的主要方法。所有與業(yè)務相關的數(shù)據(jù)以及需要保存履歷的數(shù)據(jù)都要采用這個方法進行修改?；痉椒ㄊ禽斎肱c錯誤數(shù)據(jù)大小相同的“負值（稱：紅字）”對沖已記錄的錯誤數(shù)據(jù)以達到修改的效果。這種方法多用在下述情況：

• 保存的數(shù)據(jù)一旦被鎖定就不能解鎖。
• 不能用物理刪除的方式修改。
• 系統(tǒng)設計規(guī)則要求保留所有變更的履歷等。

紅字修改的設計思路如下，假定：錯誤數(shù)值A=10，正確數(shù)值B=8，修改方法如圖1所示，

圖1 紅字更改方式

修改方法一：部分更換

因已輸入的原始數(shù)值大于正確數(shù)值，即：A＞B，則只需要從A中減去差額B即可，修改如下。

• 第一條數(shù)據(jù)A=10；
• 追加輸入第二條記錄，這個記錄是差額B=-2（紅字）；
• 已保存的二條記錄的合計=A+B=10+（-2）=8，修改完成；

修改方法二：全部更換

將已輸入的錯誤數(shù)值先用紅字數(shù)值B進行覆蓋，然后再輸入正確的數(shù)值C，修改如下。

• 追加第二條與A大小相同的紅字B=-10，則兩條記錄合計=A+B=10+（-10）=0；
• 追加第三條記錄，輸入正確數(shù)值C=8，則三條記錄合計=A+B+C=0+8，修改完成；

注：正確數(shù)據(jù)值用了藍色的字“C=8”，因此也有將這種修改方式稱之為“紅藍字處理”的。

4 ) 修改與刪除的關系

如果錯誤數(shù)據(jù)和變更數(shù)據(jù)的大小相同、符號相反，則相當于進行了刪除。即，在紅字的修改方式中，刪除只是修改的一個特例，因此可以不單獨設置刪除功能。

3. 管控功能

對鎖定后的數(shù)據(jù)進行修改需要受到很多方面的約束，常見的一些場景有：

1 ) 權限的約束

是否可以修改，取決于系統(tǒng)管理員是否賦予了用戶修改該功能的修改權限。

2 ) 時限的約束

財務相關數(shù)據(jù)的輸入期間都是有時限要求的，過了時限后原則上是不可以再修改的，比如：3月份的數(shù)據(jù)有錯誤，但發(fā)現(xiàn)錯誤時已經進入了4月份，此時如果直接修改則將要影響已申報的3月份數(shù)據(jù)，這種情況通常只能在4月以后的數(shù)據(jù)中加入調整值（在4月份修改的數(shù)據(jù)是不會影響半年、或全年的統(tǒng)計結果的）。

3 ) 審批的約束

組件上設置有審批流程時，當組件通過了審批后數(shù)據(jù)將被鎖定。如果要修改必須要設計可以重新進行審批的機制，否則繞過了審批也可以修改則審批就失去了意義。

四、 保存按鈕

1. 功能作用

保存按鈕用于將輸入的數(shù)據(jù)存儲到計算機內部或外部存儲介質上。

用鍵盤輸入到字段控件內的數(shù)據(jù)只是暫時顯示在屏幕上，如果沒有按下保存按鈕將其物理地記錄到數(shù)據(jù)庫中，則在關閉窗口后數(shù)據(jù)就會丟失，再次打開窗口時該條數(shù)據(jù)就不會顯示出來了。保存按鈕除去具有保存的功能外，通常還會將對規(guī)則的檢查掛接在保存按鈕上，以保證將正確的數(shù)據(jù)保存到數(shù)據(jù)庫中。

2. 基本功能

保存按鈕的功能就是將數(shù)據(jù)保存到數(shù)據(jù)庫，并且要在保存前檢查數(shù)據(jù)是否合乎數(shù)據(jù)庫的要求，檢查的內容舉例如下：

• 數(shù)值類的數(shù)據(jù)格式是否合規(guī)，如：貨幣，格式，位數(shù)等。
• 文本類的數(shù)據(jù)檢查內容，如：字數(shù)，大小寫、是否存在空格等。
• 日期類的數(shù)據(jù)檢查內容，如：格式，時間。
• 數(shù)據(jù)不能為空等。

可以看出來，上述規(guī)則都不是企業(yè)管理的規(guī)則，它們是數(shù)據(jù)庫的規(guī)則，所以它不屬于管控功能。

3. 管控功能

在保存按鈕上可以鏈接管控規(guī)則。在保存時，檢查是否有違反管控規(guī)則的現(xiàn)象。

• 單價是否超過規(guī)定的平均價？
• 總金額是否超過預算總金額等。

五、 提交按鈕

1. 功能作用

提交按鈕用于組件的業(yè)務處理全部完成后發(fā)出處理完成的信號（關閉組件）。

提交按鈕實際上是一個檢查規(guī)則的集合體，提交如果獲得通過，則表明這個組件內的數(shù)據(jù)輸入和處理全部符合提交按鈕上鏈接的規(guī)則，可以提供給下游的組件使用。

“提交”不一定是通用的稱呼，軟件開發(fā)商由于習慣不同，也可以用其他的名稱或方式來實現(xiàn)上述功能。

2. 基本功能

提交功能沒有與保存功能等相似的基本功能，它的作用就是將一系列規(guī)則依次啟動、執(zhí)行。

【舉例】當一個“經費報銷”組件的輸入工作全部完成后，按下界面上設置的“提交”按鈕后，在提交按鈕上鏈接的規(guī)則將會從1～5依次被啟動，如圖2所示，簡單地說明一下各個規(guī)則的含義（不限于此）。

圖2 提交按鈕的處理過程

• 財務規(guī)則：檢查報銷金額是否合乎公司財務相關的規(guī)定、是否填寫了費用的使用目的等，這些與企業(yè)管理規(guī)章制度相關的工作可以任意的增加。
• 時限規(guī)則：檢查相關的時限規(guī)則是否有違反，此時界面上如有“日期”類的字段就可以設置時限檢查，比如：每個月的差旅費報銷截止日為第二個月的第三個工作日前，過時不候，檢查此時本界面上的日期是否超過。
• 鎖定規(guī)則：如果在前面所有的規(guī)則全部通過檢查，則啟動鎖定界面的鎖定機制，將預先規(guī)定的對象（全界面、或部分控件）進行鎖定；
• 審批規(guī)則（審批流程）：如果經費金額達到了要上級審批的額度就需要走審批流程，自動啟動審批流程，審批通過后，此組件的處理全部完成。
• 推送信息：如果所有預先設定的規(guī)則全部通過后，則向下游的組件、數(shù)據(jù)庫以及預先設定好的其它存儲介質推送信息、推送數(shù)據(jù)和保存數(shù)據(jù)。

3. 管控功能

嚴格地說，提交不是一個系統(tǒng)操作功能，它與新增、保存等不一樣，它本身就是一個管控功能的觸發(fā)按鈕。在管控方面只有對提交按鈕的使用權限。

4. 保存與提交區(qū)別

在檢查違規(guī)時，對保存按鈕與提交按鈕的設計有很多不同點。

1 ) 功能的目的不同

• 保存：將輸入的新數(shù)據(jù)保存到數(shù)據(jù)庫，也可以協(xié)助檢查規(guī)則的激活。
• 提交：發(fā)出數(shù)據(jù)輸入完成的信號、并啟動一系列的檢查規(guī)則。

2 ) 檢查重點的不同

• 保存：檢查的是輸入數(shù)據(jù)是否有違反數(shù)據(jù)庫規(guī)則的。同時支持分步保存，所有屬于“必填項”的內容在第一次按下保存按鈕前要輸入完，但是非必填項可以分幾次進行輸入、保存。
• 提交：檢查的是輸入數(shù)據(jù)是否全部滿足包括業(yè)務標準和數(shù)據(jù)庫的要求，按下提交按鈕前，所有的數(shù)據(jù)都必須要按數(shù)量、按規(guī)則輸入完畢、缺一不可。

按鈕設計小結：

以上關于按鈕的設計說明，給出了一些對按鈕設計的思路、方法、標準等，按鈕功能當然不止這些，這里給出的內容可以作為一般按鈕設計的參考意見。從前述的說明可以看出來，按鈕不能只從對系統(tǒng)操作的視角做設計，還要特別關注它們作為對業(yè)務標準、管理規(guī)則進行檢查和執(zhí)行的載體作用。

至此，界面設計的全部內容就登載完了，界面設計是軟件設計中工作量最大、最為重要的部分之一，因為工作成果與用戶直接的感受有關，也是影響客戶滿意度的最為重要的設計工作之一。界面設計是包括需求工程師、架構師、開發(fā)工程師、以及從事美工、UI等工作全體人員的協(xié)同成果，對界面進行深入、細致的規(guī)劃、設計，是讓客戶感受信息化價值、提升客戶滿意度的最重要窗口。

本文由 @李鴻君 原創(chuàng)發(fā)布于人人都是產品經理，未經許可，禁止轉載

題圖來自?Unsplash，基于 CC0 協(xié)議