這篇文章將通過(guò)“匯總字段”、“處理字段”、“設(shè)計(jì)字段”這三個(gè)方面來(lái)詳細(xì)闡述如何進(jìn)行字段設(shè)計(jì)。讓你之后在面對(duì)后臺(tái)產(chǎn)品繁多的字段時(shí)，游刃有余！

后臺(tái)產(chǎn)品和前臺(tái)產(chǎn)品的一個(gè)很大的不同，在于后臺(tái)產(chǎn)品的字段信息會(huì)比較多。如何合理地設(shè)計(jì)這些字段，成為后臺(tái)產(chǎn)品設(shè)計(jì)的一個(gè)重要工作。本文將重點(diǎn)討論在后臺(tái)產(chǎn)品設(shè)計(jì)時(shí)，如何合理地進(jìn)行字段設(shè)計(jì)，主要按照以下三個(gè)步驟來(lái)進(jìn)行：

• 匯總字段；
• 處理字段；
• 設(shè)計(jì)字段

匯總字段

想要進(jìn)行字段設(shè)計(jì)，最開始要做的是匯總字段。因?yàn)槲覀冏罱K的目的是要把字段在頁(yè)面上展現(xiàn)出來(lái)，如果沒(méi)有字段，就無(wú)從談起字段設(shè)計(jì)?！扒蓩D難為無(wú)米之炊”說(shuō)的就是這個(gè)意思。

那么問(wèn)題來(lái)了，字段如何匯總？一般來(lái)說(shuō)，字段來(lái)源有兩個(gè)：

1.業(yè)務(wù)需求。業(yè)務(wù)需求的字段是在跟業(yè)務(wù)部門調(diào)研時(shí)獲得的。

• 業(yè)務(wù)需求的字段獲取是一個(gè)逐漸完善的過(guò)程。因?yàn)楫a(chǎn)品經(jīng)理跟業(yè)務(wù)部門接觸時(shí)，首先應(yīng)該獲取的應(yīng)該是整個(gè)業(yè)務(wù)流程（業(yè)務(wù)流程梳理會(huì)另寫文章來(lái)討論），是比較宏觀的，在這個(gè)過(guò)程中，獲取到的字段應(yīng)該是粗略的；等將業(yè)務(wù)流程梳理完成后，進(jìn)行詳細(xì)的業(yè)務(wù)流程設(shè)計(jì)時(shí)，會(huì)再細(xì)化涉及到的每個(gè)字段， 對(duì)每個(gè)字段的信息進(jìn)行詳細(xì)記錄；
• 要盡量確保匯總的字段是全部的，沒(méi)有遺漏。以防上線使用后，發(fā)現(xiàn)問(wèn)題，造成返工。可以在字段設(shè)計(jì)前和產(chǎn)出原型后，多跟業(yè)務(wù)部門的人確認(rèn)，這樣可以避免這種情況發(fā)生。
• 匯總的字段要包括以下幾種信息：

1. ?字段名稱
2. 必填性質(zhì)
3. 輸入方式；記錄字段的數(shù)據(jù)如何輸入：手動(dòng)輸入/選擇/自動(dòng)生成/其他
4. 手動(dòng)輸入；如果是手動(dòng)輸入方式，則要記錄對(duì)輸入值的格式要求以及輸入值范圍
5. 選擇輸入；如果是選擇輸入方式，則要記錄是單選還是多選以及選項(xiàng)列表
6. 是否需要單獨(dú)配置權(quán)限；有些字段比較特殊，如果只能某些人看到，則需要給這些字段單獨(dú)配置權(quán)限
7. 字段提醒（說(shuō)明）；字段的一些特殊說(shuō)明，用來(lái)提醒操作者
8. 其他；因?yàn)楹笈_(tái)產(chǎn)品跟業(yè)務(wù)密切相關(guān)，不同的業(yè)務(wù)可能包含的字段信息也不盡相同，因此可能也會(huì)有字段的其他信息需要記錄，這個(gè)需要具體問(wèn)題具體分析。

