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

剛?cè)腴T接觸后臺產(chǎn)品的時候。

A說：你來吧，這個流程順下來，你對后臺的設(shè)計和這塊的業(yè)務(wù)流程就基本熟悉了。

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

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

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

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

一、字段的類型

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

1. 操作型

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

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

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

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

2. 序號或者ID

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

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

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

附圖如下：

3. 內(nèi)容主體

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

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

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

4. 基礎(chǔ)屬性

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

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

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

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

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

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

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

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

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

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

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

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

6. 標(biāo)記

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

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

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

7. 狀態(tài)

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

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

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

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

8. 時間字段

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

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

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

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

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

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

二、字段設(shè)計的注意事項

1. 定義字段寬度

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

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

2. 字段是否為必填項？

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

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

3. 字段值的校驗反饋

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

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

三、寫在最后

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

作者：臺燈少女，公眾號名稱：臺燈少女產(chǎn)品記

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

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