歡迎來(lái)到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

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

發(fā)布時(shí)間:2020-12-24 文章來(lái)源:本站  瀏覽次數(shù):2666

關(guān)于移動(dòng)端規(guī)劃,跟大家共享過(guò)菜單規(guī)劃、底部導(dǎo)航規(guī)劃、空狀況頁(yè)面規(guī)劃等等,今日要共享的是移動(dòng)端的輸入操作規(guī)劃。在移動(dòng)端的用戶體會(huì)規(guī)劃有許多挑戰(zhàn),你需要在一個(gè)有限的屏幕巨細(xì)下去處理各種輸入。因此在規(guī)劃的時(shí)分要能夠讓用戶能夠經(jīng)過(guò)非常簡(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ù)類(lèi)型應(yīng)該和當(dāng)時(shí)的鍵盤(pán)相匹配。比如要用戶輸入手機(jī)號(hào)碼,那么焦點(diǎn)落到輸入框時(shí),彈出來(lái)的應(yīng)該數(shù)字鍵盤(pán)。這樣減少了用戶切換鍵盤(pán)的麻煩。

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

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

當(dāng)然這種做法盡管簡(jiǎn)練,但欠好的當(dāng)?shù)厥钱?dāng)用戶開(kāi)始輸入之后,就看不到這個(gè)提示內(nèi)容了。乃至有些用戶或許會(huì)誤認(rèn)為這現(xiàn)已填寫(xiě)內(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)過(guò)錯(cuò),綠色對(duì)應(yīng)正確,黃色對(duì)應(yīng)警告。
而對(duì)于有字符數(shù)約束的輸入,當(dāng)用戶輸入超越約束的字符時(shí),還應(yīng)該赤色符號(hào)用戶輸入的字符數(shù)和約束字符數(shù)。有些體系在處理這個(gè)問(wèn)題的時(shí)分,是直接不讓用戶繼續(xù)輸入,或許只提示用戶輸入的字符超出約束了,這都是欠好的做法,前者讓用戶摸不著頭腦,而后者則需要用戶不斷嘗試減少多少才不超出。

2.Radio按鈕

Radio按鈕用于在用戶有多個(gè)選項(xiàng),但用戶只能挑選其間一個(gè)的時(shí)分。讓用戶進(jìn)行有限挑選,而非直接輸入的方法,能夠比較有效地減少用戶輸入過(guò)錯(cuò)的數(shù)據(jù)。
當(dāng)需要用戶進(jìn)行設(shè)置的時(shí)分,運(yùn)用Radio來(lái)讓用戶進(jìn)行操作是一種比較好的做法。
在運(yùn)用Radio的時(shí)分,需要注意的幾個(gè)要害點(diǎn)是:
選項(xiàng)的排序應(yīng)該按邏輯擺放,不要簡(jiǎn)略地按字母次序來(lái)排。當(dāng)然有時(shí)分這個(gè)也有例外,比如在國(guó)家挑選里,你要挑選中國(guó)(China),在按字母次序擺放的選項(xiàng)了用戶能夠非?旖莸亟(jīng)過(guò)定位到“C”開(kāi)頭的選項(xiàng)來(lái)找到"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)明出來(lái)。

上一條:程序員篇——你把握了多少...

下一條:從用戶視點(diǎn)動(dòng)身,我們來(lái)談...