表單設(shè)計(jì)其實(shí)有許多值得探討的地方，比如本文所討論的這個(gè)問題——取消表單，是否影響子表單的數(shù)據(jù)變更？這篇文章里，作者就做了探討和案例拆解，一起來(lái)看看吧，或許可以幫助你更好地洞察表單設(shè)計(jì)背后的邏輯所在。

一、需求

創(chuàng)建表單時(shí)，在表單內(nèi)需新建一個(gè)子表單（為方便理解，暫且稱之為子表單和主表單），若此時(shí)取消創(chuàng)建主表單，那新增的子表單是否應(yīng)該被存儲(chǔ)？

在《web表單設(shè)計(jì)》中，Luke Wroblewski提到關(guān)于表單的理解，在系統(tǒng)或者計(jì)算機(jī)數(shù)據(jù)庫(kù)內(nèi)部采用一套特定數(shù)據(jù)定義人、地點(diǎn)、過程或事務(wù)的有效記錄。如果需要更新或創(chuàng)建記錄，系統(tǒng)或者計(jì)算機(jī)程序會(huì)直接請(qǐng)求“給我需要的信息”，這個(gè)請(qǐng)求就會(huì)以表單形式出現(xiàn)在人們面前。

表單可以理解為用戶和數(shù)據(jù)庫(kù)進(jìn)行數(shù)據(jù)交換的展示形式。用戶使用輸入框，選擇器等組件在表單中完成對(duì)數(shù)據(jù)的錄入或修改，最終需有一個(gè)“完成”的動(dòng)作來(lái)確認(rèn)進(jìn)行數(shù)據(jù)交換。

定義“完成”動(dòng)作的呈現(xiàn)形式和規(guī)則很多樣，比如“完成”按鈕、實(shí)時(shí)保存、失焦?fàn)顟B(tài)等。

大多數(shù)情況下還有一個(gè)次要?jiǎng)幼?，?lái)允許用戶撤銷輸入的數(shù)據(jù)，比如取消、重置、返回等。

如果將“取消”理解為撤銷當(dāng)前表單輸入的數(shù)據(jù)，子表單也屬于表單內(nèi)容的一部分，那么對(duì)于子表單輸入的數(shù)據(jù)是否也應(yīng)該撤銷呢？實(shí)際上兩種結(jié)果都有，那么應(yīng)該如何定義呢？先看2個(gè)例子。

1. 微信公眾號(hào)

微信發(fā)朋友圈中有一個(gè)功能叫做“誰(shuí)可以看”，若以標(biāo)簽的方式進(jìn)行選擇時(shí)，可以對(duì)已有標(biāo)簽的成員進(jìn)行增減。那么請(qǐng)問，若取消發(fā)布朋友圈，是否會(huì)撤銷關(guān)于標(biāo)簽中成員的增減操作？

肯定不會(huì)對(duì)吧，微信也確實(shí)不會(huì)。此時(shí)子表單的數(shù)據(jù)交換僅由自己控制。

這里有2點(diǎn)可以考慮（1）子表單是否有單獨(dú)的管理入口（2）子表單的應(yīng)用范圍。

微信這里，標(biāo)簽管理不依附于發(fā)朋友圈，有獨(dú)立的入口可以進(jìn)行設(shè)置管理。且標(biāo)簽的內(nèi)容不僅只針對(duì)于當(dāng)前這一條朋友圈，而是針對(duì)所有的朋友圈，所以標(biāo)簽的設(shè)置可復(fù)用。

為了滿足用戶的多種使用場(chǎng)景，將標(biāo)簽的人員管理放在了發(fā)布朋友圈內(nèi)，看起來(lái)子表單在父表單內(nèi)，但實(shí)際的業(yè)務(wù)兩者依然獨(dú)立，所以子表單數(shù)據(jù)交換僅由自己控制，不會(huì)被主表單的動(dòng)作影響。

2. 飛書會(huì)議室創(chuàng)建