2. 系統(tǒng)需求。系統(tǒng)需求的字段雖然業(yè)務(wù)部門不太關(guān)注或者感知不到，但是對(duì)系統(tǒng)來(lái)說(shuō)確是很重要的，比如說(shuō)數(shù)據(jù)的id、各個(gè)時(shí)間的記錄等，這些字段從業(yè)務(wù)部門很難獲取到，但卻是非常有用的信息，這些字段就要靠產(chǎn)品經(jīng)理平時(shí)的經(jīng)驗(yàn)積累。

處理字段

通過(guò)匯總字段，我們將產(chǎn)品設(shè)計(jì)中涉及中的字段全部列了出來(lái)，接下來(lái)我們可以開始字段設(shè)計(jì)了嗎？答案還是不行，因?yàn)殡m然我們將字段全部匯總了出來(lái)，但是這些字段可能比較繁多，比較混亂，因此這些字段還是要經(jīng)過(guò)一系列的處理，才能開始設(shè)計(jì)中。

那么如何處理呢？在這里，我推薦一種方法，準(zhǔn)確來(lái)說(shuō)是四種策略——?jiǎng)h除、組織、隱藏、轉(zhuǎn)移。（有興趣的同學(xué)可以詳細(xì)閱讀《簡(jiǎn)約至上——交互式設(shè)計(jì)四策略》這本書，里面對(duì)這四種策略進(jìn)行了詳細(xì)的說(shuō)明）

1、刪除

通過(guò)與業(yè)務(wù)調(diào)研，我們獲得了大量的字段。但是，這些字段都是必須的嗎？過(guò)多的字段不但頁(yè)面看起來(lái)非常臃腫，也會(huì)降低操作者的效率。這就需要我們對(duì)這些字段逐個(gè)進(jìn)行分析，刪除冗余的字段，來(lái)簡(jiǎn)化展現(xiàn)在頁(yè)面上的字段，使操作者的注意力集中到真正重要的內(nèi)容上?？偨Y(jié)來(lái)說(shuō)，需要?jiǎng)h除的字段有以下兩種：

實(shí)際業(yè)務(wù)沒(méi)有用的；在匯總字段部分，我們?yōu)榱吮M量將字段都考慮到，需要做加法，把可能涉及到的字段全部列出來(lái)；在這個(gè)階段，就需要做減法，刪除那些對(duì)實(shí)際業(yè)務(wù)沒(méi)有用的字段。

【舉例】：針對(duì)購(gòu)票系統(tǒng)，我們需要記錄注冊(cè)用戶的個(gè)人信息，因此將“身份證號(hào)”、“手機(jī)號(hào)”、“體重”等信息列了出來(lái)，但是在這個(gè)階段，通過(guò)分析可以得出，“體重”字段對(duì)實(shí)際業(yè)務(wù)沒(méi)有用，因此可以刪除。當(dāng)然，如果換作另一個(gè)系統(tǒng)，比如說(shuō)體檢報(bào)告系統(tǒng)的個(gè)人信息，“體重”這個(gè)字段就是必須的了，因?yàn)檫@個(gè)字段跟業(yè)務(wù)息息相關(guān)?？傊?，分析字段是否有用，一定要結(jié)合實(shí)際業(yè)務(wù)場(chǎng)景。

系統(tǒng)自動(dòng)生成的；有些字段雖然是業(yè)務(wù)關(guān)心的，但是并不需要人工填寫，如創(chuàng)建者賬號(hào)；或者是業(yè)務(wù)并不關(guān)心，但是對(duì)系統(tǒng)來(lái)說(shuō)確實(shí)有用的，如記錄的id；這些會(huì)系統(tǒng)自動(dòng)生成，因此這些字段不需要放到“頁(yè)面”中。注意：這里的頁(yè)面指的是新增/修改頁(yè)面，在產(chǎn)品設(shè)計(jì)中，這些系統(tǒng)自動(dòng)生成的字段也要有所記錄，比如id會(huì)出現(xiàn)在數(shù)據(jù)列表頁(yè)面中，創(chuàng)建者賬號(hào)、創(chuàng)建時(shí)間、修改時(shí)間會(huì)記錄到操作日志頁(yè)面里。“刪除”的意思更多意義上是指，這些字段不需要人工進(jìn)行數(shù)據(jù)的輸入，并不是在頁(yè)面中不展示。

