抓住用戶的設(shè)計(jì):觸屏上的鍵盤

0 評(píng)論 13146 瀏覽 2 收藏 14 分鐘

隨著iOS、Android以及WP等系統(tǒng)在市場(chǎng)上逐漸普及,手機(jī)輸入端正漸漸觸屏化。正因此,智能手機(jī)的虛擬鍵盤設(shè)計(jì)就決定了輸入端的體驗(yàn)好壞,是觸屏交互設(shè)計(jì)上重要的組成。那么在屏幕上設(shè)計(jì)虛擬的鍵盤會(huì)遇到些什么問題?

 

問題一:木有觸感了

沒有了觸感,對(duì)于人機(jī)交互來說,是個(gè)退步。人對(duì)設(shè)備的操作失去了一個(gè)特性,觸感的價(jià)值,就不必多說了吧。

觸屏輸入法中實(shí)現(xiàn)了“按下鍵后浮出放大”的功能,但這并不能完全解決無觸感的問題,用戶并不總是按下后,看,再松開的。因?yàn)檫@樣效率太低了。人更愿意相信自己的操作是對(duì)的,出錯(cuò)了再修改。所以即使有放大的當(dāng)前鍵,也不是總有人看的。

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

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

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

輸入需要包括:漢字、英文、數(shù)字、各種符號(hào)。用戶要完成一段輸入,往往并不是只寫漢字,或只寫數(shù)字。通常是又有漢字,又有數(shù)字,還得點(diǎn)標(biāo)點(diǎn)符號(hào),說不定還會(huì)偶爾拽個(gè)英文。于是不得不在多個(gè)界面間切換。

9鍵輸入法實(shí)際上是用8個(gè)鍵來實(shí)現(xiàn)漢字拼音,屏幕里剩下的空間除了切換到英文、符號(hào)、數(shù)字這些切換鍵,還有空兒,可以把一些常用符號(hào)擺出來,讓用戶打完文字后,不用切換到“符號(hào)”界面就能直接點(diǎn)“句號(hào)”,減少了界面間的切換,提高了效率。

26鍵的輸入法,能把所有的26個(gè)字母都放下就不容易了,自然沒余力擺放常用符號(hào)了。

key2

9鍵的漢字拼音輸入界面加入了一些符號(hào),這界面就不能再稱為9鍵漢字拼音了,不好定義名字了,腫么辦?再想個(gè)別的更貼切的名字就好了。并不能因?yàn)閮?nèi)容邏輯不完美就不加入常用符號(hào)了。

好的設(shè)計(jì)理念:讓用戶能更高效的完成任務(wù),而不是單純強(qiáng)調(diào)內(nèi)容邏輯的準(zhǔn)確。

相比于26鍵的輸入法,9鍵輸入法有這個(gè)條件更好的照顧用戶的輸入任務(wù)。值得肯定的是,大多數(shù)第三方9鍵輸入法也都是這么做的。

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

key3

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

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

界面間切換的頻率并不是判斷輸入法優(yōu)劣的唯一指標(biāo),所以這里也不是說9鍵輸入法就是比26鍵的好。

輸入法是個(gè)面向熟手的產(chǎn)品,用戶經(jīng)過一段時(shí)間的學(xué)習(xí)才能較好的掌握。再去淺嘗其他輸入法時(shí),肯定會(huì)覺得有難度。于是,中無論是用26鍵的,還是用9鍵的,或者是用手寫的,往往都會(huì)覺得自己目前用的輸入法是最好用的。

問題三:鍵盤的內(nèi)容因需要而變

實(shí)體鍵盤中,一個(gè)按鍵上標(biāo)注的不止是數(shù)字,還有符號(hào),也許還有筆畫。因?yàn)椋枰@一個(gè)按鍵在不同的狀態(tài)下打出來不同的字符。

key5

觸屏的虛擬鍵盤原本就是需要出現(xiàn)的時(shí)候才出現(xiàn)的,同樣道理,也應(yīng)該是需要什么樣的鍵盤就出現(xiàn)什么樣的鍵盤。

好的設(shè)計(jì)理念:為不同的用戶任務(wù)設(shè)計(jì)不同的界面。

在輸入網(wǎng)址時(shí),空格鍵沒用了,“.com”鍵可以讓輸入網(wǎng)址更高效。

key6

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

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

key7

問題四:功能更強(qiáng)大了,結(jié)構(gòu)問題也更大了

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

對(duì)于輸入法,要達(dá)到哪些要求才算是個(gè)好的結(jié)構(gòu)設(shè)計(jì)?

要求1:一個(gè)按鍵指向唯一的一個(gè)界面。

使得用戶可以很容易的預(yù)判點(diǎn)擊按鍵后會(huì)到哪兒。

要求2:同一個(gè)按鍵,在不同的界面上,位置不變。

這樣更容易記憶按鍵的位置。

要求3:可直接互通的兩個(gè)界面中,用于互通的按鍵在界面中的位置一致。

這是為了方便的返回前一個(gè)界面,怎么來的就怎么回去,來去一致。

要求4:盡可能的實(shí)現(xiàn)兩兩界面間的直達(dá)。

這可以讓界面間的切換更快捷。

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

key8

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

如果三個(gè)界面都能直接互通:
key9

紅色箭頭線標(biāo)出了問題所在:雖然每兩個(gè)界面都可以間互通了,但卻有一組互通按鍵的位置不一致了。?

結(jié)論:三個(gè)界面要做到兩兩彼此直接互通,則至少有一組無法實(shí)現(xiàn)用于互通的按鈕位置一致。

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

key10

這個(gè)方案有哪些不足?

損失了一個(gè)直通,這自然帶來了相應(yīng)的跳轉(zhuǎn)不便。

按鍵“123”在第一個(gè)界面上的位置和第三個(gè)界面上的位置不同。這個(gè)不足的成因雖然是可以解釋的,但確實(shí)會(huì)給用戶形成這樣的模糊印象:“123按鍵有時(shí)候是在左下角,有時(shí)候是往上竄一行的。”

三個(gè)界面,要想兩兩直通,已經(jīng)出現(xiàn)問題了,如果是4個(gè)界面,當(dāng)然就更有問題了。而第三方輸入法就是要面對(duì)4個(gè)界面。

對(duì)于IOS原生的輸入法,中文、英文各是一個(gè)輸入法,于是,先將中文、英文分開成2組,每組中再各自有文字、數(shù)字、符號(hào)三個(gè)界面,總共6個(gè)界面:

key11

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

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

key12

但是按照這個(gè)模型,想要在從界面之間跳轉(zhuǎn)則比較麻煩,總要先回主界面。

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

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

比如百度輸入法:

key13

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

key14

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

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

key15

用于兩個(gè)界面互通的按鍵位置完全是固定的,贊~ 在從界面上去往其他從界面的按鍵更少了,更接近純粹的“主從”架構(gòu),界面間的直達(dá)也更不便了。

你還發(fā)現(xiàn)了些什么?

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

來源:臭魚

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