從互動設計角度,深度分析「微信鍵盤」

早在2021年時,張小龍就表示要自己做一個輸入法,如今「微信鍵盤」上線了iOS的app store。本文作者從互動設計的角度,對微信鍵盤APP進行了分析,一起來看一下吧。

從互動設計角度,深度分析「微信鍵盤」

最近驚喜地發現「微信鍵盤」上線了iOS的app store。2021年,張小龍就表示,微信要自己做一個輸入法。等了兩年,終於等到了。

這篇文章帶你從互動設計的角度,全面分析一下。

一、拼寫Plus的開啟引導

開啟微信鍵盤APP,可以看到介面的佈局:

頂部是功能介紹區 ,下面是各種功能設定區。

從互動設計角度,深度分析「微信鍵盤」

在功能介紹區,以顯著位置展示著“開啟拼寫Plus”按鈕。

開啟這個按鈕,使用者可以使用智慧拼寫、智慧推薦、表情推薦、拼寫檢查等很核心的功能。

所以應用的設計者,十分希望使用者能開啟該按鈕。

這也是為什麼在介面裡,以如此顯著的方式告訴使用者拼寫Plus可以幫你做什麼,潛臺詞,“這個功能這麼好用,你還不開啟嗎?”

如果使用者沒有開啟,在輸入法的介面,點選輸入法圖示,也有顯著的按鈕。

點選開啟按鈕,會展示開啟後會上傳部分輸入資料,以及開啟後用戶能夠獲得的價值。

從互動設計角度,深度分析「微信鍵盤」

開啟後,再次打開面板,這個開啟拼寫Plus按鈕就消失了。

從互動設計角度,深度分析「微信鍵盤」

可以看到,整個方案裡,

提升拼寫Plus的開啟率

,一定是一個核心的產品目標。

二、表情功能

我們再來看日常輸入時的微信鍵盤介面。

相比於搜狗輸入法:

從互動設計角度,深度分析「微信鍵盤」

微信鍵盤把功能都藏得比較深,需要點選鍵盤icon,才能看到各個功能。

從互動設計角度,深度分析「微信鍵盤」

「剋制」的標籤可以安排上了

值得一提的是,所有功能中,對於表情,微信鍵盤還是很重視的,給留了個入口:

點選表情,在右上角有“顯示錶情鍵”的開關:

從互動設計角度,深度分析「微信鍵盤」

開啟後,在鍵盤右邊,會展示“表情”入口,點選後有推薦表情+emoji;

從互動設計角度,深度分析「微信鍵盤」

如果關閉,傳送按鈕會變大。

從互動設計角度,深度分析「微信鍵盤」

對於表情,可以說微信鍵盤在我們用微信的時候,會極大發揮它的威力:

當我們輸入的是一些短語,比如你真棒的時候,候選詞中會自動出現一個“笑臉+你真棒”,點選後,出現相關的表情包。

從互動設計角度,深度分析「微信鍵盤」

以後微信裡自帶的表情搜尋,相信點選量會下降很多。

從互動設計角度,深度分析「微信鍵盤」

但是,當我們輸入的是一個句子,則不會出現這個笑臉。

從互動設計角度,深度分析「微信鍵盤」

要做出這裡的判斷,其實不容易。

使用者輸入什麼型別的內容,應該出現這個“笑臉”來推薦表情包呢

如果是沐風來做這個功能,一定會請產品經理去後臺看一下,使用者在使用微信自帶的表情功能,搜尋的內容都有什麼。然後

根據這些已有的詞條,制定一個規則

三、常用語和智慧推薦

另外想說說常用語。點選按鈕,出現常用語的功能說明。這個流程設計得很好。新手引導非常自然,不突兀。

從互動設計角度,深度分析「微信鍵盤」

這樣以後輸入前3個字,或者短語的拼音首字母,就可以快速傳送。

另外,當我們輸入的短語,是影片號、公眾號或者歌曲、電影時,會在候選詞裡出現“圖示+候選詞”的智慧推薦選項。

點選後會出現相應的卡片,還是很方便的。

從互動設計角度,深度分析「微信鍵盤」

四、單手鍵盤的介面設計

關於單手鍵盤,左邊的功能有“左/右手模式”和“全尺寸”。這裡沐風思考了一個問題:

“鍵盤調節”按鈕,是否應該像搜狗一樣,放在左邊的區域?

這個功能更符合單手用鍵盤的需要,讓使用者可以更高效調整鍵盤的尺寸。

從互動設計角度,深度分析「微信鍵盤」

但是仔細想了一下,鍵盤調節是一個低頻功能,一般人調整好後,不會總是調整鍵盤的尺寸。

咱們就是說,如果放上去了,讓“鍵盤調節”總在那做冷板凳也不好不是。

另外,當開始輸入的時候,左邊的兩個功能會自動收起為3個點,這樣可以減少對使用者的干擾。

點選3個點,會展開為兩個功能。這個點做得很細了,點贊。

從互動設計角度,深度分析「微信鍵盤」

與此類似的,還有鍵盤選擇功能。

搜狗輸入法是把鍵盤選擇放在了主介面上,點選起來雖然容易,但我想問一句:

大家在日常使用中,真的會頻繁改變自己的鍵盤嗎?

相信大多人會和我一樣,選擇了一種鍵盤,就不會改來改去了。

從互動設計角度,深度分析「微信鍵盤」

但是微信鍵盤,是把鍵盤選擇收起在功能面板裡。雖然操作上多了一步,但確實更符合使用者的使用場景。

五、缺憾

相較於搜狗輸入法,微信鍵盤目前對英文的支援還不是太好。比如我經常喜歡用9宮格,輸入“hh”,就能輸入“hi”,但是微信鍵盤目前還不支援。

另外,對於人名的輸入,也無法識別。估計後續一定會有「獲取通訊錄」功能上線,到時候這個問題可以解決。

再有就是,由於使用時間的積累,搜狗目前會更懂我一些。但是這個可以接受。相信透過調教,微信鍵盤會隨著時間的增加越來越能get我。

六、總結

綜合體驗下來,沐風感到微信鍵盤不負眾望,互動體驗做得很棒,對場景的拿捏很到位。方案裡各個細節考慮的也很完善。

相信會對以後我們的微信聊天,提供更加絲滑的順暢體驗。

以上帶大家分析了微信鍵盤的互動設計,歡迎留言交流。

專欄作家

沐風,微信公眾號:沐風與體驗設計。人人都是產品經理專欄作家,2017年度作家評選最佳人氣獎。愛奇藝資深互動設計師。留德海龜,曾任職騰訊微生活、網易、宜人貸。6年互動設計經驗,專注設計領域,歡迎關注。

本文原創釋出於人人都是產品經理。未經許可,禁止轉載

題圖來自Unsplash,基於CC0協議

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供資訊儲存空間服務。