2、組織

在對(duì)匯總的字段進(jìn)行篩選刪除后，接下來(lái)我們就可以對(duì)剩下的字段進(jìn)行組織了，通過(guò)對(duì)字段進(jìn)行組織，能夠使字段更加模塊化，看起來(lái)更加整齊，清晰易懂，操作效率也會(huì)提升。推薦以下兩種組織方式：

行為組織。這種方式是根據(jù)用戶某種行為觸發(fā)的頁(yè)面來(lái)對(duì)字段進(jìn)行組織，該頁(yè)面上的字段都是為了讓用戶完成某種行為而組織到一起的。一般來(lái)說(shuō)，這種組織方式是頁(yè)面級(jí)的組織方式，比較宏觀。

【舉例】：在購(gòu)物平臺(tái)京東買東西時(shí)，如果用戶的行為是“修改個(gè)人信息”，那么觸發(fā)的頁(yè)面上的字段都是與個(gè)人信息有關(guān)的字段；如果用戶的行為是“結(jié)算”時(shí)，那么觸發(fā)的頁(yè)面上的字段是與訂單相關(guān)的字段信息。

歸類組織。這種方式是根據(jù)字段之間的關(guān)系來(lái)組織，將類別相同的字段放在一起，組成頁(yè)面上的一個(gè)分塊。與“行為組織”相比，“歸類組織”這種方式就比較微觀，重點(diǎn)關(guān)注對(duì)頁(yè)面上的字段再次進(jìn)行組織。【舉例】：以12306為例，在注冊(cè)用戶的“個(gè)人信息”頁(yè)面，將“用戶名”、“姓名”、“性別”等字段組織為“基本信息”部分；將“手機(jī)號(hào)碼”、“固定電話”、“電子郵件”組織為“聯(lián)系方式”部分；

以上兩種是比較常見的組織方式，在實(shí)際工作中，可以根據(jù)具體的業(yè)務(wù)需求來(lái)選擇適合自己后臺(tái)的組織方式。

3、隱藏

有些字段雖然沒(méi)有被刪除，但是其重要性或者說(shuō)使用頻率比較低，如果直接展示出來(lái)，不但會(huì)造成頁(yè)面信息過(guò)多，而且也會(huì)影響操作者效率。在這里，我們可以考慮使用隱藏的方式來(lái)處理這些字段，只保留一個(gè)開關(guān)，可以用來(lái)顯示這些隱藏的字段。

【舉例】：在使用QQ郵件發(fā)送郵件時(shí)，大部分情況下使用默認(rèn)的字段就能滿足日常的需求，但是也有一些特殊需求，偶爾會(huì)使用到。QQ郵箱提供了一些特殊的選項(xiàng)隱藏了郵件編輯頁(yè)面底部并設(shè)置了開關(guān)，在有需要的時(shí)候打開開關(guān)，就可以使用。

還有一種情況，就是字段的展示依賴于前面字段的選擇，在前面字段沒(méi)有選擇之前，系統(tǒng)無(wú)法獲取下面的字段如何顯示。這種情況下，就可以先隱藏這些字段，等前面的字段選擇好后，隱藏的字段再顯示。【舉例】：在淘寶商家后臺(tái)發(fā)布寶貝時(shí)，“采購(gòu)地”如果選擇“國(guó)內(nèi)”，則不需要再進(jìn)行其他選擇；如果選擇“海外及港澳臺(tái)”，那么就還需要選擇“國(guó)家/地區(qū)”和“庫(kù)存類型”。

4、轉(zhuǎn)移

在處理字段時(shí)，也可以對(duì)某些字段進(jìn)行“轉(zhuǎn)移”操作，轉(zhuǎn)移的目的是充分利用各種資源來(lái)提高效率。推薦以下兩種轉(zhuǎn)移方式：

