筆者通過(guò)對(duì)后臺(tái)系統(tǒng)中表單和字段的設(shè)計(jì)思路的介紹，可以幫助你更好地理解后臺(tái)字段設(shè)定的意義。并通過(guò)對(duì)不同類(lèi)型字段價(jià)值和意義的拆解，讓你在字段取舍和設(shè)計(jì)過(guò)程中更加有方向，進(jìn)而可以更加快速高效地完成后臺(tái)產(chǎn)品的設(shè)計(jì)。

剛?cè)腴T(mén)接觸后臺(tái)產(chǎn)品的時(shí)候。

A說(shuō)：你來(lái)吧，這個(gè)流程順下來(lái)，你對(duì)后臺(tái)的設(shè)計(jì)和這塊的業(yè)務(wù)流程就基本熟悉了。

B說(shuō)：三天吧，把原型出一下，給到設(shè)計(jì)。我們下周直接開(kāi)發(fā)。

我：這么快？有點(diǎn)難度吧。后臺(tái)產(chǎn)品既要給客戶(hù)使用，又要給運(yùn)營(yíng)使用，涉及多個(gè)用戶(hù)和系統(tǒng)的對(duì)接，印象中好多后臺(tái)系統(tǒng)都不是上手就會(huì)使用的，這…有點(diǎn)復(fù)雜吧？

不知道你是否也有過(guò)這樣的經(jīng)歷和體會(huì)呢？普通的后臺(tái)產(chǎn)品往往是給到公司或客戶(hù)的運(yùn)營(yíng)人員使用的產(chǎn)品，它不像前臺(tái)產(chǎn)品，需要體現(xiàn)產(chǎn)品定位、突出設(shè)計(jì)感，而且能給到很多設(shè)計(jì)資源。后臺(tái)產(chǎn)品的設(shè)計(jì)過(guò)程，公司內(nèi)部往往會(huì)要求快速、效率且符合實(shí)際業(yè)務(wù)需求。

如果你參與設(shè)計(jì)的后臺(tái)產(chǎn)品不是一個(gè)新產(chǎn)品，任何流程和業(yè)務(wù)都需要重新梳理。那么大概率，你的后臺(tái)產(chǎn)品設(shè)計(jì)會(huì)圍繞著字段和表單的設(shè)計(jì)進(jìn)行。這篇文章會(huì)通過(guò)介紹后臺(tái)產(chǎn)品設(shè)計(jì)中的重要元素：字段的設(shè)計(jì)，幫助你更加高效地設(shè)計(jì)后臺(tái)產(chǎn)品。

一、字段的類(lèi)型

用最直觀的方式分解后臺(tái)系統(tǒng)字段的設(shè)計(jì)，深度剖析每一種字段類(lèi)型存在的價(jià)值和意義，還原后臺(tái)系統(tǒng)字段設(shè)計(jì)的本質(zhì)。

1. 操作型

名字決定命運(yùn)，操作型字段，就是在表單中實(shí)現(xiàn)具體操作的字段設(shè)定。更準(zhǔn)確的說(shuō)法是，操作型字段作為一個(gè)觸點(diǎn)，未來(lái)觸發(fā)了具體的操作功能，改變具體某一條信息的狀況。

這類(lèi)字段常常放在表單的最后一列，通過(guò)點(diǎn)擊即可觸發(fā)對(duì)應(yīng)的功能。常見(jiàn)的比如說(shuō)刪除、修改、查看詳情、調(diào)整順序，狀態(tài)修改等。通過(guò)增加操作類(lèi)字段，可以快捷地實(shí)現(xiàn)單條數(shù)據(jù)的快速操作。

當(dāng)表單中含有大量的待操作信息時(shí)，這些信息又需要操作人員一個(gè)一個(gè)進(jìn)行驗(yàn)證操作，這時(shí)在表單中增加操作類(lèi)字段，就可快速實(shí)現(xiàn)單條數(shù)據(jù)的刪除、修改、改變順序、狀態(tài)切換等操作。

另外， 在這類(lèi)大量數(shù)據(jù)的表單中，此類(lèi)操作字段最好能用更多的使用圖標(biāo)來(lái)呈現(xiàn)，這樣能夠幫助頻繁使用功能的用戶(hù)更加快速地找到操作入口，畢竟文字往往不如圖片的表達(dá)更直接。

2. 序號(hào)或者ID

序號(hào)或ID作為計(jì)算機(jī)系統(tǒng)中最常出現(xiàn)的一類(lèi)字段，給系統(tǒng)和原本復(fù)雜的業(yè)務(wù)賦予了順序和編碼。序號(hào)通常按照數(shù)據(jù)的時(shí)間序增長(zhǎng)，這樣能看出數(shù)據(jù)序列。編號(hào)和ID常常由每條信息生成特定的數(shù)字序列，在系統(tǒng)中做唯一標(biāo)識(shí)。

這類(lèi)字段往往和實(shí)際的業(yè)務(wù)沒(méi)有什么關(guān)系，但是不可缺少。技術(shù)有了這個(gè)編號(hào)可以精準(zhǔn)的對(duì)數(shù)據(jù)和信息進(jìn)行定位。相當(dāng)于你通過(guò)訂單編號(hào)才能和客服人員快速建立起溝通的對(duì)象和基礎(chǔ)?？头藛T也可以通過(guò)訂單編號(hào)快速地查看和操作你的訂單信息。

在運(yùn)營(yíng)人員使用系統(tǒng)出現(xiàn)問(wèn)題，或者請(qǐng)求數(shù)據(jù)支持的時(shí)候，直接說(shuō)出編號(hào)能提高溝通的效率。實(shí)際設(shè)計(jì)過(guò)程中，這類(lèi)字段最好放在表單的最左側(cè)，習(xí)慣實(shí)際使用系統(tǒng)的人也會(huì)非常適應(yīng)這種布局。

附圖如下：

3. 內(nèi)容主體

這類(lèi)字段是較為關(guān)鍵的字段，需要放在唯一序號(hào)ID類(lèi)字段的旁邊，代表單表達(dá)內(nèi)容的主體。這類(lèi)字段描述一定要清晰，需要符合專(zhuān)業(yè)的業(yè)務(wù)情況和操作人員的認(rèn)知。

后臺(tái)管理系統(tǒng)重在管理。這一字段最主要的作用就是清晰管理的對(duì)象。通過(guò)給每個(gè)表單確定內(nèi)容主體的字段，更加清晰表達(dá)表單存在的意義。最能代表主體信息的內(nèi)容放在這最合適不過(guò)了。比如說(shuō)：商品管理的商品名稱(chēng)。操作人員打開(kāi)商品管理的頁(yè)面，馬上就能看到具體是哪些商品需要調(diào)整和運(yùn)營(yíng)。如下圖，班級(jí)管理中的班級(jí)名稱(chēng)就是內(nèi)容主體：

一個(gè)新的業(yè)務(wù)呈現(xiàn)出來(lái)的時(shí)候，內(nèi)容主體常常是需要梳理探索的。我們要逐步確認(rèn)、逐步舍棄，最終梳理出能夠代表內(nèi)容主體的字段。

4. 基礎(chǔ)屬性

屬性其實(shí)是一個(gè)科學(xué)名詞，鑒于這個(gè)詞不是很好理解，我找來(lái)了百度百科上關(guān)于屬性的定義一起學(xué)習(xí)一下：

一個(gè)具體事物，總是有許許多多的性質(zhì)與關(guān)系，我們把一個(gè)事物的性質(zhì)與關(guān)系，都叫作事物的屬性。事物與屬性是不可分的，事物都是有屬性的事物，屬性也都是事物的屬性。

一個(gè)事物與另一個(gè)事物的相同或相異，也就是一個(gè)事物的屬性與另一事物的屬性的相同或相異。由于事物屬性的相同或相異，客觀世界中就形成了許多不同的事物類(lèi)。具有相同屬性的事物就形成一類(lèi)，具有不同屬性的事物就分別地形成不同的類(lèi)。

關(guān)于屬性在科學(xué)界的二級(jí)分類(lèi)大家可以通過(guò)搜索去了解一下。這里給出的二級(jí)分類(lèi)僅為方便后臺(tái)系統(tǒng)字段的設(shè)計(jì)服務(wù)：

基礎(chǔ)屬性，主要是指的是內(nèi)容主體在系統(tǒng)內(nèi)，或本身具有的屬性類(lèi)信息字段。通過(guò)在后臺(tái)呈現(xiàn)這些字段幫助決策人更好的了解內(nèi)容主體的信息，使得概念性的內(nèi)容名稱(chēng)變得鮮活具體。

