在用戶輸入時如何利用有限的屏幕空間,這篇文章列出了三個改善數據輸入體驗的關鍵因素,分別是 改進輸入速度,為用戶提供幫助和支援 和 在用戶輸入時直接指出問題所在,全是干貨,一起來看看。
一、輸入
根據需要輸入的文本類型匹配鍵盤布局
用戶喜歡那些在輸入文本時能夠提供合適鍵盤布局的應用。不像物理鍵盤,觸摸鍵盤可以隨時調整,根據每個表單域的不同數據類型,為用戶提供不同的鍵盤布局。通??梢赃M行優化的輸入類型包括:
數字: 電話號、信用卡號、PIN 碼
文本: 固有名稱、用戶名
混合格式: 郵箱地址、街道地址、搜索查詢
確保這些項可以在你的 app 中 持續地 進行優化,而不是只在某些特定任務中優化。
合理配置自動大寫功能
如何合理地設置自動大寫,對于移動端表單域的可用性是很重要的。如果語言本身有要求,每個文本框的首字母和每句話的開頭字母都應該大寫。相關例子:
詢問用戶的姓名
包含句子的信息,比如短信
但是,要注意不讓電子郵件的文本框開啟自動首字母大寫,當用戶發現時,可能會返回刪除大寫的首字母再改回小寫,因為他們會擔心郵件不能正常發送。
當詞典不夠智能時,關閉自動糾錯
用戶反感低效的自動糾錯功能,如果用戶沒有發現這個功能,可能還會造成問題。當用戶發現自動糾錯功能對于那些單詞縮寫、街道名稱、郵箱、人名和一些不在字典的單詞表現非常糟糕的時候,是極其影響用戶體驗的。
在老版本的亞馬遜 app 中,地址欄曾經有自動糾錯功能,卻導致了正確地址被這個功能改寫為錯誤的。
這種情況經常會發生,因為用戶通常只關注了他們正在輸入什么,而不是他們已經輸入的內容。對于地址信息,這樣會導致用戶輸入的有效地址被自動糾錯改成了無效地址,而用戶卻沒有留意到自動糾錯已經發生,最終提交了錯誤的地址。
固定的輸入格式
不要使用固定輸入格式。強制使用固定格式的最常見原因,是受到驗證腳本的限制(難道后端不能確定所需要的格式?)。在大部分情況下,這是開發的責任,而非用戶。與其強迫用戶輸入某些特定格式,比如電話號碼,不如想辦法把用戶輸入轉化為你想要顯示或者存儲的格式。
默認值和自動完成
你應該頻繁預測用戶的選擇項,通過提供智能預測的默認值,或者基于過去輸入內容的提示,使得用戶更加容易地輸入內容。比如,你可以通過用戶的地理位置信息,預測用戶所屬國家。
這個解決方案可以和自動完成功能配合使用,讓用戶輸入速度顯著提升。自動完成會在下拉列表中實時地列出建議,使得用戶可以更加準確和有效地完成輸入。這對于那些語言水平不高或者忘記拼寫的用戶非常有用,尤其是輸入非母語的時候。
(帶有提示的文本域)
二、標簽和幫助信息
用戶想要知道在輸入框中填入哪種信息,清晰的標簽正是一種讓 UI 更加易于理解的方式。標簽告訴用戶每個輸入框的目的,在表單域獲得焦點甚至完成輸入后,保持其有效性。
你還應該在表單域的上下文提供幫助信息。提供相關的語境信息,可以幫助用戶更加容易地完成操作。
限制單詞數
標簽并非幫助文字,你應當使用簡明扼要的標簽(一兩個單詞),使得用戶可以快速了解你的文本域。
(‘Phone’, ‘Check in’, ‘Check out’ 都是輸入框的標簽)
如果有需要可以對表單域提供更多信息,當用戶面對有用的信息,可以用于消除困惑或者減少潛在的錯誤。
(在 ‘Phone’ 表單域下面的信息就是幫助文本)
新聞熱點
疑難解答