飛書-會(huì)議室詳情頁(yè)，有一個(gè)叫做“單次可預(yù)定時(shí)長(zhǎng)上限”的設(shè)置項(xiàng)。該項(xiàng)可以從系統(tǒng)定制好的選項(xiàng)中選擇，也可以自定義。如圖，新增后，該選項(xiàng)會(huì)被選中，且會(huì)出現(xiàn)在下拉菜單的選項(xiàng)里。

飛書這里對(duì)于子表單（自定義項(xiàng)）的規(guī)則是，僅可被當(dāng)前會(huì)議室使用，若沒有被使用則會(huì)清空。

對(duì)用戶來(lái)說其實(shí)是提供了2種設(shè)置方式，從系統(tǒng)內(nèi)置的選項(xiàng)中選擇，或者自己輸入自定義的數(shù)值。只是在表現(xiàn)形式上將用戶輸入的數(shù)值增加到選項(xiàng)列表中，看起來(lái)好像是對(duì)于內(nèi)置選項(xiàng)列表新增了一項(xiàng)，實(shí)際并沒有。新增的數(shù)值只能應(yīng)用于當(dāng)前會(huì)議室，若不被使用，也沒有存在的價(jià)值，則不會(huì)被存儲(chǔ)。

所以子表單的新增項(xiàng)僅應(yīng)用于主表單，不能單獨(dú)存在，所以會(huì)被主表單的動(dòng)作影響。

以上可以總結(jié)為，當(dāng)子表單的內(nèi)容僅應(yīng)用于主表單，則需被主表單的動(dòng)作影響。

如果用戶現(xiàn)在的需求是希望自定義項(xiàng)可復(fù)用，這里就需將自定義項(xiàng)增加到選項(xiàng)列表中，設(shè)置其他會(huì)議室時(shí)，也可以直接選擇已添加的選項(xiàng)。

這種情況下需考慮，對(duì)于選項(xiàng)的管理是只能在某個(gè)會(huì)議室詳情中設(shè)置，還是有單獨(dú)的管理入口去設(shè)置。如果只能在某個(gè)會(huì)議室中去設(shè)置的話，此時(shí)管理子表單的路徑長(zhǎng)，管理成本高。當(dāng)主表單未保存，表示子表單新增的內(nèi)容并未被使用，為了避免新增無(wú)用的數(shù)據(jù)，增加管理成本，所以主表單的動(dòng)作應(yīng)該影響子表單的數(shù)據(jù)變更。

若有單獨(dú)管理入口，管理成本低，優(yōu)先考慮數(shù)據(jù)復(fù)用，主表單的動(dòng)作不影響子表單的內(nèi)容比較合適。

那么如何判定是否增加單獨(dú)的管理入口。要考慮的點(diǎn)就很多了，比如是否多人協(xié)作，功能對(duì)于業(yè)務(wù)的重要性，或者是否有實(shí)際的數(shù)據(jù)支撐等等。

二、小結(jié)

先根據(jù)子表單的應(yīng)用范圍考慮，若當(dāng)子表單的內(nèi)容僅應(yīng)用于主表單，則需被主表單的動(dòng)作影響。

若子表單可應(yīng)用于其他表單，則需考慮子表單是否有單獨(dú)的管理入口，若無(wú)，需在主表單內(nèi)設(shè)置，則優(yōu)先考慮管理成本，建議被主表單的動(dòng)作影響。若有，管理成本低，優(yōu)先考慮數(shù)據(jù)復(fù)用，主表單的動(dòng)作不影響子表單的內(nèi)容比較合適。

大概就醬～

為我投票

我在參加人人都是產(chǎn)品經(jīng)理2023年度評(píng)選，希望喜歡我的文章的朋友都能來(lái)支持我一下~

點(diǎn)擊下方鏈接進(jìn)入我的個(gè)人參選頁(yè)面，點(diǎn)擊紅心即可為我投票。

每人每天最多可投30票，投票即可獲得抽獎(jiǎng)機(jī)會(huì)，抽取書籍、人人都是產(chǎn)品經(jīng)理紀(jì)念周邊&起點(diǎn)課堂會(huì)員等好禮哦！

投票傳送門：https://996.pm/76ygq