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协议