比如說(shuō)一個(gè)人作為內(nèi)容主體，那么相關(guān)屬性就有性別、年齡、城市、時(shí)間等，我們可以稱(chēng)之為基礎(chǔ)屬性 。

5. 關(guān)聯(lián)屬性

關(guān)聯(lián)屬性：

特指在系統(tǒng)中既能夠代表其它內(nèi)容主體的字段，又能作為該內(nèi)容主體的基本屬性的字段。存在的意義就是，使各個(gè)主體內(nèi)容的字段之間能夠建立起關(guān)聯(lián)關(guān)系。

比如說(shuō)，教師作為主體字段，可以有的屬性是一些基礎(chǔ)屬性，如性別、年齡、工號(hào)等。而在主體內(nèi)容為班級(jí)的表單中，呈現(xiàn)一個(gè)教師（班主任）的字段，這就代表著這個(gè)班級(jí)的班主任對(duì)應(yīng)的是信息表中的教師，這個(gè)教師此時(shí)就是關(guān)聯(lián)屬性呈現(xiàn)。

關(guān)聯(lián)屬性，能夠更加靈活的體現(xiàn)內(nèi)容主體之間多對(duì)多的關(guān)系，沒(méi)有一個(gè)主體內(nèi)容是獨(dú)立存在，不和其他主體互相聯(lián)系的。

后臺(tái)的設(shè)計(jì)中，為了方便后續(xù)業(yè)務(wù)的調(diào)整，往往會(huì)追求較低的數(shù)據(jù)耦合。那么在低耦合數(shù)據(jù)的情況，關(guān)聯(lián)屬性類(lèi)的字段，就能夠幫助系統(tǒng)的數(shù)據(jù)之間建立起關(guān)系和連接。

6. 標(biāo)記

標(biāo)記(signature)是通過(guò)為數(shù)據(jù)貼標(biāo)簽的方式，高效快速對(duì)內(nèi)容主體進(jìn)行差別管理。簡(jiǎn)單來(lái)說(shuō)，就是標(biāo)記作為一種表達(dá)，有效對(duì)信息進(jìn)行區(qū)別。計(jì)算機(jī)常用的做法就是給信息加標(biāo)簽。用現(xiàn)在比較流行的說(shuō)法就是貼標(biāo)簽。最普通的標(biāo)記是在序號(hào)的前面統(tǒng)一放上一排選擇框，通過(guò)選中這個(gè)標(biāo)記，可以對(duì)數(shù)據(jù)進(jìn)行集體操作。

還有根據(jù)數(shù)據(jù)的特點(diǎn)，給數(shù)據(jù)加上特定的標(biāo)簽。比如說(shuō)運(yùn)營(yíng)人員通過(guò)觀察用戶(hù)的表現(xiàn)，為用戶(hù)貼進(jìn)行 標(biāo)簽分類(lèi)，方便后續(xù)運(yùn)營(yíng)活動(dòng)的進(jìn)行。大數(shù)據(jù)系統(tǒng)，通過(guò)用戶(hù)在產(chǎn)品中的操作和習(xí)慣，能夠給用戶(hù)及時(shí)推送相關(guān)的服務(wù)和內(nèi)容。

屬性是針對(duì)內(nèi)容主體進(jìn)行的維度補(bǔ)充，標(biāo)記則是對(duì)具體信息和內(nèi)容主體的類(lèi)別劃分。

7. 狀態(tài)

我們平時(shí)最常聽(tīng)到的一句話(huà)就是，這個(gè)產(chǎn)品出BUG了。這句話(huà)的含義其實(shí)就是產(chǎn)品此時(shí)不能正常運(yùn)轉(zhuǎn)，處于異常狀態(tài)。既然產(chǎn)品可以用異常和正常兩種狀態(tài)來(lái)形容，那么在系統(tǒng)中每天跑通的各種業(yè)務(wù)，是否也可以用相應(yīng)的狀態(tài)來(lái)表征呢？

狀態(tài)這種類(lèi)型的字段存在的意義就是，體現(xiàn)表單中具體數(shù)據(jù)在動(dòng)態(tài)變化中的意義，能夠根據(jù)具體的狀態(tài)臨界值和狀態(tài)區(qū)間，做出符合用戶(hù)需求的狀態(tài)展示。比如說(shuō)訂單管理中的訂單已完成、訂單已創(chuàng)建，這都是不同的狀態(tài)。

