qq和微信這兩大國民im(即時通訊)應(yīng)用，作為騰訊帝國的兩大護城河，它們之間有何不同?之前的一篇文章，從聊天界面對比了兩大應(yīng)用(感興趣的朋友可在文末查看)。這篇文章從導航設(shè)計的角度來對比一下這兩款應(yīng)用。
我們先來觀察一下兩個app的信息結(jié)構(gòu)：
qq app 信息結(jié)構(gòu)
微信 app 信息結(jié)構(gòu)
可以看到，qq和微信從信息結(jié)構(gòu)上來說，非常類似。不同的點有以下兩處：“我的”tab位置不同，聯(lián)系人/通訊錄組織結(jié)構(gòu)不同。下面我們來分別看一下。
最顯著的區(qū)別——“我的”tab
唯一的一個區(qū)別，是“我的”tab的位置不同：微信是放在底部導航欄中，作為第4個tab存在的;qq是放在頂部標題欄的左側(cè)，在切換底部導航欄的每一個標簽時，都會常駐，且在頁面的左邊緣區(qū)域向右劃動，都會呼出我的側(cè)邊欄，如下圖所示：
qq把“我的”入口放在左上角，且從每個頁面左劃可以進入，看似方便，實則削弱，原因很簡單：左上角的位置實在是太不利于用戶操作了。筆者之前在某新聞應(yīng)用團隊工作過，當時該應(yīng)用的導航是采用了“左上角漢堡包 標簽導航”的形式，漢堡包入口里，承載了“閱讀、視聽”等入口，但這些入口的點擊率都比較低。后來應(yīng)用導航大改版，改成了底部tab導航，各內(nèi)容入口點擊率大幅上升。
導航前后對比
因此，導航的設(shè)計，對于內(nèi)容的曝光率還是比較有影響的。微信將“我的”tab放在第四個tab的位置，其中也承載了與生活方式相關(guān)的功能，這與微信的slogan“微信是一種生活方式”也是比較一致的。
聯(lián)系人/通訊錄組織結(jié)構(gòu)對比
qq的“聯(lián)系人”這個標簽里，延續(xù)了qq pc版上分組的概念，這也是一個合理的選擇。qq app的設(shè)計師，使用了標簽導航的形式，展現(xiàn)好友、群、多人聊天等維度，十分合理。
而微信的通訊錄tab，直接使用了手機上比較常用的通訊錄的形式，沒有分組，這種形式更適合手機設(shè)備的特點。
其它細節(jié)
在上篇文章里我們提到，qq聊天界面的頂部標題欄里展示了好友的昵稱，同時在好友昵稱的下方，展示了好友的在線狀態(tài)，而微信是沒有的：
而qq app的消息列表頁面，實際上是不展示好友的在線狀態(tài)的。qq這樣設(shè)計，意在減弱好友是否在線這個概念，希望鼓勵用戶從列表頁開始進行聊天。
另一個設(shè)計細節(jié)是qq底部的導航欄，當用戶選中消息時，聯(lián)系人和動態(tài)的icon都會望著消息icon;而選中聯(lián)系人時，消息和動態(tài)的icon則會望著聯(lián)系人，十分有趣。這樣的細節(jié)，讓qq這個應(yīng)用更加活潑、有趣，與qq應(yīng)用整體傳達出來的氣質(zhì)是十分相符的。
以上為大家分析了qq和微信手機應(yīng)用在導航上的區(qū)別。歡迎留言討論。
#專欄作家#
新設(shè)計青年，微信公眾號：新設(shè)計青年。人人都是產(chǎn)品經(jīng)理專欄作家、2017年度最佳人氣獎。
愛奇藝高級交互設(shè)計師。德國海龜一枚，曾任職于騰訊微生活、網(wǎng)易、宜信等公司。
本文原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。
題圖來自unsplash，基于cc0協(xié)議

阿里云怎么續(xù)費云服務(wù)器
一人能注冊多少個域名
網(wǎng)站訪問顯示異常-其他問題
SEO優(yōu)化選擇老域名的幾個標準
我要這個域名直接訪問這個文件夾怎么弄可以直接改這個不知道怎么
騰訊云服務(wù)器鏡像花錢嗎
京東健康上市首日漲幅超40% %u603B市值超阿里健康
東莞優(yōu)質(zhì)的低價云服務(wù)器怎么購買