如何提高表單的填寫效率和準(zhǔn)確性？關(guān)于這個(gè)問(wèn)題，相信不少人都感到困惑或頭疼。這篇文章里，作者就對(duì)這一問(wèn)題做了闡述和探討，一起來(lái)看看本文的拆解，或許會(huì)對(duì)你有所幫助。

表單設(shè)計(jì)是B端產(chǎn)品必不可少的一環(huán)，比如填寫注冊(cè)信息、線索信息、訂單信息等，這類需求看似簡(jiǎn)單，但如果想要做好，也需花費(fèi)一番心思。比如如何提高表單的填寫效率和準(zhǔn)確性？接下來(lái)我們就來(lái)探討下這個(gè)問(wèn)題。

一、提高表單的填寫效率

1. 優(yōu)化排版，提高表單可讀性

可讀性指的是第一時(shí)間讓用戶知道表單包括哪幾個(gè)模塊以及關(guān)鍵信息在什么位置，即通過(guò)提高表單排版的合理性來(lái)提升用戶的定位和閱讀速度，可以從隱藏冗余字段、表單分組、字段排序優(yōu)化、表單對(duì)齊幾個(gè)維度著手。

1）隱藏冗余信息

業(yè)務(wù)方給的所有字段真的都是有必要的嗎？是否能通過(guò)對(duì)字段進(jìn)行刪減或隱藏達(dá)到只詢問(wèn)必要信息的目的？

① 字段隱藏

剔除不必要的字段，僅指該字段無(wú)需暴露給用戶，數(shù)據(jù)庫(kù)中仍可保留該字段。

>>案例1

有了地區(qū)地址信息，系統(tǒng)已經(jīng)能鎖定用戶的郵編了，再讓填寫郵政編碼是否多此一舉？又有多少用戶明確知道所在地的詳細(xì)郵編呢？就算自動(dòng)帶出了，還想用戶去復(fù)核嗎？如果在長(zhǎng)表單中，這種就是應(yīng)該隱藏的字段。

>>案例2

證件類型=居民身份證時(shí)，沒(méi)必要再展示國(guó)籍、性別和出生日期否則用戶改了你是校驗(yàn)通過(guò)還是不通過(guò)？

② 漸進(jìn)披露

默認(rèn)隱藏部分字段，用戶需手動(dòng)展開(kāi)后才可錄入。

③ 后置填寫

僅展示部分字段，其余字段給默認(rèn)值且不在表單中展示或等用戶遇到使用此字段的場(chǎng)景時(shí)再補(bǔ)充。

99%的場(chǎng)景下，用戶在錄入工資單時(shí)用不到這些字段，所以在錄入環(huán)節(jié)直接舍去了，僅在編輯環(huán)節(jié)保留。

2）表單分組

根據(jù)字段的邏輯關(guān)系對(duì)表單進(jìn)行分組。

如果分組之間有邏輯先后順序，可以使用標(biāo)題分組如果覺(jué)得標(biāo)題分組不足以對(duì)當(dāng)前信息做出層級(jí)區(qū)分時(shí)，可考慮引入卡片分組如果每個(gè)組之間沒(méi)有邏輯先后順序，可以使用標(biāo)簽分組注意：如果表單內(nèi)容過(guò)長(zhǎng)，可考慮增加錨點(diǎn)定位

3）字段排序優(yōu)化

① 必填在前

公司名稱填寫后，可自動(dòng)帶出社會(huì)統(tǒng)一信用代碼、地區(qū)、法定代表人（即使不是100%正確，但大概率這些字段是可以不填的），因此公司名稱在前。

② 重要在前

先詢問(wèn)更關(guān)鍵的信息。

③ 簡(jiǎn)單在前

從用戶覺(jué)得更容易填的字段開(kāi)始，放松他們的心情，然后再去填那些更復(fù)雜的更敏感的信息，常用于問(wèn)卷類信息的填寫。

4）表單對(duì)齊

① 標(biāo)簽對(duì)齊

