關于移動端規劃知識共享——你如何規劃“輸入”？

關于移動端規劃，跟大家共享過菜單規劃、底部導航規劃、空狀況頁面規劃等等，今日要共享的是移動端的輸入操作規劃。在移動端的用戶體會規劃有許多挑戰，你需要在一個有限的屏幕巨細下去處理各種輸入。因此在規劃的時分要能夠讓用戶能夠經過非常簡略直觀的方法去完結輸入，并供給給用戶完好但簡練的提示。那么，在規劃“輸入”時，有哪些當地是咱們該注意的？有哪些這方面的規劃技巧呢？
1.文本輸入框
文本輸入框(Text Field)最常用的一種輸入方法。一個體會好的文本輸入，要能夠讓用戶快速地完結輸入，在用戶輸入時為用戶供給協助、在用戶犯錯的時分要能夠讓用戶明白錯在那里。
用戶輸入時，要求輸入的數據類型應該和當時的鍵盤相匹配。比如要用戶輸入手機號碼，那么焦點落到輸入框時，彈出來的應該數字鍵盤。這樣減少了用戶切換鍵盤的麻煩。

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

輸入提示信息
用戶在輸入過程中應該給予用戶足夠多的協助。這種協助包含對輸入項的解析，以及對輸入信息的提示。一起，任何一個標題(Label)都應該是簡練明了的。
除了慣例的在輸入框左上角寫明Label外，有一種簡練的做法是運用Inline Label。

當然這種做法盡管簡練，但欠好的當地是當用戶開始輸入之后，就看不到這個提示內容了。乃至有些用戶或許會誤認為這現已填寫內容了。

用戶是有或許輸入犯錯的，體系應該給予用戶及時的反饋——假如我做對了，請讓我知道;假如我做錯了，告訴我錯在那里。
給予用戶的提示不應該中止用戶當時的操作。不要用彈出框讓用確認的方法，在恰當地方位(比如輸入框下面)給出闡明即可。

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

2.Radio按鈕

Radio按鈕用于在用戶有多個選項，但用戶只能挑選其間一個的時分。讓用戶進行有限挑選，而非直接輸入的方法，能夠比較有效地減少用戶輸入過錯的數據。
當需要用戶進行設置的時分，運用Radio來讓用戶進行操作是一種比較好的做法。
在運用Radio的時分，需要注意的幾個要害點是：
選項的排序應該按邏輯擺放，不要簡略地按字母次序來排。當然有時分這個也有例外，比如在國家挑選里，你要挑選中國(China)，在按字母次序擺放的選項了用戶能夠非?？旖莸亟涍^定位到“C”開頭的選項來找到"China”。
選項的闡明應該簡略易懂，這個案牘的功夫。
進行默認挑選，以及None選項(在用戶能夠不挑選的情況下)。

選項垂直擺放，不要水平擺放。

當然這個也不是絕對，但假如你要將選項水平擺放的話，選項應該盡或許少，而且可點擊的區域足夠大，Radio的點擊區域要包含整個Radio區域(按鍵和標簽)，不要在選項之下，還有選項。

你當然也能夠用下拉列表做挑選選項，但假如選項數量少的時分，用Radio是更好的做法。

3.Slider滑桿

滑桿輸入其實也是數值輸入。當咱們對輸入準確的數值不那么介意的時分，選用滑桿的方法愈加方便、體會更好。

比如音量的輸入，咱們當然不介意音量的準確數值是多少，咱們介意的是現在的音量是高了仍是低了，咱們想要調高仍是調低。

當然， 假如有時分還需要在調整結束之后，查看下當時狀況的數值，咱們能夠將對應的數值標明出來。