手機端高效的文本輸入框設(shè)計

2011-12-02 22:46:23來源:百度MUX作者:

手機端的文本輸入受到使用環(huán)境、網(wǎng)絡(luò)狀況及設(shè)備本身條件的制約,使其用戶體驗的改良成為一個老生常談的話題。如:一直在改進的輸入法,新輸入方式的探索(語音輸入),甚至想盡種種辦法去避免輸入……

1.單位控件

某些特定條件的輸入內(nèi)容本身就是一個單位,如收件人的郵箱地址,收信人的電話,好友的名稱等。將每個單位轉(zhuǎn)化為控件按鈕,可以方便用戶對單位信息進行編輯操作。

\

添加收件人的輸入操作中,輸入的每個收件人名字自成一個單位,以分號隔開顯示,當輸入框再次獲得焦點時每個單位文字變成控件按鈕。編輯時可以就某個單位進行單獨編輯,或刪除,提高整體輸入效率。

單位控件的樣式需結(jié)合具體的輸入內(nèi)容進行設(shè)計,可以是按鈕形態(tài),也可以是其他形態(tài)。位置可以在輸入框內(nèi)部也可以在外部,依具體情況而定。

2.刪除控件

在手機上輸入文字困難,刪除大段的不必要文字同樣困難,在設(shè)計時需要根據(jù)用戶的使用情景充分考慮這一需求,使輸入框附加一鍵刪除按鈕。

\

瀏覽器地址欄中的“地址輸入框”常常需要用戶將其清空重新輸入新的地址,因此當已有內(nèi)容的地址欄獲得焦點時,在輸入框內(nèi)增加一個清除按鈕,方便用戶快速的清空現(xiàn)有內(nèi)容,開始新的內(nèi)容輸入。

\

在微博的編寫過程中,用戶常常輸入了一段文字后感覺并不是合適的,需要重新輸入,此時輸入框中的清除按鈕就可以讓用戶快速清除當前輸入的所有文字。

刪除控件多位于輸入框末端。在單行文本輸入框內(nèi)為了節(jié)省空間刪除控件可以是隱藏的,與文本選擇進行關(guān)聯(lián)。

3.提醒控件

手機中關(guān)于文字輸入的字數(shù)有很多限制,比如每條手機短信限制160個字符,微博限制140個漢字等等,用戶常常會因為不知道限制條件或者忘記了限制條件而進行了誤操作,浪費了時間。那么在輸入框中增加提醒控件,提醒用戶目前還有多少個字符可以輸入,避免用戶輸入超出字數(shù)限制。

該控件多內(nèi)嵌于輸入框中的右下腳,并與輸入內(nèi)容本身在顏色或字體大小上做區(qū)分設(shè)計,不能喧賓奪主,打擾用戶的輸入過程。

結(jié)論:

設(shè)計手機文本輸入框時,以用戶需求為出發(fā)點,結(jié)合使用場景,在空白的輸入框樣式中增加引導詞、附加一些小控件的設(shè)計手段可以幫助用戶對將要輸入的內(nèi)容有更好的理解和把握,減少用戶在輸入過程中產(chǎn)生的錯誤,方便用戶對已輸入的內(nèi)容進行編輯和修改,達到提高用戶輸入效率的目的。

當然這些“無中生有”的設(shè)計策略,在實施時要注意樣式的展示和交互上的細節(jié),盡量做到簡潔、低調(diào),因為輸入的文字才是用戶在輸入過程中需要重點關(guān)注的對象,不要讓復雜的設(shè)計打擾用戶。

關(guān)鍵詞:手機輸入框設(shè)計

贊助商鏈接: