2022-1-23 資深UI設計者
表單在B端產品中是重要的組成部分，設計表單是比較考驗設計師綜合能力和設計細節的。一定程度上，表單設計的好壞也決定了產品的成敗。
在實際項目中隨著B端產品的復雜化，出現冗余的視覺干擾信息，降低信息傳達的效率，使得用戶認知成本高，操作難度大。那么對于表單如何提升表單的易用性又該如何數據量化易用性呢？本文從4大方面闡述全面提升表單的易用性并驗證。
表單由表單標簽、表單域、提示信息、操作按鈕組成。
在我們設計B端產品的過程中，總會遇到用戶信息填寫邏輯混亂、資料收集不全的狀況，導致用戶在瀏覽和編輯時的操作體驗大打折扣。主要反映在以下幾個方面：
1、用戶瀏覽信息順序混亂，信息層邏輯不清
2、不同信息內容風格及交互不統一，用戶難以建立統一心智
3、產研協作與資產沉淀之間有斷層，無法有效沉淀與跟蹤管理
4、整體頁面操作時間長，用戶跳脫率高
5、用戶客訴數據高
提升表單易用性的4大原則：易閱讀 、易操作 、安全感 、所見即所得
a、采用扁平化設計，化繁為簡，去除冗余的視覺干擾，使得頁面更加簡潔清晰。
如：當必填特別多時，就不用都標出來了，只需要單獨標出非必填項即可，最大化得信息降噪。
b、盡量采用單列布局，視覺動線流暢，不容易遺漏信息；按Enter換行，可以最大程度得提升表單的輸入效率。此處的用戶心智與操作效率比屏幕利用率更為重要。
c、面對多行或復雜表單可以采用邏輯分組+合適的折疊度，提高頁面有效信息的透傳，增加用戶填寫表單的效率，讓用戶快速填寫，快速離開。
a、為用戶提供合適的默認項，可以減少用戶操作步驟，提高填寫效率。
b、在表單中填寫上部分信息即可自動獲取下面信息，無需用戶再次填寫，也大大增加了操作效率。
c、根據搜索、聯想，自動現實匹配信息，大大減少用戶記憶和認知的負擔。
d、對于一些標準證件、文本信息的錄入，可以通過OCR識別文件內容。當用戶上傳圖片后，運用圖像識別技術提取關鍵信息并自動錄入。
如果圖片不清晰或存在水印，此時也應提供修正渠道，可逐一校對并修改。
a、操作前給予正確提示，避免用戶重復試錯，缺乏安全感。
b、操作中給予實時反饋，為用戶封閉不正確的道路。
c、操作后的提醒和糾錯，告訴用戶哪里錯了，而非簡單粗暴的錯誤警告。
邊設置，邊預覽，適合對移動端、小程序、H5的配置。
通過用戶點擊數據，輔助設計洞見。從4個方面量化體驗度量衡：任務完成率、任務完成時長、必填項目數、易用度評分
通過埋點獲取數據使用公式進行計算或讓技術搭建看板直接看。新版上線后，用戶會有一定的學習適應周期，最好選取一個月以后的數據，比較具有參考意義。
數據分析發現，任務完成時長數據呈現偽正態分布狀態，取眾數最具代表意義。
結合業務場景，減少不必要的必填項，只設置必要的信息填寫，能自動獲取則自動獲取，減少操作步驟，增加操作效率。
通過在產品后臺投放調研問卷，獲取真實的用戶，使用登門檻效應讓其進行評分。最后可把被篩選的對象圈到訪談對象池，有機會可以成為產品成長用戶。
以上就是對于提升表單易用性及驗證的思考，總結如下：
提升表單易用性可以提高信息內容理解和操作效率，更便于管理賬戶
提升表單易用性可以提升獲取用戶和企業信息內容的效率，優化企業框架結構，提升信息質量
提升表單易用性可以提升信息獲取效率，節約設計和開發成本
文章來源：站酷 作者：牛肉咖喱garry
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設計尊重原作者，文章的版權歸原作者。如涉及版權問題，請及時與我們取得聯系，我們立即更正或刪除。
藍藍設計( m.ssll180.com )是一家專注而深入的界面設計公司，為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務