系統(tǒng)和人工的轉(zhuǎn)移。雖然系統(tǒng)通過(guò)計(jì)算機(jī)強(qiáng)大的功能可以替代人工完成很多復(fù)雜的工作，但是僅限于客觀的計(jì)算和判斷，一旦涉及到主觀的判斷，那么這部分工作就需要人工來(lái)進(jìn)行。

【舉例】：在人力資源行業(yè)做招聘流程外包項(xiàng)目時(shí)，需要對(duì)潛在的項(xiàng)目進(jìn)行多輪評(píng)估，每次評(píng)估都會(huì)記錄該潛在項(xiàng)目的一些信息，然后最后通過(guò)這些所有評(píng)估的信息來(lái)決定是否要立項(xiàng)。在這個(gè)過(guò)程中，系統(tǒng)可以對(duì)每次評(píng)估的信息進(jìn)行記錄，也可以根據(jù)需求對(duì)數(shù)據(jù)進(jìn)行一些處理，來(lái)產(chǎn)生更加通俗易懂的結(jié)論，但是最終是否要立項(xiàng)，還是要通過(guò)人工的判斷，因此這里面涉及到很多主觀因素，單純靠系統(tǒng)是無(wú)法判斷的。

設(shè)備的轉(zhuǎn)移。這種設(shè)備之間的轉(zhuǎn)移一般用在字段值的輸入上。

【舉例】：如果是一個(gè)快遞后臺(tái)管理系統(tǒng)，需要輸入快遞單號(hào)，如果讓人工在后臺(tái)直接輸入的話，會(huì)比較費(fèi)時(shí)費(fèi)力，而且還有一定幾率出錯(cuò)。這種情況下，可以考慮讓系統(tǒng)接入掃描儀，使用掃描儀來(lái)對(duì)快遞的條形碼直接掃描，來(lái)錄制快遞單號(hào)，不但輸入速度提升，而且還減少了出錯(cuò)的概率。雖然通過(guò)外接設(shè)備來(lái)掃描輸入，好處很多，但是還是建議同時(shí)保留手動(dòng)輸入方式，以防止外接設(shè)備出故障時(shí)，還有另外的方式來(lái)完成工作。

以上是兩種常用的轉(zhuǎn)移方式，可能還會(huì)有其他的轉(zhuǎn)移方式，但無(wú)論是哪種方式，設(shè)計(jì)的初衷都是為了提升工作效率來(lái)設(shè)計(jì)的，這點(diǎn)一定要明確。

設(shè)計(jì)字段

在對(duì)字段進(jìn)行處理之后，我們就可以進(jìn)行設(shè)計(jì)字段的工作了。設(shè)計(jì)字段時(shí)，一般需要從以下幾個(gè)方面來(lái)考慮：

• 字段名稱。字段名稱要做到簡(jiǎn)潔明了，字?jǐn)?shù)不要太多，以免看上去繁瑣；同時(shí)讓用戶一眼就知道這個(gè)字段的作用是什么。
• 輸入方式。根據(jù)字段要輸入的值的特性，選擇適合它的輸入方式，可以有以下幾種輸入方式供選擇：

1、手動(dòng)填寫。

適用于字段要輸入的值沒(méi)有固定選項(xiàng)的情形。

（1）手動(dòng)填寫要對(duì)輸入的內(nèi)容格式和輸入值范圍進(jìn)行規(guī)定。這種方式也分為兩種：

• 一種是規(guī)定可輸入的最大字符數(shù)，這種情況可輸入的字符數(shù)是不固定的，只要不超過(guò)規(guī)定的最大字符數(shù)就好?！九e例】：用戶名設(shè)置，最多可輸入多少位；
• 另一種是規(guī)定輸入的字符位數(shù)，這種情況可輸入的字符是固定的?！九e例】：輸入手機(jī)號(hào)，都是11位。

（2）為了讓用戶在輸入時(shí)知曉輸入字符的限制規(guī)定，用戶體驗(yàn)最好的是能實(shí)時(shí)顯示輸入了多少個(gè)字符和最多可輸入的字符數(shù)。

