UX是User experience的縮寫，指用戶體驗，UX設(shè)計指以用戶體驗為中心的設(shè)計。UX Planet （uxplanet.org）上面討論很多關(guān)于移動設(shè)計里做好UX的技巧，很多觀點都非常具有指導(dǎo)意義。

一.用戶的輸入

在移動端的UX設(shè)計有很多挑戰(zhàn)，你需要在一個什么有限的屏幕大小下去處理各種輸入。因此在設(shè)計的時候要能夠讓用戶可以通過非常簡單直觀的方式去完成輸入，并提供給用戶完整但簡潔的提示。

1.文本輸入框

文本輸入框（Text Field）最常用的一種輸入方式。一個體驗好的文本輸入，要能夠讓用戶快速地完成輸入，在用戶輸入時為用戶提供幫助、在用戶出錯的時候要能夠讓用戶明白錯在那里。

用戶輸入時，要求輸入的數(shù)據(jù)類型應(yīng)該和當(dāng)前的鍵盤相匹配。比如要用戶輸入手機號碼，那么焦點落到輸入框時，彈出來的應(yīng)該數(shù)字鍵盤。這樣減少了用戶切換鍵盤的麻煩。

還有一個提升輸入速度的方式那就是自動切換大小寫，即首字母為大小，第二個字母開始為小寫。這個適用于在英文的輸入中，比如輸入英文名，或者英文句子的首行。

提供缺省值和自動完成

缺省值提示可以幫助用戶快速完成輸入，這個缺省值可以是用戶之前輸入過的文本，或者系統(tǒng)提供的一些熱門詞匯。

自動完成是在用戶輸入的過程里，根據(jù)用戶的輸入來給出建議。用戶可以通過系統(tǒng)的建議來自動完成輸入。當(dāng)然這依賴于系統(tǒng)建議的精準(zhǔn)度。

輸入提示信息

用戶在輸入過程中應(yīng)該給予用戶足夠多的幫助。這種幫助包括對輸入項的解析，以及對輸入信息的提示。同時，任何一個標(biāo)題（Label）都應(yīng)該是簡潔明了的。

除了常規(guī)的在輸入框左上角寫明Label外，有一種簡潔的做法是使用Inline Label。

當(dāng)然這種做法雖然簡潔，但不好的地方是當(dāng)用戶開始輸入之后，就看不到這個提示內(nèi)容了。甚至有些用戶可能會誤認(rèn)為這已經(jīng)填寫內(nèi)容了。

用戶Floating Label的交互方式可以解決這個問題：

輸入驗證

用戶是有可能輸入出錯的，系統(tǒng)應(yīng)該給予用戶及時的反饋——如果我做對了，請讓我知道；如果我做錯了，告訴我錯在那里。

給予用戶的提示不應(yīng)該中斷用戶當(dāng)前的操作。不要用彈出框讓用確認(rèn)的方式，在恰當(dāng)?shù)匚恢茫ū热巛斎肟蛳旅妫┙o出說明即可。

同時提示也應(yīng)該有對提示的顏色區(qū)分。一般情況下，紅色對應(yīng)錯誤，綠色對應(yīng)正確，黃色對應(yīng)警告。

而對于有字符數(shù)限制的輸入，當(dāng)用戶輸入超過限制的字符時，還應(yīng)該紅色標(biāo)記用戶輸入的字符數(shù)和限制字符數(shù)。有些系統(tǒng)在處理這個問題的時候，是直接不讓用戶繼續(xù)輸入，或者只提示用戶輸入的字符超出限制了，這都是不好的做法，前者讓用戶摸不著頭腦，而后者則需要用戶不斷嘗試減少多少才不超出。

2.Radio按鈕

Radio按鈕用于在用戶有多個選項，但用戶只能選擇其中一個的時候。讓用戶進(jìn)行有限選擇，而非直接輸入的方式，可以比較有效地減少用戶輸入錯誤的數(shù)據(jù)。

當(dāng)需要用戶進(jìn)行設(shè)置的時候，使用Radio來讓用戶進(jìn)行操作是一種比較好的做法。

在使用Radio的時候，需要注意的幾個關(guān)鍵點是：

• 選項的排序應(yīng)該按邏輯排列，不要簡單地按字母順序來排。當(dāng)然有時候這個也有例外，比如在國家選擇里，你要選擇中國（China），在按字母順序排列的選項了用戶可以非?？旖莸赝ㄟ^定位到“C”開頭的選項來找到”China”。
• 選項的說明應(yīng)該簡短易懂，這個文案的功夫。
• 進(jìn)行默認(rèn)選擇，以及None選項（在用戶可以不選擇的情況下）。

• ?選項垂直排列，不要水平排列。下面這種是糟糕的做法。

當(dāng)然這個也不是絕對，但如果你要將選項水平排列的話，選項應(yīng)該盡可能少，并且可點擊的區(qū)域足夠大，比如下面這種：

• Radio的點擊區(qū)域要包含整個Radio區(qū)域（按鍵和標(biāo)簽），即右邊這種方式：

• 不要在選項之下，還有選項。

• 你當(dāng)然也可以用下拉列表做選擇選項，但如果選項數(shù)量少的時候，用Radio是更好的做法。

3.Slider滑桿

滑桿輸入其實也是數(shù)值輸入。當(dāng)我們對輸入精確的數(shù)值不那么在意的時候，采用滑桿的方式更加方便、體驗更好。

比如音量的輸入，我們當(dāng)然不在意音量的精確數(shù)值是多少，我們在意的是現(xiàn)在的音量是高了還是低了，我們想要調(diào)高還是調(diào)低。

當(dāng)然， 如果有時候還需要在調(diào)整完畢之后，查看下當(dāng)前狀態(tài)的數(shù)值，我們可以將對應(yīng)的數(shù)值標(biāo)示出來。

作者：陳小健

來源：http://www.jianshu.com/p/89f83a369901

本文由@陳小健 授權(quán)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。