注:基于移動設備的ux設計有很多難點。其中最大的設計挑戰(zhàn)之一是在有限的屏幕空間上解決點擊輸入的問題。對于ux設計師、開發(fā)人員和產(chǎn)品經(jīng)理來說,讓這個過程變得易于用戶使用就顯得至關(guān)重要。
本篇文章闡述了提高數(shù)據(jù)輸入體驗中的三個關(guān)鍵因素--速度(提高輸入速度)、引導(為用戶輸入提供引導幫助),反饋(直接有效地指出用戶輸入過程中的問題)。
用戶都偏愛那些根據(jù)輸入內(nèi)容提供了合適鍵盤的應用。我們可以根據(jù)輸入框的類型優(yōu)化虛擬鍵盤,這是實體鍵盤不能做到的。常見輸入內(nèi)容的類型包括:
數(shù)字:電話號碼、信用卡號碼,PIN碼
文字:正確的名字、用戶名
混合輸入:電子郵件地址、街道地址、搜索關(guān)鍵詞
請確保這種匹配鍵盤的設計在整個應用中是統(tǒng)一的,而不是僅僅用在了某些地方。
左,用戶需要點擊 123 鍵來切換鍵盤類型以便使用數(shù)字鍵盤
右,我們應該為需要輸入數(shù)字的文本區(qū)域自動匹配合適的數(shù)字鍵盤
合理使用自動大寫對于提高移動端表單的可用性來說至關(guān)重要。每個文本輸入框的首字母和及每句話的首字母應該自動大寫。這尤其適用于以下兩類輸入?yún)^(qū)域:
給某信息命名,比如用戶的姓和名。
包含句子式的信息,比如短信息文本。
不過,當我們輸入電子郵件地址時,應該禁用自動大寫功能,當用戶發(fā)現(xiàn)郵箱首字母大寫時,常常會退回去將大寫字母刪掉,因為他們擔心這樣會讓郵件發(fā)送產(chǎn)生問題。
自動修正這個功能往往使大多數(shù)用戶失望,甚至當用戶沒有注意到的時候,它會明顯傷害用戶。自動糾錯功能對于以下這幾種信息更是收效甚微:例如縮寫、街道名稱、電子郵件、人名、以及詞典里沒有出現(xiàn)過的詞匯。
舊版本的亞馬遜手機app在文本輸入框中應用了自動修改模式,原本正確的輸入反而被自動糾錯的內(nèi)容代替了。
這種情況經(jīng)常會發(fā)生,因為用戶往往更關(guān)注他們正在輸入的內(nèi)容而不是已經(jīng)輸入的內(nèi)容。如果輸入的內(nèi)容是地址類的信息,自動修改功能會悄悄篡改原本正確的輸入內(nèi)容,用戶很難注意這點。
不要使用固定的輸入模式。使用固定樣式的最常見的理由是腳本校驗限制。(后端可能不能判斷用戶輸入的格式)。然而大部分情況下,這是開發(fā)者的問題,不應該讓用戶買單。你應該想辦法將用戶的輸入轉(zhuǎn)化成可以存儲或顯示的格式,而不是強迫用戶輸入固定的格式。
左,數(shù)據(jù)輸入框的樣式符合慣例(把電話號碼分割成三個輸入框),其余表單被鍵盤遮擋
右,輸入框支持輸入靈活的內(nèi)容,并且輸入完成后自動提高以便不會被鍵盤遮擋