如何做好移動應用的表單設計

減少輸入

移動應用受鍵盤輸入效率的限制,不適合做太多的數據錄入工作。建議使用接口減少用戶的數據錄入工作。具體場景有:
1.要求輸入地址時,可通過獲取用戶定位減少用戶必要的數據錄入。
2.要求填寫銀行卡號、身份證號時,可通過訪問用戶設備相機、相冊通過上傳圖片的方式減少用戶必要的數據錄入。
還可以通過提供默認值的方式減少用戶錄入工作,但注意默認值支持用戶自由的進行修改,保證用戶的控制與自由。

再認而非回憶

當應用不得不讓用戶進行錄入時,建議提供選項、slider、audio 或 picker 等控件,而非提供文本輸入框。
選項不但可以減少用戶手指錄入的負擔,也能減輕用戶大腦記憶的負擔。

格式提示

預期錯誤發生后要求改正,不如在一開始就防止錯誤發生。
在用戶錄入數據前給予格式提示可以有效的幫助用戶進行數據錄入工作,提高用戶體驗。
格式提示有 2 種類型:
1.文本框內缺省提示。提示強度較弱,當用戶開始錄入數據后提示將消失,適用于格式較簡單的提示。
2.文本框底部提示。提示強度較強,提示文案常駐文本框底部或臨近位置,用戶在錄入數據時可實時查看格式提示,適用于格式較復雜的提示,例如用戶名、密碼等 string 類型的文本框。

防止過度提示,類似手機號碼等文本框,無需在提供多余的提示打擾用戶。

即時反饋

用戶在錄入數據時希望知道自己的操作是否正確、系統將如何處理“我”所錄入的數據。
即時反饋可幫助用戶快速的發現數據錄入的錯誤及時修改,提高填寫表單的正確率。
可在用戶錄入時實時監聽文本框的值變化事件,若格式正確,則立即給予反饋(在當前錄入區域以綠色圖標等表意符號進行反饋);在文本框失去焦點時判斷,若格式錯誤則可以使用強度稍強的方式提示錄入有誤。

注意反饋的力度。根據表單的性質以及對應值的關鍵程度需要把控好反饋的強度,例如密碼錯誤等關鍵錯誤提示,需要使用強度較強的模態彈窗進行反饋。(關于把控反饋強度的心得,將在今后的文章中分享 :-) )

系統對用戶的反饋往往有 2 種工作模式:

  1. 本地進行。例如判斷手機號碼格式(1 開頭的 11 位純數字)。
  2. 需要請求服務器進行驗證。例如判斷手機號是否已注冊會員。

第 1 種工作模式由于可在本地進行,占用系統資源小,可動態監聽、即時反饋。
第 2 種公眾模式由于需要請求服務器,建議在用戶點擊“提交”/“登錄” 按鈕時再反饋(注意此時需要再按鈕上提供系統正在處理請求的局部反饋)。

以上。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容