手機端高效的文本輸入框設計

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

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

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

文本輸入本身是一個從無到有的過程,是讓用戶將空白的輸入框填滿的過程,本文避談一些尚未經(jīng)過易用性測試驗證的創(chuàng)新設計,從本人的日常積累和實際經(jīng)驗出發(fā),以文本輸入框作為設計對象,從幫助用戶認知及簡化用戶操作這兩個維度來探究這些看似簡單空白的小條能否生長出大智慧。

無中生有之“引導詞”——幫助用戶認知

手機端的界面空間可謂寸土寸金,很少有空白的區(qū)域。而用戶在面對界面中一片空白的區(qū)域時往往會產(chǎn)生緊迫感甚至有些不知所措。如果在這片空白里增加一些“引導詞”(即引導描述型詞條),用戶就能迅速產(chǎn)生認知活動,對將要輸入的內(nèi)容進行快速反應和判斷。

\

就登陸界面的設計來說,面對無引導詞界面的用戶也許會浪費時間在想他的用戶名是什么來著?是他的郵箱還是隨便起的昵稱還是他的手機號?以及他的密碼是幾位的?甚至還會浪費時間在用戶名的書寫格式上。而使用第二個界面的用戶會在第一時間獲知閃爍的光標處要輸入郵箱,密碼框里的“小點點”也形象的告知了用戶密碼的顯示形式和長度?梢娸斎肟蛑性黾颖匾囊龑г~能夠提高用戶的輸入效率。

“引導詞”依據(jù)使用功能及使用場景進行分類如下:

1.輸入內(nèi)容的模板

提供給用戶即將輸入內(nèi)容的模板,用戶無需花費更多時間思考如何輸入。

\

you@website.com是約定俗成的郵箱地址的模板,能夠與用戶的心智模型相呼應,用戶能夠很快的做出反應。

2.需要輸入的片段內(nèi)容

輸入內(nèi)容中有部分內(nèi)容是用戶經(jīng)常用到或重復用到的,或者是約定俗成的,那么把這部分內(nèi)容直接作為引導詞,顯示在文本輸入框中,一方面能夠提示用戶接下來將要輸入什么內(nèi)容,一方面能夠省略這部分內(nèi)容的輸入操作,進而提高輸入效率。

\

“www.”和“.com”等是用戶所悉知的網(wǎng)址協(xié)議,在輸入框中增加該引導詞能夠給用戶直觀的提醒這里是要輸入網(wǎng)址的,并且省略了這些字符的輸入。

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

贊助商鏈接: