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

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

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

往期微信產(chǎn)品分析

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、表情功能

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

相比于搜狗輸入法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、常用語和智能推薦

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、缺點

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

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

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

六、微信鍵盤?

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

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

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

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

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

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

可能后期,還會改名吧。

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

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

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

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

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

收藏 17
點贊 33

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。