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

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

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

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

當然這種做法盡管簡練，但欠好的當?shù)厥钱斢脩糸_始輸入之后，就看不到這個提示內容了。乃至有些用戶或許會誤認為這現(xiàn)已填寫內容了。

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

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

2.Radio按鈕

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

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

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

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

3.Slider滑桿

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

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

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