【舉例】：如淘寶發(fā)布寶貝時(shí)的“寶貝賣點(diǎn)”字段，能實(shí)時(shí)顯示已輸入的字符數(shù)和最多可輸入字符數(shù)。

（3） 在這里，我們將討論一種情形：那就是如果用戶輸入的字符超過(guò)了限制，應(yīng)該怎么處理？是直接限制超過(guò)部分無(wú)法再繼續(xù)輸入；還是能繼續(xù)輸入，但是給出明確的超出提示？

對(duì)于這個(gè)問(wèn)題，還是應(yīng)該分情況來(lái)看待：

• 如果需要輸入的是手機(jī)號(hào)等固定位數(shù)的數(shù)字信息，那么就可以做成超過(guò)部分無(wú)法再繼續(xù)輸入，這樣可以防止用戶出錯(cuò)；
• 如果需要輸入的是文字信息，那么就需要考慮到用戶可能會(huì)先輸入或復(fù)制多于規(guī)定的內(nèi)容，然后再進(jìn)行編輯到符合規(guī)定的字符數(shù)，這樣就需要讓用戶可以輸入多于規(guī)定的字符數(shù)，但是要在已輸入的字符數(shù)部分給予明顯的提示。

【舉例】：還是以淘寶的發(fā)布寶貝時(shí)的“寶貝賣點(diǎn)”字段為例，允許輸入超過(guò)最大限制的字符數(shù)，同時(shí)進(jìn)行字?jǐn)?shù)超過(guò)要求的提示，以此來(lái)引導(dǎo)用戶進(jìn)行再次編輯。

2、單選。

這是一種非常常見的選擇輸入方式，將所有可能的選項(xiàng)列出來(lái)，讓用戶選擇。適用于要輸入的值已有固定選項(xiàng)的情況。

（1）選項(xiàng)之間是互斥的，也就是說(shuō)，只能選擇其中的某一個(gè)選項(xiàng)。這種方式適用于該字段的值只有一種存在的情況。如“性別”、“最高學(xué)位”等。【舉例】：京東的“個(gè)人信息”頁(yè)面的“性別”字段就使用的單選輸入方式。

（2）使用單選這種輸入方式，還要考慮其默認(rèn)值的問(wèn)題?？梢詫⑵淠J(rèn)值設(shè)置為被選擇概率最大的那個(gè)值，這樣可以在一定程度上減輕用戶選擇的成本。但是，這種情況要慎重使用，因?yàn)槿绻x予了默認(rèn)值，在遇到該字段的值未確認(rèn)的情況下，數(shù)據(jù)統(tǒng)計(jì)時(shí)就會(huì)發(fā)生偏差。

3、多選。

這也是比較常見的一種選擇輸入方式。將所有可能的選項(xiàng)列出來(lái)，讓用戶選擇。適用于要輸入的值已有固定選項(xiàng)的情況。

（1）它與單選的不同在于，這種輸入方式可以進(jìn)行多個(gè)選擇，適用于該字段的值有多種可能的情況?！九e例】：淘寶賣家“發(fā)布寶貝”頁(yè)面的“售后服務(wù)”可以選擇多個(gè)。

（2）使用多選這種輸入方式，默認(rèn)不會(huì)勾選任何選項(xiàng)，除非是已經(jīng)確認(rèn)必須要選擇的選項(xiàng)。如上圖的“服務(wù)承諾”選項(xiàng)默認(rèn)就是勾選狀態(tài)。

4、列表單選。

這種方式是通過(guò)列表的方式將選項(xiàng)列出來(lái)，然后用戶從列表中選擇所需的選項(xiàng)。適用于要輸入的值已有固定選項(xiàng)的情況。

（1）列表單選的選項(xiàng)之間是互斥的，只能選擇其中的某一個(gè)選項(xiàng)。這種方式適用于該字段的值只有一種存在的情況；與上面說(shuō)的“單選”相似。

（2）雖然列表單選與單選實(shí)現(xiàn)的效果相似，但是它們的應(yīng)用場(chǎng)景不同。單選適用于選項(xiàng)較少的情況，這種情況下就可以將選項(xiàng)全部列出來(lái)，讓用戶直接選擇，從而減少了用戶點(diǎn)擊下拉的這一步操作；而列表單選則適用于選項(xiàng)較多的情況，將選項(xiàng)放置到列表中，并通過(guò)拖動(dòng)滾動(dòng)條的方式來(lái)進(jìn)行選擇，節(jié)省了頁(yè)面空間。

（3）雖然列表單選解決了選項(xiàng)過(guò)多占用頁(yè)面的問(wèn)題，但是遇到選項(xiàng)過(guò)多的情況下，如何讓用戶從眾多的選項(xiàng)中快速查找到自己所需的選項(xiàng)呢？這里，推薦使用搜索選擇，即在列表框上方添加一個(gè)搜索框，與搜索內(nèi)容匹配的選項(xiàng)會(huì)在列表實(shí)時(shí)展示，這樣就能極大提升用戶查找的效率?！九e例】：淘寶“發(fā)布寶貝”頁(yè)面的“品牌”支持搜索選項(xiàng)。

（4）列表單選的變形——多級(jí)聯(lián)動(dòng)選擇，這種方式應(yīng)用于需要進(jìn)行多個(gè)層級(jí)的選擇，高層級(jí)的選項(xiàng)決定低層級(jí)的選項(xiàng)。【舉例】：當(dāng)當(dāng)網(wǎng)在新增收獲地址時(shí)“地區(qū)”字段就是多級(jí)聯(lián)動(dòng)選擇。

（5）還有另外一種變形，將每一級(jí)的選項(xiàng)都直接展示出來(lái)，并在每一級(jí)上增加快速搜索框，這種方式適用于每一級(jí)選項(xiàng)都比較多的情況?！九e例】：淘寶“發(fā)布寶貝”時(shí)選擇寶貝的品類和品牌。

5、列表多選。

這種方式通過(guò)列表選擇的方式來(lái)進(jìn)行多項(xiàng)選擇，適用于要輸入的值已有固定選項(xiàng)的情況。

• 列表多選和多選的區(qū)別在于，列表多選適用于選項(xiàng)比較多的情況，如果全部展示出來(lái)，會(huì)造成頁(yè)面比較臃腫。因此將選項(xiàng)做成列表選擇的形式。
• 因?yàn)榱斜磉x項(xiàng)會(huì)在拉動(dòng)時(shí)看不到已選擇的選項(xiàng)，同時(shí)在失去焦點(diǎn)時(shí)列表選項(xiàng)消失，因此，還需要將已選擇的選項(xiàng)列出來(lái)，方便一眼就能看到選了哪些選項(xiàng)。
• 為了方便刪除已經(jīng)選擇的選項(xiàng)，需要直接在列出來(lái)的選項(xiàng)上提供刪除功能，減少用戶操作的步驟。

【舉例】：如圖是大街網(wǎng)選擇城市的彈窗，已經(jīng)選擇的“廈門”、“莆田”、“三明”會(huì)出現(xiàn)在已選擇的部分，同時(shí)，如果想刪除某一個(gè)已選擇的城市，可以直接點(diǎn)擊該城市右邊的刪除按鈕。

1、掃描輸入。

這在文章的前面有過(guò)介紹，可以通過(guò)掃描儀、攝像頭等來(lái)對(duì)二維碼、條形碼進(jìn)行掃描來(lái)快速進(jìn)行字段信息的輸入，這種方式比起手動(dòng)輸入來(lái)，不但減少了人工操作失誤，效率有了很大地提升。唯一要注意的是，在支持掃描輸入的同時(shí)，也要支持手動(dòng)輸入，以防掃描設(shè)備失效時(shí)，還有其他的方式來(lái)完成工作?！九e例】：現(xiàn)在很火的共享單車，就同時(shí)支持掃描二維碼和手動(dòng)輸入車號(hào)來(lái)解鎖。

2、必填性質(zhì)。

