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

三、修改按鈕

1.? 功能作用

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

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

2.? 基本功能

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

1 ) 物理刪除方式修改

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

2 ) 解鎖修改方式

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

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

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

3 ) 紅字更正方式修改

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

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

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

圖1 紅字更改方式

修改方法一：部分更換

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

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

修改方法二：全部更換

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

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

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

4 ) 修改與刪除的關(guān)系

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

3. 管控功能

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

1 ) 權(quán)限的約束

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

2 ) 時(shí)限的約束

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

3 ) 審批的約束

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

四、 保存按鈕

1. 功能作用

保存按鈕用于將輸入的數(shù)據(jù)存儲(chǔ)到計(jì)算機(jī)內(nèi)部或外部存儲(chǔ)介質(zhì)上。

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

2. 基本功能

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

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

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

3. 管控功能

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

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

五、 提交按鈕

1. 功能作用

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

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

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

2. 基本功能

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

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

圖2 提交按鈕的處理過程

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

3. 管控功能

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

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

在檢查違規(guī)時(shí)，對(duì)保存按鈕與提交按鈕的設(shè)計(jì)有很多不同點(diǎn)。

1 ) 功能的目的不同

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

2 ) 檢查重點(diǎn)的不同

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

按鈕設(shè)計(jì)小結(jié)：

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

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

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

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