百度輸入法&搜狗輸入法之設計對比

9 評論 23979 瀏覽 24 收藏 13 分鐘

手機上一直在用搜狗輸入法,有天心血來潮想換個輸入法用用,就裝了百度。用后發現兩者在設計和體驗上確實有些不同,值得好好說說。

下面,就從視覺、布局、功能、操作方式等方面,來對兩種輸入法做一下對比。

1、視覺風格

在默認主界面的色彩選擇上,百度采用了深淺不同的灰色,按鈕運用了較明顯的凸起感,突出了沉穩和質感。但是按鈕和背景同為灰色,并且明度飽和度的差別不大,如果沒有陰影和高光的運用,視覺上就會顯得有點混。搜狗的按鍵采用了白色和淺藍的搭配,深色背景陪淺色按鍵,陰影的運用也更加輕薄,顯得更為清新簡潔。

在點擊按鈕時,百度采用了明顯的凹陷感,在normal和click狀態下,都很接近生活中按下按鈕的感覺,很有真實感,但是較多的陰影運用,難免會讓人覺得有些厚重,不夠清爽。搜狗采用了更為鮮亮的橙色來標示按下的狀態,與normal狀態下的顏色產生對比。

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

兩種輸入法的鍵盤高度均可以調節,在HTC G6手機上,百度的可調節高度為230px-255px,默認高度為250px;搜狗的可調節高度為220px-300px,默認高度為260px。當然,在使用過程中回去調節鍵盤高度的用戶應該很少,所以默認高度的設置就顯得很重要。

百度主按鍵大小為70×48px,每個按鈕有2px陰影,3px的圓角,按鈕間距4px;搜狗主按鍵大小為70×52px,每個按鈕有1px陰影,2px的圓角,按鈕間距3px。雖然陰影、圓角、間距都只有一個像素的差別,但是搜狗的鍵盤看起來會覺得緊湊很多。由于間距的縮小,搜狗的按鍵面積也會比百度的大一些,顯得舒展一些,在手機屏幕這個寸土寸金的地方,每一個像素對于設計者來說都很重要。

2、布局結構

在布局方面,兩者相似,都很清晰的分為文字顯示區、輸入區、功能按鍵區。但是百度的標點輸入區,位于整個鍵盤區域的左側,功能按鍵包圍了文字輸入區,而標點輸入區卻被孤立在左側。搜狗則是功能按鍵包圍了整個文字和標點輸入區,顯得更為整體。

鍵盤區域在視覺上,百度看起來是三部分:標點輸入區、文字輸入區、功能按鍵。標點區的視覺風格與文字輸入區并不相同,右側按鈕都是質感比較重的風格,而標點區一下子就平了下去。一眼看上去分為三塊確實感覺有點雜亂。搜狗則是分為兩塊,白色的輸入區和淺藍色的功能按鍵,看起來清楚一些。

在輸入區的按鍵排布上,兩者基本相同,只是搜狗把數字“0”放在功能按鍵區的編輯按鍵上,而沒有放在下面的空格按鍵上,把輸入鍵和功能鍵混合起來放,不太符合大多數用戶操作習慣,讓人有點匪夷所思。

3、功能

功能按鍵主要分為兩個部分:編輯按鍵(刪除、換行等)和切換按鍵(語言切換、符號切換等)。

對于切換按鍵,百度的設計略有些重復,鍵盤頂部和下方均有輸入法切換按鈕。在界面頂部放置按鈕,可能是百度想突出左右滑動鍵盤可以切換輸入法。隨著鍵盤的左右滑動,上方的輸入法按鈕會隨之滑動,給人一致的感覺。這一快捷操作的增加,卻使界面不得不增加了一些原本可以不出現的元素。百度也給輸入表情增加了一個快捷按鈕在主界面上,而不用點擊“符號”再去尋找表情。這給喜歡使用表情的用戶提供了方便,可設計上也與“符號”的內容有些重復。

對于編輯按鍵,除常規的刪除、換行外,搜狗在主界面上增加了編輯按鈕,強調了編輯的重要性。點擊可展開編輯鍵盤,對所寫文本進行操作。百度則視這些為高級功能,將復制、粘貼等操作放在了設置選項里面,點擊界面左上方的logo進入。

4、輸入方式

