QQ和微信两大国民即时通讯(IM)应用程序与腾讯帝国的两大护城河有何不同？前一篇文章中有一篇在聊天界面上比较了两个主要应用程序(有兴趣的朋友可以在文章末尾看到)。这篇文章从导航设计的角度比较一下这两个应用程序。

首先来看两个应用程序的信息结构。

qqqapp信息结构

微信APP信息结构

你可以看到，QQ和微信在信息结构上非常相似。有两点。“我的”选项卡位置不同，联系人/地址簿组织结构也不同。现在我们分开来看。

最显著的区别——“我的”tab

的唯一区别是“我的”选项卡的位置不同。也就是说，微信作为第四个选项卡存在于底部导航栏中。QQ位于顶部标题栏的左侧，在切换下面导航栏的每个选项卡时驻留，如果向右绘制页面的左边缘区域，如下图所示，弹出我的侧栏。

QQ将“我的”入口放在左上角，每一页都可以向左划进去，看起来很方便，但实际上削弱的原因很简单。左上角的位置对用户操作太不利了。(大卫亚设、《Northern Exposure》、《Northern Exposure》笔者之前在一个新闻应用组工作，当时该应用程序的导航采用了“左侧汉堡标签导航”的形式，汉堡入口有“左侧汉堡标签导航”。此后，应用导航大改编，改为底部标签导航，各内容入口点击率大幅增加。

导航前后比较

因此，导航的设计更影响内容的曝光率。微信将“我的”选项卡放在第四个选项卡位置，还包含与微信斯隆“微信一种生活方式”相一致的生活方式相关的功能。

联系人/通讯录组织结构对比

QQ的“联系方式”标签延续了QQ PC版的分组概念，这是一个合理的选择。QQ APP的设计师利用标签导航展示朋友、团体、多聊天等维度是合理的。

和微信通讯录选项卡，直接使用手机上比较常用的通讯录形式，没有组，这种形式更适合手机设备的特点。

在

其它细节

之前的文章中，我们在QQ聊天界面的顶部标题栏上展示了朋友的昵称，同时在朋友昵称下显示朋友的在线状态，没有微信：

QQ APP的消息列表页面实际上不会显示朋友的在线状态。QQ旨在削弱朋友在线的概念，希望鼓励用户从列表页面开始聊天。

的另一个设计细节是QQ底部的导航栏，用户选择消息后，联系人和动态icon都会看着消息ICON。选择联系人的话，消息和动态icon看联系人很有趣。这种细节使QQ这个应用程序更加活跃和有趣，与QQ应用程序整体传达的气质非常吻合。

以上分析了QQ和微信手机应用程序的导航差异。欢迎讨论信息。

#专栏作家#

新设计青年，微信公众号：新设计青年。都是产品经理专栏作家，2017年最佳人气奖。

爱奇艺高级交互设计师。德国海龟曾在腾讯微生活、网易、易信等公司工作过。

这篇文章原来宣布所有人都是产品经理。未经许可禁止转载。

主题图基于unsplash、CC0协议