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