特別說(shuō)明：雖然左標(biāo)簽完成速度慢，但正可以利用這點(diǎn)，來(lái)讓用戶完成概念比較陌生需仔細(xì)閱讀類的表單。

② 字段寬度

如果想要暗示用戶填寫內(nèi)容的長(zhǎng)度，可以選擇錯(cuò)落有致的排布方式（但需要注意，別設(shè)置太多的寬度）；反之，則可以選擇寬度一致的排布方式。

③ 單列多列

單列平鋪

• 優(yōu)點(diǎn)：路徑清晰，填寫效率高，體驗(yàn)好。
• 缺點(diǎn)：占用縱向空間，如果屏幕大小不夠，需要滾動(dòng)多次才能填寫完畢。

多列平鋪

• 優(yōu)點(diǎn)：節(jié)省縱向空間，信息承載量大。
• 缺點(diǎn)：“Z”字型的視覺(jué)動(dòng)線較為復(fù)雜，容易漏填錯(cuò)填。

2. 深化場(chǎng)景，提高表單智能性

智能性指的是從實(shí)際業(yè)務(wù)場(chǎng)景出發(fā)，研究讓用戶盡可能少填字段的方式方法，主要包括默認(rèn)值、智能匹配、自動(dòng)填充、充分利用手機(jī)硬件、自動(dòng)暫存。

1）默認(rèn)值

? 自動(dòng)帶出：用戶85%以上不會(huì)去修改的，比如編碼、手機(jī)號(hào)的國(guó)際區(qū)號(hào)+86等。

>>案例1

用于確保唯一性的編號(hào)，當(dāng)生成規(guī)則符合用戶習(xí)慣時(shí)，比如自增方案是編碼中的數(shù)字部分+1，大部分用戶是不會(huì)去修改的。

>>案例2

85%以上的企業(yè)都是小規(guī)模納稅人，符合大部分用戶的選擇，而且這個(gè)設(shè)置后期是可以更改的，因此可以默認(rèn)。

? 不適合自動(dòng)帶出的：自動(dòng)帶出容易導(dǎo)致用戶誤選，且會(huì)對(duì)系統(tǒng)造成影響的（包括用戶使用和平臺(tái)數(shù)據(jù)分析），比如用戶性別等。

2）智能匹配

想用戶之所想，提供更準(zhǔn)確的備選項(xiàng)。

>>案例1

默認(rèn)定位到哪個(gè)時(shí)間？1990年？當(dāng)前自然月？業(yè)務(wù)單據(jù)所屬月份？這也需要根據(jù)業(yè)務(wù)場(chǎng)景來(lái)定義比如記賬場(chǎng)景下，購(gòu)買日期一般是記賬當(dāng)月或上月，因此默認(rèn)定位到記賬月份再比如選出生年份，如果大部分用戶是90后，那默認(rèn)定位到2023年顯然是不合適的。

>>案例2

提供推薦回復(fù)/常用語(yǔ)/熱門選項(xiàng)等。

>>案例3

提供推薦搜索項(xiàng)，搜索方式包括模糊搜索、分詞搜索等。

模糊搜索：備選項(xiàng)中包含輸入關(guān)鍵詞。

分詞搜索：將備選項(xiàng)拆分成多個(gè)詞組，并對(duì)備選項(xiàng)賦予分值，計(jì)算總體相似度可以根據(jù)業(yè)務(wù)場(chǎng)景來(lái)決定最終搜索方式。

3）自動(dòng)填充

根據(jù)業(yè)務(wù)場(chǎng)景，考慮有無(wú)自動(dòng)填充的解決方案。

>>案例1

根據(jù)公司名稱自動(dòng)帶出公司相關(guān)的信息。

>>案例2

根據(jù)商品名稱自動(dòng)推薦最佳的稅收分類。

>>案例3

設(shè)置近義詞，提高匹配成功率。

4）充分利用手機(jī)硬件

系統(tǒng)可以充分利用手機(jī)的通訊錄、定位、語(yǔ)音、拍照等功能，替換原本的輸入流程。