在設(shè)計(jì)字段時(shí)，有些字段是必須要填的，而有些字段是選填的，要對(duì)字段的必填性質(zhì)進(jìn)行說(shuō)明。如何獲知字段是否是必填項(xiàng)呢？這就需要在整理字段階段時(shí)，和業(yè)務(wù)方確認(rèn)好。確認(rèn)好之后，在這一步，就要將必填的字段特殊標(biāo)記出來(lái)。最常用的標(biāo)記方式是在字段前方加上紅色*號(hào)?！九e例】：淘寶“發(fā)布寶貝”頁(yè)面的“寶貝類型”、“寶貝標(biāo)題”就是必填項(xiàng)。

3、字段提醒（說(shuō)明）。

有些字段有一些特別的輸入規(guī)則或者限制，這個(gè)需要對(duì)用戶進(jìn)行提醒，防止用戶沒(méi)有看到或者忘掉這些規(guī)則或限制從而造成返工。具體來(lái)說(shuō)，一般有以下三種提醒方式：

（1）在輸入框還未輸入內(nèi)容時(shí)顯示提醒內(nèi)容。這種方式的好處是提醒內(nèi)容不會(huì)占用額外的空間；而且在輸入框內(nèi)進(jìn)行提示，能夠讓用戶在輸入時(shí)就看到提醒，“觸達(dá)率”很高?！九e例】：微信公眾平臺(tái)的“新建圖文消息”頁(yè)面的“標(biāo)題”、“作者”、“正文”就使用了這種方式。

不好的地方在于在開始輸入后，提醒內(nèi)容會(huì)消失；如果提醒的內(nèi)容過(guò)多時(shí)，用戶無(wú)法完全記住。因此這種提醒方式適用于提醒內(nèi)容不多或者容易理解的情況。

（2）將字段的提醒內(nèi)容直接展示出來(lái)。這種方式的好處在于提醒內(nèi)容會(huì)一直存在，任何字段都可以使用?！九e例】：微信公眾平臺(tái)在設(shè)置“關(guān)鍵詞自動(dòng)回復(fù)”時(shí)，對(duì)“規(guī)則名稱”的字?jǐn)?shù)限制就使用了這種提醒方法。淘寶在發(fā)布寶貝時(shí)的“寶貝賣點(diǎn)”、“寶貝屬性”字段的提醒也使用了這種方式。

不好的地方在于這種方式在提醒內(nèi)容很多的情況下，會(huì)非常占用頁(yè)面空間，甚至喧賓奪主。因此，這種方式適用于提醒內(nèi)容不多，且提醒內(nèi)容比較重要的情況。

（3）將字段的提醒內(nèi)容隱藏起來(lái)，只保留一個(gè)簡(jiǎn)潔的入口在查看時(shí)需要進(jìn)行額外的操作。這種方式的好處是在遇到提醒內(nèi)容非常多的情況下，會(huì)很節(jié)省頁(yè)面空間；不好的地方在于提醒內(nèi)容過(guò)于隱秘；用戶查看提醒還需要額外的操作成本。

【舉例】：淘寶在發(fā)布寶貝時(shí)的“材質(zhì)成分”字段的提醒就使用了這種方式。點(diǎn)擊“填寫須知”會(huì)新頁(yè)面跳轉(zhuǎn)到具體的材質(zhì)成分填寫的標(biāo)準(zhǔn)與規(guī)范頁(yè)面。

以上說(shuō)的三種字段提醒的顯示方式，各有利弊。在具體應(yīng)用中，要考慮到具體的使用場(chǎng)景。有的時(shí)候可以考慮結(jié)合使用?！九e例】：淘寶在“發(fā)布寶貝”頁(yè)面的“主圖視頻”字段既顯示了比較重要的幾點(diǎn)提醒，又留了一個(gè)入口，來(lái)讓用戶查看完整的教程。

以上，就是根據(jù)自己這幾年的經(jīng)驗(yàn)總結(jié)出來(lái)的字段設(shè)計(jì)的一些心得，由于本人水平及經(jīng)驗(yàn)有限，可能有的地方說(shuō)的不是很完善，希望大家多多拍磚，感謝！

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

題圖來(lái)自u(píng)nspalsh，基于CC0協(xié)議