首页 > 个性签名 正文
【qq分主流分组超拽】导航设计中QQ与微信的差异

时间:2023-02-16 11:20:27 阅读: 评论: 作者:佚名

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

  • 评论列表

发表评论: