QQ和微信這兩大國民IM（即時通訊）應用， 作為騰訊帝國的兩大護城河， 它們之間有何不同？之前的一篇文章， 從聊天介面對比了兩大應用（感興趣的朋友可在文末查看）。 這篇文章從導航設計的角度來對比一下這兩款應用。
我們先來觀察一下兩個APP的資訊結構：
QQ APP 資訊結構
微信 APP 資訊結構
可以看到， QQ和微信從資訊結構上來說， 非常類似。 不同的點有以下兩處：“我的”tab位置不同， 連絡人/通訊錄組織結構不同。 下面我們來分別看一下。
最顯著的區別——“我的”tab唯一的一個區別， 是“我的”tab的位置不同：微信是放在底部巡覽列中， 作為第4個tab存在的；QQ是放在頂部標題列的左側， 在切換底部巡覽列的每一個標籤時， 都會常駐， 且在頁面的左邊緣區域向右劃動，
QQ把“我的”入口放在左上角， 且從每個頁面左劃可以進入， 看似方便， 實則削弱， 原因很簡單：左上角的位置實在是太不利於用戶操作了。 筆者之前在某新聞應用團隊工作過， 當時該應用的導航是採用了“左上角漢堡包+標籤導航”的形式，
導航前後對比
因此， 導航的設計， 對於內容的曝光率還是比較有影響的。 微信將“我的”tab放在第四個tab的位置，
QQ的“連絡人”這個標籤裡， 延續了QQ PC版上分組的概念， 這也是一個合理的選擇。 QQ APP的設計師， 使用了標籤導航的形式， 展現好友、群、多人聊天等維度， 十分合理。
而微信的通訊錄tab，直接使用了手機上比較常用的通訊錄的形式，沒有分組，這種形式更適合手機設備的特點。
其它細節在上篇文章裡我們提到，QQ聊天介面的頂部標題列裡展示了好友的昵稱，同時在好友昵稱的下方，展示了好友的線上狀態，而微信是沒有的：
而QQ APP的消息清單頁面，實際上是不展示好友的線上狀態的。QQ這樣設計，意在減弱好友是否線上這個概念，希望鼓勵用戶從列表頁開始進行聊天。
另一個設計細節是QQ底部的巡覽列，當使用者選中消息時，連絡人和動態的icon都會望著消息icon；而選中連絡人時，消息和動態的icon則會望著連絡人，十分有趣。這樣的細節，讓QQ這個應用更加活潑、有趣，與QQ應用整體傳達出來的氣質是十分相符的。
以上為大家分析了QQ和微信手機應用在導航上的區別。歡迎留言討論。
#專欄作家#新設計青年，微信公眾號：新設計青年。人人都是產品經理專欄作家、2017年度最佳人氣獎。
愛奇藝高級交互設計師。德國海龜一枚，曾任職於騰訊微生活、網易、宜信等公司。
本文原創發佈于人人都是產品經理。未經許可，禁止轉載。
題圖來自unsplash，基於CC0協議
而微信的通訊錄tab，直接使用了手機上比較常用的通訊錄的形式，沒有分組，這種形式更適合手機設備的特點。
其它細節在上篇文章裡我們提到，QQ聊天介面的頂部標題列裡展示了好友的昵稱，同時在好友昵稱的下方，展示了好友的線上狀態，而微信是沒有的：
而QQ APP的消息清單頁面，實際上是不展示好友的線上狀態的。QQ這樣設計，意在減弱好友是否線上這個概念，希望鼓勵用戶從列表頁開始進行聊天。
另一個設計細節是QQ底部的巡覽列，當使用者選中消息時，連絡人和動態的icon都會望著消息icon；而選中連絡人時，消息和動態的icon則會望著連絡人，十分有趣。這樣的細節，讓QQ這個應用更加活潑、有趣，與QQ應用整體傳達出來的氣質是十分相符的。
以上為大家分析了QQ和微信手機應用在導航上的區別。歡迎留言討論。
#專欄作家#新設計青年，微信公眾號：新設計青年。人人都是產品經理專欄作家、2017年度最佳人氣獎。
愛奇藝高級交互設計師。德國海龜一枚，曾任職於騰訊微生活、網易、宜信等公司。
本文原創發佈于人人都是產品經理。未經許可，禁止轉載。
題圖來自unsplash，基於CC0協議