我只想說百度的輸入方式實在是太多了。。。不寫不知道,一寫嚇一跳。。。拼音、英文、五筆全都有拇指和全鍵盤兩種輸入方式,加上手寫全屏、手寫半屏和筆畫,一共是9種。在菜單中勾選的輸入方式會顯示在界面頂部,便于快捷切換。雖然說勾選的才會顯示在外面,設置輸入方式是個高級操作,但是一下子提供這么多種輸入方式,還是在無形中增加了用戶認知負擔。其實全鍵盤在手機豎屏操作時,按鍵非常小,操作起來非常不方便,何不把這種輸入方式只在橫屏時提供呢?

值得一提的是,百度的手寫全屏模式,打破的只能在輸入區手寫的模式,可以在全屏范圍內進行手寫。

搜狗則簡單了很多,在豎屏狀態下舍棄了所有全鍵盤輸入法,只保留了最適合的拇指鍵盤。提供了中文的拼音、筆畫、英文和手寫四種輸入方式。在切換的時候,也有一個層次,在中文狀態下,可以通過左下方按鍵切換拼音、筆畫或是手寫,在英文狀態下,只有默認一種輸入方式。簡潔的操作會減少用戶的思考。

5、關于橫屏

剛才說到了豎屏更適合拇指鍵盤,橫屏更適合全鍵盤,這兩款輸入法在橫屏時是如何處理的呢?

在豎屏轉橫屏的適合,兩款輸入法都默認切換到了全鍵盤模式。搜狗延續它的簡單,在橫屏狀態下只提供全鍵盤這種最適合的模式,沒有拇指鍵盤,而百度則繼續提供9種輸入方式。

在視覺效果上,百度延續了豎屏時的質感。而搜狗的橫屏則顯然沒有豎屏做的用心,兩排按鍵間的距離竟然有10px,沒有了豎屏時精致緊湊的感覺。

6、操作手勢

百度在輸入法中的眾多手勢操作,可以說是這款產品的一大亮點。左右滑動鍵盤可以切換輸入法,上下滑動鍵盤可以滾動界面,這些手勢的加入都增加了操作的快捷性。而且在觸屏手機的操作便捷程度上,向一個方向滑動,比點擊一個按鈕要方便準確。

不過百度的滑動手勢操作,在選擇備選字時,手指可能會擋住其中一部分字。如果滑動過快,一次滑動超過了一屏,也可能會看漏掉一些字。這些都有可能導致用戶第一次瀏覽時,找不到自己想要的字。

搜狗采取了傳統的點擊上下箭頭切換備選字,點擊左右箭頭切換拼音,操作自然沒有滑動方便,不過每次切換一屏,減少了用戶錯過備選字的幾率。

在拇指鍵盤的操作上,一個按鍵往往需要代表幾個字母,一般的輸入法會采取點擊次數不同則輸入不同的字母這個方法。比如要輸入“c”就需要點擊三次“2”這個鍵。百度輸入法則使用了滑動的方式,如2這個鍵,點擊輸入“b”,向上滑輸入“2”,向左滑輸入“a”,向右滑輸入“c”。這種滑動的方式更為快捷,但是也相應增加了學習成本,對于新用戶來說,需要一些習慣熟悉的時間。

搜狗的手勢操作側更為常規保守,基本都是點擊操作,只有在長按、短按的差別。在點擊數字鍵時,輸入的是拼音或字母,在長按時,輸入的是數字。

7、一致性

兩款產品的切換和編輯按鍵,在不同輸入狀態下位置都基本一致。

8、極限情況

在輸入漢字很多的極限情況,百度會切換為兩行,增加可輸入的字數,搜狗繼續保持一行的情況。

總的來說百度輸入法創新性較強,引入了多種手勢操作,但是視覺略顯厚重,細節不夠精致。搜狗輸入法清晰簡潔,布局也較為規整。

其實在使用產品的時候,我們經常會發現許多閃光點與小缺陷,若是記錄下來,認真分析一下,學習到的會更多。

本文作者?子木yoyo

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 一看就是搜狗的托

    來自北京 回復
  2. 不管是搜狗,還是百度,在手機上就是個渣。拼音輸入法本身就不適合手機輸入。倒是訊飛輸入法做得很好,他的多字疊寫功能即使現在,搜狗和百度抄都抄不來。

    來自廣東 回復