業(yè)務(wù)狀態(tài)一定要處于一個(gè)范圍內(nèi)，而不是瞬態(tài)，也就是說(shuō)不能有中間態(tài)。比如說(shuō)“訂單創(chuàng)建中”這種狀態(tài) ，系統(tǒng)是無(wú)法進(jìn)行判斷和描述的。判斷一個(gè)表單是否需要狀態(tài)字段，最直接的方式就是考慮內(nèi)容主體是否有需要管理員決策的決策點(diǎn)。比如說(shuō)日活低于100萬(wàn)，狀態(tài)字段的值就是：低活躍；高于200萬(wàn)，狀態(tài)值就是：高活躍。

狀態(tài)字段的存在很直觀地將業(yè)務(wù)實(shí)際的情況以及進(jìn)行的階段展現(xiàn)出來(lái)。這類(lèi)字段對(duì)決策而言是非常重要的字段，常常放在較為中間偏右的位置。

8. 時(shí)間字段

時(shí)間字段代表的是內(nèi)容產(chǎn)生的時(shí)間和變更的時(shí)間。系統(tǒng)內(nèi)的每一個(gè)操作都是能夠用具體的時(shí)間進(jìn)行記錄的，那究竟是哪些類(lèi)型的信息需要定義時(shí)間字段呢？

1. 內(nèi)容產(chǎn)生的時(shí)間有意義，比如說(shuō)：訂單產(chǎn)生的時(shí)間、用戶(hù)注冊(cè)的時(shí)間、評(píng)論提交的時(shí)間，具體某個(gè)內(nèi)容發(fā)布以后，管理員需要監(jiān)管內(nèi)容發(fā)布時(shí)間是否符合預(yù)期的時(shí)候就需要時(shí)間字段記錄內(nèi)容產(chǎn)生的時(shí)間。
2. 內(nèi)容變更的時(shí)間有意義，后臺(tái)需要追蹤具體某一內(nèi)容的的變化。比如說(shuō)具備商品管理的后臺(tái)系統(tǒng)，后臺(tái)修改商品價(jià)格等信息的時(shí)候，就需要記錄具體價(jià)格修改的時(shí)間。
3. 做系統(tǒng)內(nèi)部低成本的信息安全系統(tǒng)時(shí)需要時(shí)間字段。后臺(tái)管理系統(tǒng)的用戶(hù)權(quán)限，通常包含更改用戶(hù)密碼、為用戶(hù)充值等。如此私密性的操作，當(dāng)然要有修改的記錄時(shí)間，共同對(duì)操作進(jìn)行監(jiān)控。

9. 數(shù)據(jù)字段

這部分專(zhuān)門(mén)指的是數(shù)據(jù)統(tǒng)計(jì)類(lèi)型的字段。如果問(wèn)后臺(tái)管理系統(tǒng)最大的意義是什么？那么就是數(shù)字化了。隨著人們對(duì)大數(shù)據(jù)的追趕熱潮，數(shù)據(jù)統(tǒng)計(jì)這一部分也就成為了后臺(tái)系統(tǒng)的兵家必爭(zhēng)之地。

雖然短時(shí)間后臺(tái)系統(tǒng)無(wú)法用大數(shù)據(jù)的技術(shù)和形式輔助用戶(hù)做科學(xué)的決策，但是任何一個(gè)后臺(tái)系統(tǒng)都是需要對(duì)系統(tǒng)內(nèi)現(xiàn)有數(shù)據(jù)做一定的統(tǒng)計(jì)對(duì)比，來(lái)給管理者提供必要的決策依據(jù)的。比如說(shuō)一個(gè)銷(xiāo)售系統(tǒng)的后臺(tái)管理系統(tǒng)，就會(huì)有具體銷(xiāo)售聯(lián)系的用戶(hù)數(shù)量和處在各個(gè)銷(xiāo)售過(guò)程中的客戶(hù)數(shù)量。還有用戶(hù)運(yùn)營(yíng)管理中，用戶(hù)在平臺(tái)上的下單次數(shù)以及消費(fèi)金額等等數(shù)據(jù)的展示。

不同類(lèi)型的的后臺(tái)管理系統(tǒng)容納的數(shù)據(jù)量常常是不一樣的。這部分字段對(duì)于技術(shù)邏輯要求較高，要定義清楚需要何種類(lèi)型的數(shù)據(jù)，方便技術(shù)對(duì)相關(guān)數(shù)據(jù)進(jìn)行埋點(diǎn)獲取。

