在我的知识星球“交互小殿堂_格兰芬多”中，有圈友提问：QQ和微信，这两个国民APP，是腾讯这个社交帝国的主要护城河，也是中国网友IM工具的必备应用。同样作为用户必装的聊天工具，这两款应用有何不同？
这篇文章主要从这两款应用的最关键页面——聊天界面，来分析一下两者的不同。
好友在线状态
在QQ聊天界面里，顶部标题栏里展示了好友的昵称，同时在好友昵称的下方，展示了好友的在线状态。如果好友不在线，则该状态不展示，而没有展示“不在线”，我认为这是手机QQ团队，希望大家不要形成“不在线就没法给这个好友发消息”的认知，因此没有强调这个不在线的状态。而在微信里，则只有好友的昵称。这一点其实透露出QQ在PC时期的一个思维方式：好友在线才能聊天，不在线就没办法了。但是微信里是没有所谓的“在线”状态的，任何时候我都默认你是可以接受信息的。这个细节透露出两个产品的不同思路。
关于QQ好友在线这一点，不知道大家还有没有印象：在手机QQ的一个版本中，QQ把所有好友的头像都默认点亮了，即使是不在线的好友，头像也从黑白变成了彩色。一时间遭到了用户的强烈吐糟，以至于这个功能被很快下掉了，并且手机QQ的产品经理在知乎做出了回应《手机 QQ 2013（安卓 4.1，iOS 4.0 版）的联系人头像全点亮，QQ 产品团队做这个决定是出于什么考虑？》。回应原文如下（有删减）：
首先得解释，2013版本的QQ头像不代表在线状态，这个最大的变化还没有被大家理解。
头像表达的内容，除了代表一个好友，过去一直都通过是否“点亮”附带表达了是否在线，这是一个持续了十多年的习惯，QQ上最重要的认知之一。这一认知带来的直接影响，就是在线即可沟通，不在线的人，就是发了消息也不能即时回复，典型的PC时代特征。因为电脑不能随身，不能随时上网。
最近几年发生了巨大变化，每天QQ消息中，65%是通过手机发送的。手机大部分时候都随身带着，再加上推送能力，消息都是即时可达。QQ的用户也非常活跃，虽然不是24小时都在线，但使用频率高，加上手机QQ的推送，即使对方不在PC端前，一般也能很快被看到。对于消息发送方，内心更期待的是尽快把信息传达并且尽快收到反馈，而由于头像不亮就是离线状态的这一认知，会阻碍留言的动机，所以，整个调整的初衷，是希望让QQ具备随时可沟通的认知，好比短信，可靠性非常高，发之前就不会想对方有没有开手机。
在QQ里，有相当多的互动，不仅仅是聊天，还有空间动态，头像所表达的，应该是一个更生动的联系人，后面有丰富的资料和动态，不仅仅是一个聊天的状态。
QQ上有相当多灰头像，尽管隐身也是合理的需求，但这些信息一定程度上阻碍了沟通，原本是有话想要说，因为灰头像，到嘴边的话又咽下去了，或者转用其他工具。我们的理想是提供轻松不加思考的沟通服务，保证消息可靠可送达。于是在离线消息、跨终端消息漫游做了很多的准备，但发消息的动机，还没有彻底的解决。
由于反馈问题的用户比较多，我们已经开始研究关于在线显示状态的优化方案，尽量过渡好用户的使用习惯。移动化和多终端是未来QQ坚定的战略方向，我们将和用户一起，来完成QQ在移动互联网时代的自我革新。
从文中我们也可以看出，QQ团队对于手机QQ应用还在展现用户在线状态这件事其实是不愿意的，QQ团队其实是希望用户能够像微信一样去使用QQ——不在乎对方是否在线，而是直接发消息。可是，有一个事实就横在那里：QQ的用户好多都是从PC端迁移过来的，还保留着PC时代的认知，即QQ头像亮，这个人就在线，可以聊天；不亮，就是不在线，ta现在看不到消息。QQ团队强行将所有用户的头像点亮，在用户毫无防备的情况下颠覆了用户的认知，所以遭到强烈吐槽也是理所应当的。
除了在线状态，在QQ好友昵称的后面，还有一个icon（示例图中是一艘小船），这是代表了你和好友的互动关系层级：
这种思路，跟QQ一贯的“QQ等级”策略一脉相承，是一种鼓励用户更多互动的设计。
相比之下，微信就简单的多：只展示昵称。从这一点也能提现出微信注重效率的设计思路，这使微信更像是一款工具；而QQ有更多更有趣味性的设计，使QQ呈现出了更多的娱乐社交属性。这一点从微信和QQ的聊天消息框也可以窥见一斑：微信统一都是白色和绿色的消息框，不能定制；QQ中可以使用会员特权，或者单独购买经过个性化设计的消息框。
语音/视频聊天
从界面上来看，手Q团队对语音/视频聊天很重视，在标题栏上就露出了语音/视频聊天的入口，并且在底部操作栏中的加号里，第1、2位还是语音/视频入口，可见对这个功能给足了曝光。
微信中，语音/视频聊天的入口，只在点击加号后，出现在第三个入口中，而且入口的标题是“视频聊天”，点击后可选择进行语音还是视频。微信这样设计，可见微信团队还是希望用户能够进行视频聊天，而对语音聊天不是特别有倾向性。
底部聊天工具
最后我们来分析一下底部聊天工具栏。
QQ是在底部把聊天的工具分成了两行，一行是文字输入框，另一行是图片、表情等入口。虽然把各个入口都罗列出来，减少了层级，提高了各个入口的展示量，但一下罗列出7个入口，无形中增加了用户的选择负担。
微信的底部聊天工具栏只有一行：语音、文字输入、表情、加号。相比较而言，微信的排布更清晰，对语音和表情的突出也更明显，操作起来会更方便。笔者认为，微信这样设计，是微信团队认为用户在聊天中使用最多的是语音、文字和表情。笔者也同意微信的这个判断。不得不说，微信的这个设计，用更简明的界面，减少了用户的困扰，是“少就是多”原则的最佳提现，也提现了微信重视效率的原则。
本文以聊天界面为例，分析了QQ和微信这两大国民IM软件的不同。从分析中也可以看出：界面中展示何种元素，以及元素的排布方式，的确是会影响用户如何使用的。这也体现出交互设计不可忽视的价值。
交互小殿堂_格兰芬多
交互小殿堂第二期开张啦！第二期的知识星球，我们有了更响亮的名字“交互小殿堂_格兰芬多”。使用这个名字，是希望大家可以更好的互动，并且就像格兰芬多学院精神那样，大胆探索交互的奥秘，不怕困难，勇往直前。下面我来详细介绍一下知识星球的用法。设置了6个主题，帮助你系统学习交互：
– 场景思维（2周）
– 心理模型（1周）
– 流程设计（5周）
– 正确使用控件（15周）
– 测试方案（3周）
– 用研（3周）
以上这些专题，将每周固定发布在我的小密圈“交互小殿堂_格兰芬多”。
同时，为了让大家更好地掌握每周的专题，安排每周的计划如下：
– 周一在小密圈“交互小殿堂”独家发布一篇主文，介绍本周主题；
– 周二至周五解答圈友们关于本周主题的问题；
– 周六分享优秀交互设计案例，并带领大家解析设计亮点；
– 周日公布文末问题的答案。
6个专题结束后，会为大家提供7个需求，供大家实战，锻炼之前学到的技能。
具体的安排如下：
第一周，给出需求说明和重点提示；
第一周剩下的几天以及第二周，大家根据需求进行交互方案设计；
第三周集中点评大家的方案，给出建议。
现在圈子刚刚建立，实行短暂优惠：
两人一起报名，享8折优惠；
三人一起报名，享7折优惠；
四人一起报名，享6折优惠；
五人及五人以上一起报名，享5折优惠；
限时特惠：本站每日持续更新5-20节内部创业项目课程，一年会员
只需199元，全站资源免费下载点击查看详情
站长微信：
jjs406