5）提供合適的鍵盤

鍵盤包括中文鍵盤、英文鍵盤、數(shù)字鍵盤、專屬鍵盤等。提供了合適的鍵盤，自然免去了切換的時(shí)間，提高了填寫速度。

6）自動(dòng)暫存

如果編輯的內(nèi)容相對(duì)比較重要且恢復(fù)起來(lái)比較麻煩，可以提供自動(dòng)暫存功能。

二、提高表單的準(zhǔn)確性

為了確保表單最終的準(zhǔn)確性，系統(tǒng)可以從提高表單可理解性（讓用戶直截了當(dāng)?shù)刂滥硞€(gè)單元格應(yīng)該填什么）以及提高錯(cuò)誤修復(fù)便捷性（填錯(cuò)了該如何處理）的角度進(jìn)行優(yōu)化，主要手段包括格式提醒、表單提示、表單校驗(yàn)。

1. 格式提醒

1）必填標(biāo)識(shí)

相較而言，符號(hào)標(biāo)識(shí)更明顯，但如果大部分字段都是必填，可能導(dǎo)致頁(yè)面全是紅色星號(hào)，增加用戶填表時(shí)的心理壓力。在這種情況下，可以使用文本標(biāo)識(shí)。

2）數(shù)量提醒

明確告知用戶數(shù)值單位，消除理解歧義 特殊數(shù)值分隔，方便確認(rèn)錄入結(jié)果。

3）金額提醒

針對(duì)容易填錯(cuò)且影響重大的金額，可以增加千、萬(wàn)等級(jí)數(shù)的提醒。

4）圖片示例

在對(duì)圖片有要求的場(chǎng)景下，相較于中文，圖片示例更有利于用戶理解應(yīng)該上傳什么樣的圖片。

2. 表單提示

表單提示主要包括全局提示、彈窗提示、單選提示，目的都是為了引導(dǎo)用戶在表單中填寫正確的數(shù)據(jù)。

1）全局提示

一般用于對(duì)表單的用途、信息安全性等進(jìn)行解釋，消除用戶的不信任。

2）彈窗提示

一般用于提交后，提示用戶一些警告類信息。

3）單項(xiàng)提醒

3. 表單校驗(yàn)

當(dāng)用戶填寫錯(cuò)誤時(shí)，如何恰當(dāng)?shù)剡M(jìn)行報(bào)錯(cuò)提示，引導(dǎo)用戶修改填寫內(nèi)容？這就是表單校驗(yàn)的目的。

表單校驗(yàn)主要包括輸入時(shí)驗(yàn)證、失焦時(shí)驗(yàn)證和提交時(shí)驗(yàn)證3種方式。一般情況下，輸入和失焦時(shí)只做前端校驗(yàn)，校驗(yàn)格式是否正確，提交后才進(jìn)行后端校驗(yàn)，但如果某個(gè)表單字段非常關(guān)鍵，會(huì)對(duì)剩余表單字段產(chǎn)生重大影響（比如不需要填了），則也會(huì)采取后端校驗(yàn)。

1）輸入時(shí)驗(yàn)證，即錯(cuò)即報(bào)

左圖：在獲取焦點(diǎn)時(shí)顯示錄入要求，在輸入過(guò)程中實(shí)時(shí)驗(yàn)證，并反饋驗(yàn)證結(jié)果。

右圖：在獲取焦點(diǎn)時(shí)顯示當(dāng)前未符合的要求，符合要求后隱藏提示，在輸入過(guò)程中實(shí)時(shí)驗(yàn)證，并反饋驗(yàn)證結(jié)果。

2）失焦時(shí)驗(yàn)證，實(shí)時(shí)報(bào)錯(cuò)

3）提交時(shí)驗(yàn)證，一并報(bào)錯(cuò)

提交后統(tǒng)一校驗(yàn)，返回報(bào)錯(cuò)信息，并在對(duì)應(yīng)的字段下方顯示具體報(bào)錯(cuò)信息吸底顯示整體的報(bào)錯(cuò)信息，并支持定位。