国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

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

一.用戶的輸入

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

1.文本輸入框

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

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

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

提供缺省值和自動(dòng)完成

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

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

輸入提示信息

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

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

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

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

輸入驗(yàn)證

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

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

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

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

2.Radio按鈕

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

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

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

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

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

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

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

• 不要在選項(xiàng)之下，還有選項(xiàng)。

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

3.Slider滑桿

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

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

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

作者：陳小健

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

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