QQ和微信這兩大國(guó)民IM（即時(shí)通訊）應(yīng)用，作為騰訊帝國(guó)的兩大護(hù)城河，它們之間有何不同？之前的一篇文章，從聊天界面對(duì)比了兩大應(yīng)用（感興趣的朋友可在文末查看）。這篇文章從導(dǎo)航設(shè)計(jì)的角度來(lái)對(duì)比一下這兩款應(yīng)用。

我們先來(lái)觀察一下兩個(gè)APP的信息結(jié)構(gòu)：

QQ APP 信息結(jié)構(gòu)

微信 APP 信息結(jié)構(gòu)

可以看到，QQ和微信從信息結(jié)構(gòu)上來(lái)說(shuō)，非常類(lèi)似。不同的點(diǎn)有以下兩處：“我的”tab位置不同，聯(lián)系人/通訊錄組織結(jié)構(gòu)不同。下面我們來(lái)分別看一下。

最顯著的區(qū)別——“我的”tab

唯一的一個(gè)區(qū)別，是“我的”tab的位置不同：微信是放在底部導(dǎo)航欄中，作為第4個(gè)tab存在的；QQ是放在頂部標(biāo)題欄的左側(cè)，在切換底部導(dǎo)航欄的每一個(gè)標(biāo)簽時(shí)，都會(huì)常駐，且在頁(yè)面的左邊緣區(qū)域向右劃動(dòng)，都會(huì)呼出我的側(cè)邊欄，如下圖所示：

QQ把“我的”入口放在左上角，且從每個(gè)頁(yè)面左劃可以進(jìn)入，看似方便，實(shí)則削弱，原因很簡(jiǎn)單：左上角的位置實(shí)在是太不利于用戶(hù)操作了。筆者之前在某新聞應(yīng)用團(tuán)隊(duì)工作過(guò)，當(dāng)時(shí)該應(yīng)用的導(dǎo)航是采用了“左上角漢堡包+標(biāo)簽導(dǎo)航”的形式，漢堡包入口里，承載了“閱讀、視聽(tīng)”等入口，但這些入口的點(diǎn)擊率都比較低。后來(lái)應(yīng)用導(dǎo)航大改版，改成了底部tab導(dǎo)航，各內(nèi)容入口點(diǎn)擊率大幅上升。

導(dǎo)航前后對(duì)比

因此，導(dǎo)航的設(shè)計(jì)，對(duì)于內(nèi)容的曝光率還是比較有影響的。微信將“我的”tab放在第四個(gè)tab的位置，其中也承載了與生活方式相關(guān)的功能，這與微信的slogan“微信是一種生活方式”也是比較一致的。

聯(lián)系人/通訊錄組織結(jié)構(gòu)對(duì)比

QQ的“聯(lián)系人”這個(gè)標(biāo)簽里，延續(xù)了QQ PC版上分組的概念，這也是一個(gè)合理的選擇。QQ APP的設(shè)計(jì)師，使用了標(biāo)簽導(dǎo)航的形式，展現(xiàn)好友、群、多人聊天等維度，十分合理。

而微信的通訊錄tab，直接使用了手機(jī)上比較常用的通訊錄的形式，沒(méi)有分組，這種形式更適合手機(jī)設(shè)備的特點(diǎn)。

其它細(xì)節(jié)

在上篇文章里我們提到，QQ聊天界面的頂部標(biāo)題欄里展示了好友的昵稱(chēng)，同時(shí)在好友昵稱(chēng)的下方，展示了好友的在線狀態(tài)，而微信是沒(méi)有的：

而QQ APP的消息列表頁(yè)面，實(shí)際上是不展示好友的在線狀態(tài)的。QQ這樣設(shè)計(jì)，意在減弱好友是否在線這個(gè)概念，希望鼓勵(lì)用戶(hù)從列表頁(yè)開(kāi)始進(jìn)行聊天。

另一個(gè)設(shè)計(jì)細(xì)節(jié)是QQ底部的導(dǎo)航欄，當(dāng)用戶(hù)選中消息時(shí)，聯(lián)系人和動(dòng)態(tài)的icon都會(huì)望著消息icon；而選中聯(lián)系人時(shí)，消息和動(dòng)態(tài)的icon則會(huì)望著聯(lián)系人，十分有趣。這樣的細(xì)節(jié)，讓QQ這個(gè)應(yīng)用更加活潑、有趣，與QQ應(yīng)用整體傳達(dá)出來(lái)的氣質(zhì)是十分相符的。

以上為大家分析了QQ和微信手機(jī)應(yīng)用在導(dǎo)航上的區(qū)別。歡迎留言討論。

#專(zhuān)欄作家#

新設(shè)計(jì)青年，微信公眾號(hào)：新設(shè)計(jì)青年。人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家、2017年度最佳人氣獎(jiǎng)。

愛(ài)奇藝高級(jí)交互設(shè)計(jì)師。德國(guó)海龜一枚，曾任職于騰訊微生活、網(wǎng)易、宜信等公司。

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

題圖來(lái)自u(píng)nsplash，基于CC0協(xié)議