QQ和微信两大国民IM(即时通讯)应用,是腾讯帝国的两大护城河。它们之间有什么区别呢?在之前的文章中,我们从聊天界面对比了这两个主要应用(感兴趣的朋友可以查看文末)。本文从导航设计的角度对这两个应用程序进行了比较。
首先我们观察两个APP的信息结构。
QQ APP信息结构
微信APP信息结构
可以看出,QQ和微信在信息结构上非常相似。有两点不同。 “我的”选项卡的位置不同,联系人/地址簿的组织结构也不同。让我们分别看看它们。
最重要的区别—— “我的”选项卡和“我的”选项卡之间的唯一区别是“我的”选项卡位于不同的位置。微信被放置在底部导航栏,类似于第四个选项卡被放置在顶部标题中。在左侧,您可以切换底部导航栏中的每个选项卡,它会停留在那里,然后从页面左边缘向右滑动以显示侧边栏,如下图所示。
QQ中“我的”入口位于左上角,任意页面向左滑动即可进入。虽然这看起来很方便,但实际上削弱了左上角的位置。这对用户体验并没有真正的帮助。作者曾就职于新闻应用团队。当时应用的导航是“汉堡+左上角标签导航”的形式,汉堡入口包含“阅读、视听”等入口。等等,但所有这些入口的点击率都相对较低。此后,该应用程序的导航已被彻底修改,并被底部的选项卡导航所取代,从而显着提高了每个内容条目的点击率。
导航前后对比
因此,导航设计会影响内容的曝光。微信将“我的”选项卡放在第四个选项卡位置,这也与微信的口号“微信是一种生活方式”一致。
通讯录/通讯录组织结构对比QQ的通讯录选项卡继承了QQ PC版的分组概念,这也是一个合理的选择。 QQ APP的设计者采用了标签导航的形式来展示好友、群组、多人聊天等维度,这是非常合理的。
微信的通讯录选项卡采用手机常用的通讯录格式,不进行分组。这种格式更适合移动设备的特点。
其他细节已在上一篇文章中介绍。 QQ聊天界面顶部的标题栏会显示好友的昵称。同时,在好友的昵称下,您会看到好友的在线状态,而在微信上是看不到的。
QQ APP的消息列表页面并不实际显示好友的在线状态。 QQ就是这样设计的,目的是破坏好友是否在线的概念,鼓励用户从列表页面开始聊天。
另一个设计细节是,当用户选择消息时,联系人和动态图标引用消息图标,当选择联系人时,消息和动态图标引用联系人。很有意思。这样的细节让QQ应用更加生动有趣,这与QQ应用所传达的整体气质非常吻合。
上面我们分析了QQ和微信移动应用的导航差异。欢迎大家留言讨论。
#专栏作家#新设计青年,微信公众号:新设计青年。他们都是产品经理专栏作家和2023 年人气奖获得者。
爱奇艺高级交互设计师。德国龟,曾就职于腾讯微生活、网易、宜信等公司。
本文最初发表于人人都是产品经理。它禁止未经授权的复制。
标题图片引用自unsplash,基于CC0条款
本文和图片来自网络,不代表火豚游戏立场,如若侵权请联系我们删除:https://www.huotun.com/game/644473.html