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