從交互設計角度,深度分析「微信鍵盤」的設計亮點

大家好,我是沐風。最近驚喜地發現「微信鍵盤」上線了 iOS 和安卓正式版。2021 年,張小龍就表示,微信要自己做一個輸入法。等了兩年,終于等到了。

這篇文章帶你從交互設計的角度,全面分析一下微信鍵盤

往期微信產品分析

一、拼寫 Plus 的打開引導

打開微信鍵盤 APP,可以看到界面的布局:

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

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

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

這也是為什么在界面里,以如此顯著的方式告訴用戶拼寫 Plus 可以幫你做什么,潛臺詞,“這個功能這么好用,你還不打開嗎?”

如果用戶沒有打開,在輸入法的界面,點擊輸入法圖標,也有顯著的按鈕。

點擊開啟按鈕,會展示開啟后會上傳部分輸入數據,以及開啟后用戶能夠獲得的價值。

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

可以看到,整個方案里,提升拼寫 Plus 的打開率,一定是一個核心的產品目標。

二、表情功能

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

相比于搜狗輸入法

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

「克制」的標簽可以安排上了。值得一提的是,所有功能中,對于表情,微信鍵盤還是很重視的,給留了個入口。

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

打開后,在鍵盤右邊,會展示“表情”入口,點擊后有推薦表情+emoji

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

以后微信里自帶的表情搜索,相信點擊量會下降很多。

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

要做出這里的判斷,其實不容易。用戶輸入什么類型的內容,應該出現這個“笑臉”來推薦表情包呢?

如果是沐風來做這個功能,一定會請產品經理去后臺看一下,用戶在使用微信自帶的表情功能,搜索的內容都有什么。然后根據這些已有的詞條,制定一個規則。

三、常用語和智能推薦

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

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

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

四、單手鍵盤的界面設計

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

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

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

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

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

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

搜狗輸入法是把鍵盤選擇放在了主界面上,點選起來雖然容易,但我想問一句:大家在日常使用中,真的會頻繁改變自己的鍵盤嗎?

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

從交互設計角度,深度分析「微信鍵盤」的設計亮點

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

五、缺點

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

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

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

六、微信鍵盤?

最后,當我在朋友圈發了微信出了「微信鍵盤」之后,卻發現很多人找不到。問了才發現,很多人搜索的是“”微信輸入法”。

這也很自然,「微信輸入法」其實應該是最應該的名字。其實這并不是騰訊不想,而是目前還不能。

根據騰訊公司的商標申請情況來看,應該是因為沒拿下微信輸入法的商標。

從交互設計角度,深度分析「微信鍵盤」的設計亮點

我們知道,企業或新產品進入市場后,如果沒有商標,很容易遭到侵權。微信作為一個擁有超過 12 億用戶的超級社交軟件,在命名上肯定會非常謹慎。

從交互設計角度,深度分析「微信鍵盤」的設計亮點

可能后期,還會改名吧。

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

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

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

掃碼加我微信,圍觀高能朋友圈:

從交互設計角度,深度分析「微信鍵盤」的設計亮點

收藏 17
點贊 33

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。