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

1 評論 4916 瀏覽 9 收藏 10 分鐘

早在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協議

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

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 歡迎大家加我個人微信,一起交流交互設計:mufengdesign

    來自北京 回復