百度輸入法&搜狗輸入法之設(shè)計(jì)對(duì)比

手機(jī)上一直在用搜狗輸入法,有天心血來(lái)潮想換個(gè)輸入法用用,就裝了百度。用后發(fā)現(xiàn)兩者在設(shè)計(jì)和體驗(yàn)上確實(shí)有些不同,值得好好說(shuō)說(shuō)。
下面,就從視覺(jué)、布局、功能、操作方式等方面,來(lái)對(duì)兩種輸入法做一下對(duì)比。
1、視覺(jué)風(fēng)格

在默認(rèn)主界面的色彩選擇上,百度采用了深淺不同的灰色,按鈕運(yùn)用了較明顯的凸起感,突出了沉穩(wěn)和質(zhì)感。但是按鈕和背景同為灰色,并且明度飽和度的差別不大,如果沒(méi)有陰影和高光的運(yùn)用,視覺(jué)上就會(huì)顯得有點(diǎn)混。搜狗的按鍵采用了白色和淺藍(lán)的搭配,深色背景陪淺色按鍵,陰影的運(yùn)用也更加輕薄,顯得更為清新簡(jiǎn)潔。

在點(diǎn)擊按鈕時(shí),百度采用了明顯的凹陷感,在normal和click狀態(tài)下,都很接近生活中按下按鈕的感覺(jué),很有真實(shí)感,但是較多的陰影運(yùn)用,難免會(huì)讓人覺(jué)得有些厚重,不夠清爽。搜狗采用了更為鮮亮的橙色來(lái)標(biāo)示按下的狀態(tài),與normal狀態(tài)下的顏色產(chǎn)生對(duì)比。

在一些需要強(qiáng)調(diào)的按鈕上,百度采用了淺藍(lán)色,雖與主色調(diào)有一定色差,但在深色背景上,顯得并不是那么明顯;搜狗的橙色則更為跳脫醒目一點(diǎn)。

兩種輸入法的鍵盤高度均可以調(diào)節(jié),在HTC G6手機(jī)上,百度的可調(diào)節(jié)高度為230px-255px,默認(rèn)高度為250px;搜狗的可調(diào)節(jié)高度為220px-300px,默認(rèn)高度為260px。當(dāng)然,在使用過(guò)程中回去調(diào)節(jié)鍵盤高度的用戶應(yīng)該很少,所以默認(rèn)高度的設(shè)置就顯得很重要。
百度主按鍵大小為70×48px,每個(gè)按鈕有2px陰影,3px的圓角,按鈕間距4px;搜狗主按鍵大小為70×52px,每個(gè)按鈕有1px陰影,2px的圓角,按鈕間距3px。雖然陰影、圓角、間距都只有一個(gè)像素的差別,但是搜狗的鍵盤看起來(lái)會(huì)覺(jué)得緊湊很多。由于間距的縮小,搜狗的按鍵面積也會(huì)比百度的大一些,顯得舒展一些,在手機(jī)屏幕這個(gè)寸土寸金的地方,每一個(gè)像素對(duì)于設(shè)計(jì)者來(lái)說(shuō)都很重要。
2、布局結(jié)構(gòu)

在布局方面,兩者相似,都很清晰的分為文字顯示區(qū)、輸入?yún)^(qū)、功能按鍵區(qū)。但是百度的標(biāo)點(diǎn)輸入?yún)^(qū),位于整個(gè)鍵盤區(qū)域的左側(cè),功能按鍵包圍了文字輸入?yún)^(qū),而標(biāo)點(diǎn)輸入?yún)^(qū)卻被孤立在左側(cè)。搜狗則是功能按鍵包圍了整個(gè)文字和標(biāo)點(diǎn)輸入?yún)^(qū),顯得更為整體。