二、字段設(shè)計(jì)的注意事項(xiàng)

1. 定義字段寬度

如果是需要用戶(hù)鍵盤(pán)敲進(jìn)去的文字字段的長(zhǎng)度，通常是需要給出字段的最大和最小字符數(shù)。通過(guò)對(duì)字段長(zhǎng)度的定義，UI可以提前規(guī)劃頁(yè)面寬度的分配，使得最后展現(xiàn)出來(lái)的頁(yè)面是能夠符合實(shí)際業(yè)務(wù)情況而且美觀的頁(yè)面。這不管是站在開(kāi)發(fā)或者UI的角度，都是非常有意義的。

如果隨意定義，那便毫無(wú)參考價(jià)值，也會(huì)造成開(kāi)發(fā)資源的浪費(fèi)。更嚴(yán)重的，不對(duì)字段的寬度做限制，就會(huì)出現(xiàn)昵稱(chēng)或者數(shù)字過(guò)長(zhǎng)而導(dǎo)致頁(yè)面錯(cuò)位，甚至?xí)?dǎo)致程序死機(jī)。

2. 字段是否為必填項(xiàng)？

在用戶(hù)場(chǎng)景下考慮的話(huà)，如果字段作為必填項(xiàng)，用戶(hù)如果不填寫(xiě)該項(xiàng)，那么這一條數(shù)據(jù)都無(wú)法保存。但關(guān)鍵字段如果不進(jìn)行必填設(shè)定，就會(huì)影響技術(shù)的實(shí)施方案，且會(huì)導(dǎo)致邏輯漏洞以及隱藏BUG。

比如某必填字段，未進(jìn)行填寫(xiě)，就可能產(chǎn)生大量為空的錯(cuò)誤數(shù)據(jù)，從而影響到其他的業(yè)務(wù)邏輯。像用戶(hù)昵稱(chēng)，如果為空，就會(huì)影響一些展示用戶(hù)昵稱(chēng)的頁(yè)面顯示出【null】的錯(cuò)誤值。

3. 字段值的校驗(yàn)反饋

這指的是部分字段，比如說(shuō)手機(jī)號(hào)碼，那么用戶(hù)寫(xiě)入正確的情況下只可能是11位的數(shù)字，當(dāng)檢測(cè)到用戶(hù)輸入其他類(lèi)型的字段，需要用特殊標(biāo)識(shí)去提醒用戶(hù)，這樣可以降低后臺(tái)使用的錯(cuò)誤率。

我之前接觸過(guò)一次這樣的烏龍事件（不是我設(shè)計(jì)的后臺(tái)）：一個(gè)游戲后臺(tái)中的充金幣填寫(xiě)金幣個(gè)數(shù)的字段。這個(gè)字段由于沒(méi)有做數(shù)字的校驗(yàn)，客戶(hù)運(yùn)營(yíng)一段時(shí)間就總是發(fā)現(xiàn)用戶(hù)金幣數(shù)量和預(yù)期不符。因?yàn)槭菙?shù)據(jù)問(wèn)題，金幣數(shù)量錯(cuò)得越來(lái)越離譜，很影響平臺(tái)用戶(hù)的使用及客戶(hù)的收益。技術(shù)人員連續(xù)兩個(gè)禮拜加班找BUG，后臺(tái)才發(fā)現(xiàn)是因?yàn)閼?yīng)該在填寫(xiě)金幣個(gè)數(shù)的地方，因?yàn)楫?dāng)時(shí)的后臺(tái)個(gè)數(shù)后面沒(méi)有單位，客戶(hù)直接填寫(xiě)了“100個(gè)”，而系統(tǒng)沒(méi)有報(bào)錯(cuò)，但是數(shù)據(jù)卻一直不正常。

三、寫(xiě)在最后

希望通過(guò)這篇文章，能夠幫助你更好地理解后臺(tái)字段設(shè)定的意義，通過(guò)對(duì)不同類(lèi)型字段價(jià)值和意義的拆解，讓你在對(duì)字段取舍和設(shè)計(jì)過(guò)程中更加有方向，進(jìn)而可以更加快速高效地完成后臺(tái)產(chǎn)品的設(shè)計(jì)。

作者：臺(tái)燈少女，公眾號(hào)名稱(chēng)：臺(tái)燈少女產(chǎn)品記

本文由 @臺(tái)燈少女 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

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