關(guān)于移動(dòng)端規(guī)劃知識(shí)共享——你如何規(guī)劃“輸入”？

關(guān)于移動(dòng)端規(guī)劃，跟大家共享過菜單規(guī)劃、底部導(dǎo)航規(guī)劃、空狀況頁面規(guī)劃等等，今日要共享的是移動(dòng)端的輸入操作規(guī)劃。在移動(dòng)端的用戶體會(huì)規(guī)劃有許多挑戰(zhàn)，你需要在一個(gè)有限的屏幕巨細(xì)下去處理各種輸入。因此在規(guī)劃的時(shí)分要能夠讓用戶能夠經(jīng)過非常簡(jiǎn)略直觀的方法去完結(jié)輸入，并供給給用戶完好但簡(jiǎn)練的提示。那么，在規(guī)劃“輸入”時(shí)，有哪些當(dāng)?shù)厥窃蹅冊(cè)撟⒁獾�？有哪些這方面的規(guī)劃技巧呢？
1.文本輸入框
文本輸入框(Text Field)最常用的一種輸入方法。一個(gè)體會(huì)好的文本輸入，要能夠讓用戶快速地完結(jié)輸入，在用戶輸入時(shí)為用戶供給協(xié)助、在用戶犯錯(cuò)的時(shí)分要能夠讓用戶明白錯(cuò)在那里。
用戶輸入時(shí)，要求輸入的數(shù)據(jù)類型應(yīng)該和當(dāng)時(shí)的鍵盤相匹配。比如要用戶輸入手機(jī)號(hào)碼，那么焦點(diǎn)落到輸入框時(shí)，彈出來的應(yīng)該數(shù)字鍵盤。這樣減少了用戶切換鍵盤的麻煩。

還有一個(gè)提升輸入速度的方法那就是主動(dòng)切換巨細(xì)寫，即首字母為巨細(xì)，第二個(gè)字母開始為小寫。這個(gè)適用于在英文的輸入中，比如輸入英文名，或許英文句子的首行。
供給缺省值和主動(dòng)完結(jié)
缺省值提示能夠協(xié)助用戶快速完結(jié)輸入，這個(gè)缺省值能夠是用戶之前輸入過的文本，或許體系供給的一些熱門詞匯。
主動(dòng)完結(jié)是在用戶輸入的過程里，根據(jù)用戶的輸入來給出主張。用戶能夠經(jīng)過體系的主張來主動(dòng)完結(jié)輸入。當(dāng)然這依賴于體系主張的精準(zhǔn)度。

輸入提示信息
用戶在輸入過程中應(yīng)該給予用戶足夠多的協(xié)助。這種協(xié)助包含對(duì)輸入項(xiàng)的解析，以及對(duì)輸入信息的提示。一起，任何一個(gè)標(biāo)題(Label)都應(yīng)該是簡(jiǎn)練明了的。
除了慣例的在輸入框左上角寫明Label外，有一種簡(jiǎn)練的做法是運(yùn)用Inline Label。

當(dāng)然這種做法盡管簡(jiǎn)練，但欠好的當(dāng)?shù)厥钱?dāng)用戶開始輸入之后，就看不到這個(gè)提示內(nèi)容了。乃至有些用戶或許會(huì)誤認(rèn)為這現(xiàn)已填寫內(nèi)容了。

用戶是有或許輸入犯錯(cuò)的，體系應(yīng)該給予用戶及時(shí)的反饋——假如我做對(duì)了，請(qǐng)讓我知道;假如我做錯(cuò)了，告訴我錯(cuò)在那里。
給予用戶的提示不應(yīng)該中止用戶當(dāng)時(shí)的操作。不要用彈出框讓用確認(rèn)的方法，在恰當(dāng)?shù)胤轿?比如輸入框下面)給出闡明即可。

一起提示也應(yīng)該有對(duì)提示的顏色區(qū)分。一般情況下，赤色對(duì)應(yīng)過錯(cuò)，綠色對(duì)應(yīng)正確，黃色對(duì)應(yīng)警告。
而對(duì)于有字符數(shù)約束的輸入，當(dāng)用戶輸入超越約束的字符時(shí)，還應(yīng)該赤色符號(hào)用戶輸入的字符數(shù)和約束字符數(shù)。有些體系在處理這個(gè)問題的時(shí)分，是直接不讓用戶繼續(xù)輸入，或許只提示用戶輸入的字符超出約束了，這都是欠好的做法，前者讓用戶摸不著頭腦，而后者則需要用戶不斷嘗試減少多少才不超出。

2.Radio按鈕

Radio按鈕用于在用戶有多個(gè)選項(xiàng)，但用戶只能挑選其間一個(gè)的時(shí)分。讓用戶進(jìn)行有限挑選，而非直接輸入的方法，能夠比較有效地減少用戶輸入過錯(cuò)的數(shù)據(jù)。
當(dāng)需要用戶進(jìn)行設(shè)置的時(shí)分，運(yùn)用Radio來讓用戶進(jìn)行操作是一種比較好的做法。
在運(yùn)用Radio的時(shí)分，需要注意的幾個(gè)要害點(diǎn)是：
選項(xiàng)的排序應(yīng)該按邏輯擺放，不要簡(jiǎn)略地按字母次序來排。當(dāng)然有時(shí)分這個(gè)也有例外，比如在國家挑選里，你要挑選中國(China)，在按字母次序擺放的選項(xiàng)了用戶能夠非常快捷地經(jī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ì)輸入準(zhǔn)確的數(shù)值不那么介意的時(shí)分，選用滑桿的方法愈加方便、體會(huì)更好。

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

當(dāng)然， 假如有時(shí)分還需要在調(diào)整結(jié)束之后，查看下當(dāng)時(shí)狀況的數(shù)值，咱們能夠?qū)��?duì)應(yīng)的數(shù)值標(biāo)明出來。