QQ和微信這兩大國民IM（即時通訊）應用，作為騰訊帝國的兩大護城河，它們之間有何不同？之前的一篇文章，從聊天界面對比了兩大應用（感興趣的朋友可在文末查看）。這篇文章從導航設計的角度來對比一下這兩款應用。

我們先來觀察一下兩個APP的信息結構：

QQ APP 信息結構

微信 APP 信息結構

可以看到，QQ和微信從信息結構上來說，非常類似。不同的點有以下兩處：“我的”tab位置不同，聯系人/通訊錄組織結構不同。下面我們來分別看一下。

最顯著的區別——“我的”tab

唯一的一個區別，是“我的”tab的位置不同：微信是放在底部導航欄中，作為第4個tab存在的；QQ是放在頂部標題欄的左側，在切換底部導航欄的每一個標簽時，都會常駐，且在頁面的左邊緣區域向右劃動，都會呼出我的側邊欄，如下圖所示：

QQ把“我的”入口放在左上角，且從每個頁面左劃可以進入，看似方便，實則削弱，原因很簡單：左上角的位置實在是太不利于用戶操作了。筆者之前在某新聞應用團隊工作過，當時該應用的導航是采用了“左上角漢堡包+標簽導航”的形式，漢堡包入口里，承載了“閱讀、視聽”等入口，但這些入口的點擊率都比較低。后來應用導航大改版，改成了底部tab導航，各內容入口點擊率大幅上升。

導航前后對比

因此，導航的設計，對于內容的曝光率還是比較有影響的。微信將“我的”tab放在第四個tab的位置，其中也承載了與生活方式相關的功能，這與微信的slogan“微信是一種生活方式”也是比較一致的。

聯系人/通訊錄組織結構對比

QQ的“聯系人”這個標簽里，延續了QQ PC版上分組的概念，這也是一個合理的選擇。QQ APP的設計師，使用了標簽導航的形式，展現好友、群、多人聊天等維度，十分合理。

而微信的通訊錄tab，直接使用了手機上比較常用的通訊錄的形式，沒有分組，這種形式更適合手機設備的特點。

其它細節

在上篇文章里我們提到，QQ聊天界面的頂部標題欄里展示了好友的昵稱，同時在好友昵稱的下方，展示了好友的在線狀態，而微信是沒有的：

而QQ APP的消息列表頁面，實際上是不展示好友的在線狀態的。QQ這樣設計，意在減弱好友是否在線這個概念，希望鼓勵用戶從列表頁開始進行聊天。

另一個設計細節是QQ底部的導航欄，當用戶選中消息時，聯系人和動態的icon都會望著消息icon；而選中聯系人時，消息和動態的icon則會望著聯系人，十分有趣。這樣的細節，讓QQ這個應用更加活潑、有趣，與QQ應用整體傳達出來的氣質是十分相符的。

以上為大家分析了QQ和微信手機應用在導航上的區別。歡迎留言討論。

#專欄作家#

新設計青年，微信公眾號：新設計青年。人人都是產品經理專欄作家、2017年度最佳人氣獎。

愛奇藝高級交互設計師。德國海龜一枚，曾任職于騰訊微生活、網易、宜信等公司。

本文原創發布于人人都是產品經理。未經許可，禁止轉載。

題圖來自unsplash，基于CC0協議