如何提高表單的填寫效率和準確性?

0 評論 2645 瀏覽 35 收藏 15 分鐘

如何提高表單的填寫效率和準確性?關于這個問題,相信不少人都感到困惑或頭疼。這篇文章里,作者就對這一問題做了闡述和探討,一起來看看本文的拆解,或許會對你有所幫助。

表單設計是B端產品必不可少的一環,比如填寫注冊信息、線索信息、訂單信息等,這類需求看似簡單,但如果想要做好,也需花費一番心思。比如如何提高表單的填寫效率和準確性?接下來我們就來探討下這個問題。

一、提高表單的填寫效率

1. 優化排版,提高表單可讀性

可讀性指的是第一時間讓用戶知道表單包括哪幾個模塊以及關鍵信息在什么位置,即通過提高表單排版的合理性來提升用戶的定位和閱讀速度,可以從隱藏冗余字段、表單分組、字段排序優化、表單對齊幾個維度著手。

1)隱藏冗余信息

業務方給的所有字段真的都是有必要的嗎?是否能通過對字段進行刪減或隱藏達到只詢問必要信息的目的?

① 字段隱藏

剔除不必要的字段,僅指該字段無需暴露給用戶,數據庫中仍可保留該字段。

>>案例1

有了地區地址信息,系統已經能鎖定用戶的郵編了,再讓填寫郵政編碼是否多此一舉?又有多少用戶明確知道所在地的詳細郵編呢?就算自動帶出了,還想用戶去復核嗎?如果在長表單中,這種就是應該隱藏的字段。

>>案例2

證件類型=居民身份證時,沒必要再展示國籍、性別和出生日期否則用戶改了你是校驗通過還是不通過?

② 漸進披露

默認隱藏部分字段,用戶需手動展開后才可錄入。

③ 后置填寫

僅展示部分字段,其余字段給默認值且不在表單中展示或等用戶遇到使用此字段的場景時再補充。

99%的場景下,用戶在錄入工資單時用不到這些字段,所以在錄入環節直接舍去了,僅在編輯環節保留。

2)表單分組

根據字段的邏輯關系對表單進行分組。

如果分組之間有邏輯先后順序,可以使用標題分組如果覺得標題分組不足以對當前信息做出層級區分時,可考慮引入卡片分組如果每個組之間沒有邏輯先后順序,可以使用標簽分組注意:如果表單內容過長,可考慮增加錨點定位

3)字段排序優化

① 必填在前

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

② 重要在前

先詢問更關鍵的信息。

③ 簡單在前

從用戶覺得更容易填的字段開始,放松他們的心情,然后再去填那些更復雜的更敏感的信息,常用于問卷類信息的填寫。

4)表單對齊

① 標簽對齊

特別說明:雖然左標簽完成速度慢,但正可以利用這點,來讓用戶完成概念比較陌生需仔細閱讀類的表單。

② 字段寬度

如果想要暗示用戶填寫內容的長度,可以選擇錯落有致的排布方式(但需要注意,別設置太多的寬度);反之,則可以選擇寬度一致的排布方式。

③ 單列多列

單列平鋪

  • 優點:路徑清晰,填寫效率高,體驗好。
  • 缺點:占用縱向空間,如果屏幕大小不夠,需要滾動多次才能填寫完畢。

多列平鋪

  • 優點:節省縱向空間,信息承載量大。
  • 缺點:“Z”字型的視覺動線較為復雜,容易漏填錯填。

2. 深化場景,提高表單智能性

智能性指的是從實際業務場景出發,研究讓用戶盡可能少填字段的方式方法,主要包括默認值、智能匹配、自動填充、充分利用手機硬件、自動暫存。

1)默認值

? 自動帶出:用戶85%以上不會去修改的,比如編碼、手機號的國際區號+86等。

>>案例1

用于確保唯一性的編號,當生成規則符合用戶習慣時,比如自增方案是編碼中的數字部分+1,大部分用戶是不會去修改的。

>>案例2

