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

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

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

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

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

不知道你是否也有過這樣的經(jīng)歷和體會(huì)呢？普通的后臺(tái)產(chǎn)品往往是給到公司或客戶的運(yùn)營人員使用的產(chǎn)品，它不像前臺(tái)產(chǎn)品，需要體現(xiàn)產(chǎn)品定位、突出設(shè)計(jì)感，而且能給到很多設(shè)計(jì)資源。后臺(tái)產(chǎn)品的設(shè)計(jì)過程，公司內(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ì)通過介紹后臺(tái)產(chǎn)品設(shè)計(jì)中的重要元素：字段的設(shè)計(jì)，幫助你更加高效地設(shè)計(jì)后臺(tái)產(chǎn)品。

一、字段的類型

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

1. 操作型

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

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

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

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

2. 序號或者ID

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

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

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

附圖如下：

3. 內(nèi)容主體

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

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

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

4. 基礎(chǔ)屬性

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

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

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

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

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

比如說一個(gè)人作為內(nèi)容主體，那么相關(guān)屬性就有性別、年齡、城市、時(shí)間等，我們可以稱之為基礎(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)系。

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

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

后臺(tái)的設(shè)計(jì)中，為了方便后續(xù)業(yè)務(wù)的調(diào)整，往往會(huì)追求較低的數(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ì)算機(jī)常用的做法就是給信息加標(biāo)簽。用現(xiàn)在比較流行的說法就是貼標(biāo)簽。最普通的標(biāo)記是在序號的前面統(tǒng)一放上一排選擇框，通過選中這個(gè)標(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)營活動(dòng)的進(jìn)行。大數(shù)據(jù)系統(tǒng)，通過用戶在產(chǎn)品中的操作和習(xí)慣，能夠給用戶及時(shí)推送相關(guān)的服務(wù)和內(nèi)容。

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

7. 狀態(tài)

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

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

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

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

8. 時(shí)間字段

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

1. 內(nèi)容產(chǎn)生的時(shí)間有意義，比如說：訂單產(chǎn)生的時(shí)間、用戶注冊的時(shí)間、評論提交的時(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)容的的變化。比如說具備商品管理的后臺(tái)系統(tǒng)，后臺(tái)修改商品價(jià)格等信息的時(shí)候，就需要記錄具體價(jià)格修改的時(shí)間。
3. 做系統(tǒng)內(nèi)部低成本的信息安全系統(tǒng)時(shí)需要時(shí)間字段。后臺(tái)管理系統(tǒng)的用戶權(quán)限，通常包含更改用戶密碼、為用戶充值等。如此私密性的操作，當(dāng)然要有修改的記錄時(shí)間，共同對操作進(jìn)行監(jiān)控。

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

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

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

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

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

1. 定義字段寬度

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

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

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

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

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

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

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

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

三、寫在最后

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

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

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

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