從交互設(shè)計角度,深度分析「微信鍵盤」
早在2021年時,張小龍就表示要自己做一個輸入法,如今「微信鍵盤」上線了iOS的app store。本文作者從交互設(shè)計的角度,對微信鍵盤APP進(jìn)行了分析,一起來看一下吧。
最近驚喜地發(fā)現(xiàn)「微信鍵盤」上線了iOS的app store。2021年,張小龍就表示,微信要自己做一個輸入法。等了兩年,終于等到了。
這篇文章帶你從交互設(shè)計的角度,全面分析一下。
一、拼寫Plus的打開引導(dǎo)
打開微信鍵盤APP,可以看到界面的布局:
頂部是功能介紹區(qū) ,下面是各種功能設(shè)置區(qū)。
在功能介紹區(qū),以顯著位置展示著“開啟拼寫Plus”按鈕。
打開這個按鈕,用戶可以使用智能拼寫、智能推薦、表情推薦、拼寫檢查等很核心的功能。
所以應(yīng)用的設(shè)計者,十分希望用戶能打開該按鈕。
這也是為什么在界面里,以如此顯著的方式告訴用戶拼寫Plus可以幫你做什么,潛臺詞,“這個功能這么好用,你還不打開嗎?”
如果用戶沒有打開,在輸入法的界面,點擊輸入法圖標(biāo),也有顯著的按鈕。
點擊開啟按鈕,會展示開啟后會上傳部分輸入數(shù)據(jù),以及開啟后用戶能夠獲得的價值。
開啟后,再次打開面板,這個開啟拼寫Plus按鈕就消失了。
可以看到,整個方案里,提升拼寫Plus的打開率,一定是一個核心的產(chǎn)品目標(biāo)。
二、表情功能
我們再來看日常輸入時的微信鍵盤界面。
相比于搜狗輸入法:
微信鍵盤把功能都藏得比較深,需要點擊鍵盤icon,才能看到各個功能。
「克制」的標(biāo)簽可以安排上了
值得一提的是,所有功能中,對于表情,微信鍵盤還是很重視的,給留了個入口:
點擊表情,在右上角有“顯示表情鍵”的開關(guān):
打開后,在鍵盤右邊,會展示“表情”入口,點擊后有推薦表情+emoji;
如果關(guān)閉,發(fā)送按鈕會變大。
對于表情,可以說微信鍵盤在我們用微信的時候,會極大發(fā)揮它的威力:
當(dāng)我們輸入的是一些短語,比如你真棒的時候,候選詞中會自動出現(xiàn)一個“笑臉+你真棒”,點擊后,出現(xiàn)相關(guān)的表情包。
以后微信里自帶的表情搜索,相信點擊量會下降很多。
但是,當(dāng)我們輸入的是一個句子,則不會出現(xiàn)這個笑臉。
要做出這里的判斷,其實不容易。用戶輸入什么類型的內(nèi)容,應(yīng)該出現(xiàn)這個“笑臉”來推薦表情包呢?
如果是沐風(fēng)來做這個功能,一定會請產(chǎn)品經(jīng)理去后臺看一下,用戶在使用微信自帶的表情功能,搜索的內(nèi)容都有什么。然后根據(jù)這些已有的詞條,制定一個規(guī)則。
三、常用語和智能推薦
另外想說說常用語。點擊按鈕,出現(xiàn)常用語的功能說明。這個流程設(shè)計得很好。新手引導(dǎo)非常自然,不突兀。
這樣以后輸入前3個字,或者短語的拼音首字母,就可以快速發(fā)送。
另外,當(dāng)我們輸入的短語,是視頻號、公眾號或者歌曲、電影時,會在候選詞里出現(xiàn)“圖標(biāo)+候選詞”的智能推薦選項。
點擊后會出現(xiàn)相應(yīng)的卡片,還是很方便的。
四、單手鍵盤的界面設(shè)計
關(guān)于單手鍵盤,左邊的功能有“左/右手模式”和“全尺寸”。這里沐風(fēng)思考了一個問題:
“鍵盤調(diào)節(jié)”按鈕,是否應(yīng)該像搜狗一樣,放在左邊的區(qū)域?
這個功能更符合單手用鍵盤的需要,讓用戶可以更高效調(diào)整鍵盤的尺寸。
但是仔細(xì)想了一下,鍵盤調(diào)節(jié)是一個低頻功能,一般人調(diào)整好后,不會總是調(diào)整鍵盤的尺寸。
咱們就是說,如果放上去了,讓“鍵盤調(diào)節(jié)”總在那做冷板凳也不好不是。
另外,當(dāng)開始輸入的時候,左邊的兩個功能會自動收起為3個點,這樣可以減少對用戶的干擾。
點擊3個點,會展開為兩個功能。這個點做得很細(xì)了,點贊。
與此類似的,還有鍵盤選擇功能。
搜狗輸入法是把鍵盤選擇放在了主界面上,點選起來雖然容易,但我想問一句:
大家在日常使用中,真的會頻繁改變自己的鍵盤嗎?
相信大多人會和我一樣,選擇了一種鍵盤,就不會改來改去了。
但是微信鍵盤,是把鍵盤選擇收起在功能面板里。雖然操作上多了一步,但確實更符合用戶的使用場景。
五、缺憾
相較于搜狗輸入法,微信鍵盤目前對英文的支持還不是太好。比如我經(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ù)。
歡迎大家加我個人微信,一起交流交互設(shè)計:mufengdesign