85%以上的企業都是小規模納稅人,符合大部分用戶的選擇,而且這個設置后期是可以更改的,因此可以默認。

? 不適合自動帶出的:自動帶出容易導致用戶誤選,且會對系統造成影響的(包括用戶使用和平臺數據分析),比如用戶性別等。

2)智能匹配

想用戶之所想,提供更準確的備選項。

>>案例1

默認定位到哪個時間?1990年?當前自然月?業務單據所屬月份?這也需要根據業務場景來定義比如記賬場景下,購買日期一般是記賬當月或上月,因此默認定位到記賬月份再比如選出生年份,如果大部分用戶是90后,那默認定位到2023年顯然是不合適的。

>>案例2

提供推薦回復/常用語/熱門選項等。

>>案例3

提供推薦搜索項,搜索方式包括模糊搜索、分詞搜索等。

模糊搜索:備選項中包含輸入關鍵詞。

分詞搜索:將備選項拆分成多個詞組,并對備選項賦予分值,計算總體相似度可以根據業務場景來決定最終搜索方式。

3)自動填充

根據業務場景,考慮有無自動填充的解決方案。

>>案例1

根據公司名稱自動帶出公司相關的信息。

>>案例2

根據商品名稱自動推薦最佳的稅收分類。

>>案例3

設置近義詞,提高匹配成功率。

4)充分利用手機硬件

系統可以充分利用手機的通訊錄、定位、語音、拍照等功能,替換原本的輸入流程。

5)提供合適的鍵盤

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

6)自動暫存

如果編輯的內容相對比較重要且恢復起來比較麻煩,可以提供自動暫存功能。

二、提高表單的準確性

為了確保表單最終的準確性,系統可以從提高表單可理解性(讓用戶直截了當地知道某個單元格應該填什么)以及提高錯誤修復便捷性(填錯了該如何處理)的角度進行優化,主要手段包括格式提醒、表單提示、表單校驗。

1. 格式提醒

1)必填標識

相較而言,符號標識更明顯,但如果大部分字段都是必填,可能導致頁面全是紅色星號,增加用戶填表時的心理壓力。在這種情況下,可以使用文本標識。

2)數量提醒

明確告知用戶數值單位,消除理解歧義 特殊數值分隔,方便確認錄入結果。

3)金額提醒

針對容易填錯且影響重大的金額,可以增加千、萬等級數的提醒。

4)圖片示例

在對圖片有要求的場景下,相較于中文,圖片示例更有利于用戶理解應該上傳什么樣的圖片。

2. 表單提示

表單提示主要包括全局提示、彈窗提示、單選提示,目的都是為了引導用戶在表單中填寫正確的數據。

1)全局提示

一般用于對表單的用途、信息安全性等進行解釋,消除用戶的不信任。

2)彈窗提示

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

3)單項提醒

3. 表單校驗

當用戶填寫錯誤時,如何恰當地進行報錯提示,引導用戶修改填寫內容?這就是表單校驗的目的。

表單校驗主要包括輸入時驗證、失焦時驗證和提交時驗證3種方式。一般情況下,輸入和失焦時只做前端校驗,校驗格式是否正確,提交后才進行后端校驗,但如果某個表單字段非常關鍵,會對剩余表單字段產生重大影響(比如不需要填了),則也會采取后端校驗。

1)輸入時驗證,即錯即報

左圖:在獲取焦點時顯示錄入要求,在輸入過程中實時驗證,并反饋驗證結果。

右圖:在獲取焦點時顯示當前未符合的要求,符合要求后隱藏提示,在輸入過程中實時驗證,并反饋驗證結果。

2)失焦時驗證,實時報錯

3)提交時驗證,一并報錯

提交后統一校驗,返回報錯信息,并在對應的字段下方顯示具體報錯信息吸底顯示整體的報錯信息,并支持定位。

作者:D.lemon,公眾號:檸檬的產品小記

本文由 @D.lemon 原創發布于人人都是產品經理。未經許可,禁止轉載。

題圖來自Unsplash,基于CC0協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!