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

最近驚喜地發(fā)現(xiàn)「微信鍵盤」上線了iOS的app store。2021年，張小龍就表示，微信要自己做一個(gè)輸入法。等了兩年，終于等到了。

這篇文章帶你從交互設(shè)計(jì)的角度，全面分析一下。

一、拼寫Plus的打開引導(dǎo)

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

頂部是功能介紹區(qū) ，下面是各種功能設(shè)置區(qū)。

在功能介紹區(qū)，以顯著位置展示著“開啟拼寫Plus”按鈕。

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

所以應(yīng)用的設(shè)計(jì)者，十分希望用戶能打開該按鈕。

這也是為什么在界面里，以如此顯著的方式告訴用戶拼寫Plus可以幫你做什么，潛臺(tái)詞，“這個(gè)功能這么好用，你還不打開嗎？”

如果用戶沒有打開，在輸入法的界面，點(diǎn)擊輸入法圖標(biāo)，也有顯著的按鈕。

點(diǎn)擊開啟按鈕，會(huì)展示開啟后會(huì)上傳部分輸入數(shù)據(jù)，以及開啟后用戶能夠獲得的價(jià)值。

開啟后，再次打開面板，這個(gè)開啟拼寫Plus按鈕就消失了。

可以看到，整個(gè)方案里，提升拼寫Plus的打開率，一定是一個(gè)核心的產(chǎn)品目標(biāo)。

二、表情功能

我們?cè)賮砜慈粘］斎霑r(shí)的微信鍵盤界面。

相比于搜狗輸入法：

微信鍵盤把功能都藏得比較深，需要點(diǎn)擊鍵盤icon，才能看到各個(gè)功能。

「克制」的標(biāo)簽可以安排上了

值得一提的是，所有功能中，對(duì)于表情，微信鍵盤還是很重視的，給留了個(gè)入口：

點(diǎn)擊表情，在右上角有“顯示表情鍵”的開關(guān)：

打開后，在鍵盤右邊，會(huì)展示“表情”入口，點(diǎn)擊后有推薦表情+emoji；

如果關(guān)閉，發(fā)送按鈕會(huì)變大。

對(duì)于表情，可以說微信鍵盤在我們用微信的時(shí)候，會(huì)極大發(fā)揮它的威力：

當(dāng)我們輸入的是一些短語，比如你真棒的時(shí)候，候選詞中會(huì)自動(dòng)出現(xiàn)一個(gè)“笑臉+你真棒”，點(diǎn)擊后，出現(xiàn)相關(guān)的表情包。

以后微信里自帶的表情搜索，相信點(diǎn)擊量會(huì)下降很多。

但是，當(dāng)我們輸入的是一個(gè)句子，則不會(huì)出現(xiàn)這個(gè)笑臉。

要做出這里的判斷，其實(shí)不容易。用戶輸入什么類型的內(nèi)容，應(yīng)該出現(xiàn)這個(gè)“笑臉”來推薦表情包呢？

如果是沐風(fēng)來做這個(gè)功能，一定會(huì)請(qǐng)產(chǎn)品經(jīng)理去后臺(tái)看一下，用戶在使用微信自帶的表情功能，搜索的內(nèi)容都有什么。然后根據(jù)這些已有的詞條，制定一個(gè)規(guī)則。

三、常用語和智能推薦

另外想說說常用語。點(diǎn)擊按鈕，出現(xiàn)常用語的功能說明。這個(gè)流程設(shè)計(jì)得很好。新手引導(dǎo)非常自然，不突兀。

這樣以后輸入前3個(gè)字，或者短語的拼音首字母，就可以快速發(fā)送。

另外，當(dāng)我們輸入的短語，是視頻號(hào)、公眾號(hào)或者歌曲、電影時(shí)，會(huì)在候選詞里出現(xiàn)“圖標(biāo)+候選詞”的智能推薦選項(xiàng)。

點(diǎn)擊后會(huì)出現(xiàn)相應(yīng)的卡片，還是很方便的。

四、單手鍵盤的界面設(shè)計(jì)

關(guān)于單手鍵盤，左邊的功能有“左/右手模式”和“全尺寸”。這里沐風(fēng)思考了一個(gè)問題：

“鍵盤調(diào)節(jié)”按鈕，是否應(yīng)該像搜狗一樣，放在左邊的區(qū)域？

這個(gè)功能更符合單手用鍵盤的需要，讓用戶可以更高效調(diào)整鍵盤的尺寸。

但是仔細(xì)想了一下，鍵盤調(diào)節(jié)是一個(gè)低頻功能，一般人調(diào)整好后，不會(huì)總是調(diào)整鍵盤的尺寸。

咱們就是說，如果放上去了，讓“鍵盤調(diào)節(jié)”總在那做冷板凳也不好不是。

另外，當(dāng)開始輸入的時(shí)候，左邊的兩個(gè)功能會(huì)自動(dòng)收起為3個(gè)點(diǎn)，這樣可以減少對(duì)用戶的干擾。

點(diǎn)擊3個(gè)點(diǎn)，會(huì)展開為兩個(gè)功能。這個(gè)點(diǎn)做得很細(xì)了，點(diǎn)贊。

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

搜狗輸入法是把鍵盤選擇放在了主界面上，點(diǎn)選起來雖然容易，但我想問一句：

大家在日常使用中，真的會(huì)頻繁改變自己的鍵盤嗎？

相信大多人會(huì)和我一樣，選擇了一種鍵盤，就不會(huì)改來改去了。

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

五、缺憾

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

另外，對(duì)于人名的輸入，也無法識(shí)別。估計(jì)后續(xù)一定會(huì)有「獲取通訊錄」功能上線，到時(shí)候這個(gè)問題可以解決。

再有就是，由于使用時(shí)間的積累，搜狗目前會(huì)更懂我一些。但是這個(gè)可以接受。相信通過調(diào)教，微信鍵盤會(huì)隨著時(shí)間的增加越來越能get我。

六、總結(jié)

綜合體驗(yàn)下來，沐風(fēng)感到微信鍵盤不負(fù)眾望，交互體驗(yàn)做得很棒，對(duì)場(chǎng)景的拿捏很到位。方案里各個(gè)細(xì)節(jié)考慮的也很完善。

相信會(huì)對(duì)以后我們的微信聊天，提供更加絲滑的順暢體驗(yàn)。

以上帶大家分析了微信鍵盤的交互設(shè)計(jì)，歡迎留言交流。