在屏幕上設(shè)計鍵盤

0 評論 3292 瀏覽 0 收藏 14 分鐘

手機都變觸屏的了,手機上的鍵盤也不可避免的成了虛擬鍵盤。在屏幕上設(shè)計虛擬的鍵盤會遇到些什么問題?

問題一:木有觸感了
沒有了觸感,對于人機交互來說,是個退步。人對設(shè)備的操作失去了一個特性,觸感的價值,就不必多說了吧。
觸屏輸入法中實現(xiàn)了“按下鍵后浮出放大”的功能,但這并不能完全解決無觸感的問題,用戶并不總是按下后,看,再松開的。因為這樣效率太低了。人更愿意相信自己的操作是對的,出錯了再修改。所以即使有放大的當(dāng)前鍵,也不是總有人看的。

 
失去觸感是移動觸屏設(shè)備的一大遺憾,或許這也就是科技發(fā)展過程中一個不完美的階段吧。當(dāng)然我們也不必為觸感的消失過分遺憾,科技的進(jìn)步,必定會朝著彌補這些缺陷的方向發(fā)展。也許過不了多久,屏幕就能突起一個個的按鍵了。

———————————————————————————————
問題二:與26鍵輸入法相比,9鍵輸入法減少了界面間的切換


“是選擇9鍵的輸入法,還是選擇26鍵的輸入法?”實體鍵盤時代,你就只能選一次,買手機的時候?,F(xiàn)在變成觸屏的虛擬鍵盤了,9鍵或是26鍵隨時任你選。對這兩者的比較也就顯得有意義了。

 

輸入需要包括:漢字、英文、數(shù)字、各種符號。用戶要完成一段輸入,往往并不是只寫漢字,或只寫數(shù)字。通常是又有漢字,又有數(shù)字,還得點標(biāo)點符號,說不定還會偶爾拽個英文。于是不得不在多個界面間切換。
9鍵輸入法實際上是用8個鍵來實現(xiàn)漢字拼音,屏幕里剩下的空間除了切換到英文、符號、數(shù)字這些切換鍵,還有空兒,可以把一些常用符號擺出來,讓用戶打完文字后,不用切換到“符號”界面就能直接點“句號”,減少了界面間的切換,提高了效率。
26鍵的輸入法,能把所有的26個字母都放下就不容易了,自然沒余力擺放常用符號了。

9鍵的漢字拼音輸入界面加入了一些符號,這界面就不能再稱為9鍵漢字拼音了,不好定義名字了,腫么辦?再想個別的更貼切的名字就好了。并不能因為內(nèi)容邏輯不完美就不加入常用符號了。好的設(shè)計理念:讓用戶能更高效的完成任務(wù),而不是單純強調(diào)內(nèi)容邏輯的準(zhǔn)確。相比于26鍵的輸入法,9鍵輸入法有這個條件更好的照顧用戶的輸入任務(wù)。值得肯定的是,大多數(shù)第三方9鍵輸入法也都是這么做的。

IOS4原生的筆畫輸入法,用了5個按鍵來輸入中文筆畫,但卻沒有利用可能的空檔兒多塞下幾個常用的符號,原本有可能幫助用戶少幾次界面間的切換,但卻沒有去做。

 

分析完了這些后,我想起來去看一眼IOS5的筆畫輸入法:

當(dāng)與其他設(shè)計者思想相通的那一刻,“我到了~”

界面間切換的頻率并不是判斷輸入法優(yōu)劣的唯一指標(biāo),所以這里也不是說9鍵輸入法就是比26鍵的好。
輸入法是個面向熟手的產(chǎn)品,用戶經(jīng)過一段時間的學(xué)習(xí)才能較好的掌握。再去淺嘗其他輸入法時,肯定會覺得有難度。于是,中無論是用26鍵的,還是用9鍵的,或者是用手寫的,往往都會覺得自己目前用的輸入法是最好用的。

———————————————————————————————
問題三:鍵盤的內(nèi)容因需要而變
實體鍵盤中,一個按鍵上標(biāo)注的不止是數(shù)字,還有符號,也許還有筆畫。因為,需要這一個按鍵在不同的狀態(tài)下打出來不同的字符。

觸屏的虛擬鍵盤原本就是需要出現(xiàn)的時候才出現(xiàn)的,同樣道理,也應(yīng)該是需要什么樣的鍵盤就出現(xiàn)什么樣的鍵盤。
好的設(shè)計理念:為不同的用戶任務(wù)設(shè)計不同的界面。在輸入網(wǎng)址時,空格鍵沒用了,“.com”鍵可以讓輸入網(wǎng)址更高效。


(26鍵的鍵盤終于有空間做一點兒為用戶任務(wù)的設(shè)計了。)

對于只需輸入數(shù)字的輸入框,輸入進(jìn)去別的一定就是錯了。既然不希望用戶出這種錯,那就不提供給用戶可能導(dǎo)致錯誤的工具。這類產(chǎn)品干脆自己做了只能輸入數(shù)字的輸入法,而不是調(diào)用系統(tǒng)的輸入法。這也正是為特定任務(wù)而設(shè)計的思想。

———————————————————————————————
問題四:功能更強大了,結(jié)構(gòu)問題也更大了
實體鍵盤的手機受硬件局限,能打出來的字符以及輸入方法都有限?,F(xiàn)在變觸屏了,全拼、9鍵拼音、筆畫、五筆、手寫,英文、數(shù)字、符號,你好意思不提供哪項嗎?提供如此多的功能,要擺弄清楚這些界面之間的關(guān)系也就更難了。

對于輸入法,要達(dá)到哪些要求才算是個好的結(jié)構(gòu)設(shè)計?
要求1:一個按鍵指向唯一的一個界面。使得用戶可以很容易的預(yù)判點擊按鍵后會到哪兒。
要求2:同一個按鍵,在不同的界面上,位置不變。這樣更容易記憶按鍵的位置。
要求3:可直接互通的兩個界面中,用于互通的按鍵在界面中的位置一致。這是為了方便的返回前一個界面,怎么來的就怎么回去,來去一致。
要求4:盡可能的實現(xiàn)兩兩界面間的直達(dá)。這可以讓界面間的切換更快捷。

我們挑個最難搞的—IOS系統(tǒng)中的輸入法。先看IOS4原生輸入法:

IOS的輸入法中,如果能從界面1直接到達(dá)界面3,3個界面就完全直達(dá)了,實際使用起來會方便很多,可行嗎?我們來試一下:
如果三個界面都能直接互通:

紅色箭頭線標(biāo)出了問題所在:雖然每兩個界面都可以間互通了,但卻有一組互通按鍵的位置不一致了。 結(jié)論:三個界面要做到兩兩彼此直接互通,則至少有一組無法實現(xiàn)用于互通的按鈕位置一致。

IOS輸入法為了保證兩界面間用于互通的按鍵位置一致,砍掉了界面“ABC”上直通界面“#+=”的按鍵,形成了現(xiàn)在我們看到的方案:

這個方案有哪些不足?
損失了一個直通,這自然帶來了相應(yīng)的跳轉(zhuǎn)不便。
按鍵“123”在第一個界面上的位置和第三個界面上的位置不同。這個不足的成因雖然是可以解釋的,但確實會給用戶形成這樣的模糊印象:“123按鍵有時候是在左下角,有時候是往上竄一行的?!?/p>

三個界面,要想兩兩直通,已經(jīng)出現(xiàn)問題了,如果是4個界面,當(dāng)然就更有問題了。而第三方輸入法就是要面對4個界面。
對于IOS原生的輸入法,中文、英文各是一個輸入法,于是,先將中文、英文分開成2組,每組中再各自有文字、數(shù)字、符號三個界面,總共6個界面:

而第三方輸入法,安裝后只是一個輸入法,要對付6個界面顯然太難了。于是第三方通常將中、英文符號以及其他亂七八糟的符號統(tǒng)統(tǒng)劃歸到一起,形成:中、英、數(shù)字、符號4個界面。

既然3個界面,4個界面都無法很好的做到任何兩界面全部直接互通,那么第三方索性采用了另外一種思路:“主-從”的信息架構(gòu)方式,中文界面為“主”,其他頁面為“從”:

但是按照這個模型,想要在從界面之間跳轉(zhuǎn)則比較麻煩,總要先回主界面。
如果,在“從界面中1”中添加去“從界面2”和“從界面3”的按鍵,另外兩個從界面也如是,那么… 是的,就成了四個頁面兩兩全部直接互通了。也就無所謂“主-從”的結(jié)構(gòu)了。前面已經(jīng)分析了,這樣做將很難保證“用于互通的按鍵在界面中的位置一致?!比绻阌信d趣,不妨試一下,試試到底會有幾組按鍵不能保證位置一致。這更像是一道數(shù)學(xué)題。

只是“主-從”結(jié)構(gòu)不夠快捷;四個界面兩兩全部直通又做不好。于是大多數(shù)第三方輸入法都采取了折中的方式:采用主從結(jié)構(gòu)為基礎(chǔ),并在一些從界面中添加一些去其它從界面的按鍵。
比如百度輸入法:

這是更好的辦法嗎?還用前面設(shè)計要求來衡量,可以看到,嗯,還是有些問題滴:

也許你已經(jīng)意識到了,這“主從”改良方案中,要實現(xiàn)所有的設(shè)計要求,是不可能的。而這些設(shè)計要求確實能幫助用戶學(xué)習(xí)、記憶,進(jìn)而掌握這個輸入法,是有價值的。所以,問題出在改良的“主從”架構(gòu)上,這種架構(gòu)方案原本就很難同時達(dá)到各項設(shè)計要求。

下面是另外一個第三方輸入法-觸寶:

用于兩個界面互通的按鍵位置完全是固定的,贊~ 在從界面上去往其他從界面的按鍵更少了,更接近純粹的“主從”架構(gòu),界面間的直達(dá)也更不便了。
你還發(fā)現(xiàn)了些什么?

結(jié)構(gòu)看似是個較真兒的問題,因為用戶通常不會意識到結(jié)構(gòu)。對于輸入鍵盤這樣的針對熟手用戶的產(chǎn)品,用戶更傾向于靠記憶去使用,然而,這并不意味著多離奇的結(jié)構(gòu)設(shè)計都是ok的,清晰的結(jié)構(gòu)設(shè)計是一定程度上的,甚至是無意識的被用戶認(rèn)知到的,幫助用戶更快的形成了記憶。

注:這本是一篇約稿,題目與字?jǐn)?shù)都有一定要求,所以寫了這么長。但最終未能被采用,所以直接發(fā)到blog上來了。

源地址:http://www.chouyu.com.cn/?p=363

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!