鍵盤區(qū)域在視覺(jué)上,百度看起來(lái)是三部分:標(biāo)點(diǎn)輸入?yún)^(qū)、文字輸入?yún)^(qū)、功能按鍵。標(biāo)點(diǎn)區(qū)的視覺(jué)風(fēng)格與文字輸入?yún)^(qū)并不相同,右側(cè)按鈕都是質(zhì)感比較重的風(fēng)格,而標(biāo)點(diǎn)區(qū)一下子就平了下去。一眼看上去分為三塊確實(shí)感覺(jué)有點(diǎn)雜亂。搜狗則是分為兩塊,白色的輸入?yún)^(qū)和淺藍(lán)色的功能按鍵,看起來(lái)清楚一些。
在輸入?yún)^(qū)的按鍵排布上,兩者基本相同,只是搜狗把數(shù)字“0”放在功能按鍵區(qū)的編輯按鍵上,而沒(méi)有放在下面的空格按鍵上,把輸入鍵和功能鍵混合起來(lái)放,不太符合大多數(shù)用戶操作習(xí)慣,讓人有點(diǎn)匪夷所思。
3、功能

功能按鍵主要分為兩個(gè)部分:編輯按鍵(刪除、換行等)和切換按鍵(語(yǔ)言切換、符號(hào)切換等)。
對(duì)于切換按鍵,百度的設(shè)計(jì)略有些重復(fù),鍵盤頂部和下方均有輸入法切換按鈕。在界面頂部放置按鈕,可能是百度想突出左右滑動(dòng)鍵盤可以切換輸入法。隨著鍵盤的左右滑動(dòng),上方的輸入法按鈕會(huì)隨之滑動(dòng),給人一致的感覺(jué)。這一快捷操作的增加,卻使界面不得不增加了一些原本可以不出現(xiàn)的元素。百度也給輸入表情增加了一個(gè)快捷按鈕在主界面上,而不用點(diǎn)擊“符號(hào)”再去尋找表情。這給喜歡使用表情的用戶提供了方便,可設(shè)計(jì)上也與“符號(hào)”的內(nèi)容有些重復(fù)。

對(duì)于編輯按鍵,除常規(guī)的刪除、換行外,搜狗在主界面上增加了編輯按鈕,強(qiáng)調(diào)了編輯的重要性。點(diǎn)擊可展開(kāi)編輯鍵盤,對(duì)所寫(xiě)文本進(jìn)行操作。百度則視這些為高級(jí)功能,將復(fù)制、粘貼等操作放在了設(shè)置選項(xiàng)里面,點(diǎn)擊界面左上方的logo進(jìn)入。
4、輸入方式

我只想說(shuō)百度的輸入方式實(shí)在是太多了。。。不寫(xiě)不知道,一寫(xiě)嚇一跳。。。拼音、英文、五筆全都有拇指和全鍵盤兩種輸入方式,加上手寫(xiě)全屏、手寫(xiě)半屏和筆畫(huà),一共是9種。在菜單中勾選的輸入方式會(huì)顯示在界面頂部,便于快捷切換。雖然說(shuō)勾選的才會(huì)顯示在外面,設(shè)置輸入方式是個(gè)高級(jí)操作,但是一下子提供這么多種輸入方式,還是在無(wú)形中增加了用戶認(rèn)知負(fù)擔(dān)。其實(shí)全鍵盤在手機(jī)豎屏操作時(shí),按鍵非常小,操作起來(lái)非常不方便,何不把這種輸入方式只在橫屏?xí)r提供呢?
值得一提的是,百度的手寫(xiě)全屏模式,打破的只能在輸入?yún)^(qū)手寫(xiě)的模式,可以在全屏范圍內(nèi)進(jìn)行手寫(xiě)。


搜狗則簡(jiǎn)單了很多,在豎屏狀態(tài)下舍棄了所有全鍵盤輸入法,只保留了最適合的拇指鍵盤。提供了中文的拼音、筆畫(huà)、英文和手寫(xiě)四種輸入方式。在切換的時(shí)候,也有一個(gè)層次,在中文狀態(tài)下,可以通過(guò)左下方按鍵切換拼音、筆畫(huà)或是手寫(xiě),在英文狀態(tài)下,只有默認(rèn)一種輸入方式。簡(jiǎn)潔的操作會(huì)減少用戶的思考。
5、關(guān)于橫屏
剛才說(shuō)到了豎屏更適合拇指鍵盤,橫屏更適合全鍵盤,這兩款輸入法在橫屏?xí)r是如何處理的呢?

在豎屏轉(zhuǎn)橫屏的適合,兩款輸入法都默認(rèn)切換到了全鍵盤模式。搜狗延續(xù)它的簡(jiǎn)單,在橫屏狀態(tài)下只提供全鍵盤這種最適合的模式,沒(méi)有拇指鍵盤,而百度則繼續(xù)提供9種輸入方式。
在視覺(jué)效果上,百度延續(xù)了豎屏?xí)r的質(zhì)感。而搜狗的橫屏則顯然沒(méi)有豎屏做的用心,兩排按鍵間的距離竟然有10px,沒(méi)有了豎屏?xí)r精致緊湊的感覺(jué)。
6、操作手勢(shì)

百度在輸入法中的眾多手勢(shì)操作,可以說(shuō)是這款產(chǎn)品的一大亮點(diǎn)。左右滑動(dòng)鍵盤可以切換輸入法,上下滑動(dòng)鍵盤可以滾動(dòng)界面,這些手勢(shì)的加入都增加了操作的快捷性。而且在觸屏手機(jī)的操作便捷程度上,向一個(gè)方向滑動(dòng),比點(diǎn)擊一個(gè)按鈕要方便準(zhǔn)確。

不過(guò)百度的滑動(dòng)手勢(shì)操作,在選擇備選字時(shí),手指可能會(huì)擋住其中一部分字。如果滑動(dòng)過(guò)快,一次滑動(dòng)超過(guò)了一屏,也可能會(huì)看漏掉一些字。這些都有可能導(dǎo)致用戶第一次瀏覽時(shí),找不到自己想要的字。
搜狗采取了傳統(tǒng)的點(diǎn)擊上下箭頭切換備選字,點(diǎn)擊左右箭頭切換拼音,操作自然沒(méi)有滑動(dòng)方便,不過(guò)每次切換一屏,減少了用戶錯(cuò)過(guò)備選字的幾率。

在拇指鍵盤的操作上,一個(gè)按鍵往往需要代表幾個(gè)字母,一般的輸入法會(huì)采取點(diǎn)擊次數(shù)不同則輸入不同的字母這個(gè)方法。比如要輸入“c”就需要點(diǎn)擊三次“2”這個(gè)鍵。百度輸入法則使用了滑動(dòng)的方式,如2這個(gè)鍵,點(diǎn)擊輸入“b”,向上滑輸入“2”,向左滑輸入“a”,向右滑輸入“c”。這種滑動(dòng)的方式更為快捷,但是也相應(yīng)增加了學(xué)習(xí)成本,對(duì)于新用戶來(lái)說(shuō),需要一些習(xí)慣熟悉的時(shí)間。
搜狗的手勢(shì)操作側(cè)更為常規(guī)保守,基本都是點(diǎn)擊操作,只有在長(zhǎng)按、短按的差別。在點(diǎn)擊數(shù)字鍵時(shí),輸入的是拼音或字母,在長(zhǎng)按時(shí),輸入的是數(shù)字。
7、一致性


兩款產(chǎn)品的切換和編輯按鍵,在不同輸入狀態(tài)下位置都基本一致。
8、極限情況

在輸入漢字很多的極限情況,百度會(huì)切換為兩行,增加可輸入的字?jǐn)?shù),搜狗繼續(xù)保持一行的情況。
總的來(lái)說(shuō)百度輸入法創(chuàng)新性較強(qiáng),引入了多種手勢(shì)操作,但是視覺(jué)略顯厚重,細(xì)節(jié)不夠精致。搜狗輸入法清晰簡(jiǎn)潔,布局也較為規(guī)整。
其實(shí)在使用產(chǎn)品的時(shí)候,我們經(jīng)常會(huì)發(fā)現(xiàn)許多閃光點(diǎn)與小缺陷,若是記錄下來(lái),認(rèn)真分析一下,學(xué)習(xí)到的會(huì)更多。
本文作者?子木yoyo
一看就是搜狗的托
不管是搜狗,還是百度,在手機(jī)上就是個(gè)渣。拼音輸入法本身就不適合手機(jī)輸入。倒是訊飛輸入法做得很好,他的多字疊寫(xiě)功能即使現(xiàn)在,搜狗和百度抄都抄不來(lái)。