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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

二、表情功能

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

相比于搜狗輸入法:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、常用語和智能推薦

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

五、缺憾

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

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

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

六、總結(jié)

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

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

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

專欄作家
沐風(fēng),微信公眾號:沐風(fēng)與體驗設(shè)計。人人都是產(chǎn)品經(jīng)理專欄作家,2017年度作家評選最佳人氣獎。愛奇藝資深交互設(shè)計師。留德海龜,曾任職騰訊微生活、網(wǎng)易、宜人貸。6年交互設(shè)計經(jīng)驗,專注設(shè)計領(lǐng)域,歡迎關(guān)注。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務(wù)。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 歡迎大家加我個人微信,一起交流交互設(shè)計:mufengdesign

    來自北京 回復(fù)