1、MSN 9.0 竞品分析报告,IM 设计项目组2008.8.28,背景介绍,本周MSN9.0 Wave3 泄露版惊现网络，较以前版本有非常大的变化和改进。,兵者，国之大事，生死之地，存亡之道，不可不察也。,该报告从视觉，交互，用户心声三方面对MSN泄露版进行了解剖研究。,PART1 交互分析,Whats NEW?,注重隐私，更贴近用户需求。悄悄话、防偷窥背景。,长远战略。开始与音乐、视频、IE、搜索、桌面工具等软件结合。,主界面布局优化， 收藏(Favorites)及群功能(Groups)的出现。,大大加强了分享和互动的功能。不仅仅是传输，可以同时浏览图片、音频、视频等。还可以一起编辑内容（白
2、板）。体验流畅且丰富。,个性化、情感化体验大大丰富。加入多种个性化体验，如MSN秀，大头贴，动态头像，照片传情等。吸引更多青少年用户，这一块的改进会对QQ相关业务造成冲击！,聊天窗口布局优化，往更符合用户认知的方向靠近。大胆创新。但是老用户可能需要一段时间适应。,交互分析报告目录：,主界面变化 概述 Favorites组 群功能（Groups） 界面风格延续性 多地点同时登录 菜单栏位置 签名支持链接,聊天界面变化 概述 界面收展 聊天记录优化 音频视屏 互动分享界面,个性化和情感化 概述 MyShow 3.0 表情图释 传情动漫 MSN秀 大头贴 自定义铃声 Share Photos Act
3、ivities 悄悄话 白板 搜索 视屏、音频分享 应用程序共享,总结和启示,主界面变化,聊天界面变化,总结与启示,Favorites分组、Groups分组的出现 Favorites分组的联系人出现头像，占用两排联系人区域。 Favorites分组、Groups分组位置不变，可见MSN对这两个分组的重视。 暂时去掉了侧边栏，以后可能会加上去。,桌面位置 MSN：使用双屏显示器时，可以拖动到次显示器上的任意位置。 Hummer：拖到次显示器上后吸附在次显示器右侧。,概述：,个性化和情感化,观看演示,主界面变化,聊天界面变化,个性化和情感化,总结与启示,Favorites 组,Favorites
4、组Favorites组可以将常用联系人显示在所有联系人的顶端，并显示头像，占用两排联系人的空间。非常醒目，方便随时与他们沟通。注：不同与自定义组队地方是，将联系人添加到favorites组后，该联系人不会从原来所在组消失。,支持Favorites分组里好友顺序的局部微调。优点：此功能只在Favorites分组里实现，对不是Favorites分组的联系人，此功能的使用必要性不大。体现了对用户使用频率和使用心理的考虑,主界面变化,聊天界面变化,总结与启示,群功能-创建群,创建群新增客户端创建群的功能。点击新建群后，输入“群名”即可创建一个新的群。新建群为空群，需要从列表中将联系人手动添加至该群。,
5、个性化和情感化,添加群成员从联系人列表中勾选要添加至该群的联系人。,主界面变化,聊天界面变化,总结与启示,个性化和情感化,讨论组转化为群右键一个讨论组后，选择convert to group可以将该组转换为一个群。转化后的群出现在Groups中。优点：可以将某个组转化为群，发起针对该组的小组会话。组和群的概念相互渗透。,转化的群出现在Groups中，原讨论组依然存在。该版本中转化后的群为空，需要手动添加联系人。（是否未开发完？）合理的情况是：转化完成后，原组的成员自动添加至转化后的群中。,群功能-讨论组转化为群,主界面变化,聊天界面变化,总结与启示,界面风格延续性,个性化和情感化,主界面变化,
6、聊天界面变化,总结与启示,多地点同时登录,个性化和情感化,多地点同时登录可以选择可多地点同时登录，并且各地点均可收发消息。,优点：便于多地点工作的商务人士使用，无需登出，在不同的地方均可接受消息。,缺点：帐号安全性下降，隐私容易泄露。,主界面变化,聊天界面变化,总结与启示,旧版MSN,MSN 9.0,菜单栏整合到界面内部，可选择显示或隐藏。,其余窗口菜单栏亦可显示在界面内部。,菜单栏位置,个性化和情感化,优点：界面美观和整体性好,主界面变化,聊天界面变化,总结与启示,签名支持链接，好友点击可直接跳转至相应站点 。,签名支持链接,个性化和情感化,优点：联系人一键即可查看对应站点。QQ目前需要复制
7、好友签名中的地址，粘帖至浏览器才可查看网页。,缺点：是否影响安全性？,主界面变化,聊天界面变化,总结与启示,头像放在左侧，符合用户认知。 取消中部聊天场景框。 隐藏收折按钮，界面可自定义。通过取消个签等方式减小头部尺寸。 通过图文结合的方式增强工具栏的识别性,在排序上做了优化，将传文件等分享操作的优先级提前，可见对分享的重视。 去掉了发送按钮（是尝试还是没有在这个版本实现？） 把表情等小工具栏放到对话框下部。,概述：,个性化和情感化,主界面变化,聊天界面变化,总结与启示,鼠标滑过时出现收展按钮，可向上隐藏工具栏。,鼠标滑过时出现收展按钮，可向左隐藏头像信息。,界面收展,个性化和情感化,观看演示
8、,优点：界面更宽广和自由，给用户惊喜。降低对谈话内容的干扰，尊重用户的聊天习惯。缺点：视觉焦点是什么？界面时候有不平衡感？,主界面变化,聊天界面变化,总结与启示,聊天记录优化 聚类，增加项目编号。 每次打开聊天窗口时历史聊天记录以tips方式浮现在对话区域上方。优点：分类清晰，简洁，在有限的空间内更多地显示信息，干扰性小。缺点：时间戳不够细，没有显示日期。收到朋友的脱机消息不知道是哪一天发的。,聊天记录优化,个性化和情感化,主界面变化,聊天界面变化,总结与启示,聊天记录优化,个性化和情感化,历史聊天记录面板中。个人信息在左侧，与谈话内容在同一行。这样每页可以显示更多的历史谈话内容。缺点：只能查
9、看与该好友的聊天记录。,QQ的消息管理器个人信息和聊天内容各占一行，故每页显示的记录比较少。,主界面变化,聊天界面变化,总结与启示,音频视频,优点：轻量的体验，没有视频聊天界面那样对聊天区域的压缩缺点：用户可能会找不到或者没注意提示信息。,个性化和情感化,音频聊天区域接收信息提示,主界面变化,聊天界面变化,总结与启示,音频视频,大尺寸视频区域缺点：聊天区域被压缩，需要用户手动拉伸聊天窗口音量控制按钮和麦克风按钮分开,音量控制放在好友视频旁边、麦克风控制放在自己视频旁边，更符合用户的认知。视频区域大小可控制优点：满足用户控制的欲望缺点：布局显得零乱（如果支持拖动或拉出聊天窗口是不是更好？）,个性
10、化和情感化,QQ的音量调节按钮,视频,音量控制,麦克风控制,主界面变化,聊天界面变化,总结与启示,优点：和游戏场景的结合，用户可以在会话界面边玩游戏边聊天，不用切换窗口。缺点：对用户关注的焦点有所影响，用户总不能一心二用。,互动分享界面,个性化和情感化,互动分享界面和好友玩游戏等场景在会话界面完成，完整性更好，聊天和游戏等业务的结合也更紧密。,主界面变化,聊天界面变化,总结与启示,MSN 9.0新增了非常多的个性化体验以及聊天互动体验。聊天窗口中可以直接向好友发起丰富的互动活动（activities）。威胁：对QQ会员业务，QQ秀业务将造成冲击。,概述：,MSN秀,大头贴,动漫头像,动态头像,
11、传情照片,编辑炫铃,悄悄话,白板,个性化和情感化,主界面变化,聊天界面变化,总结与启示,MyShow 3.0,MyShow入口MyShow是各种个性化表现弄能的集合，在此可以选择和制作各种丰富的表情，头像，MSN秀等个性化内容。,个性化和情感化,主界面变化,聊天界面变化,总结与启示,MyShow 3.0,个性化和情感化,威胁：中国用户点击直接进入中文版Myshow，其中的内容都是目前中国流行的主题、元素和表情。是专门针对中国市场和用户特征而开发的，个性化情感化突出。针对性明显！,欧美版MyShow,中文版MyShow,主界面变化,聊天界面变化,总结与启示,MyShow 3.0-表情图释,表情图
12、释提供丰富的表情库供用户下载。进入某个主题的表情包后，可以全选和自定义选择一部分导入。,个性化和情感化,优点：一键安装 丰富，庞大的表情库,主界面变化,聊天界面变化,总结与启示,MyShow 3.0-传情动漫,传情动漫选择一段小小的flash,来传达情意。,传情照片将照片制作成一段小小的flash,来传达情意。,个性化和情感化,优点：可以自己制作动态表情啦！好爽呀！威胁：比QQ会员的表情涂鸦更个性，更有趣！,主界面变化,聊天界面变化,总结与启示,MyShow 3.0-MSN秀,MSN秀类似QQ秀，支持表情随动。价格便宜，目前收费为2元一套，永久有效。,个性化和情感化,优点：便宜，付费方便，只要
13、发短信就可以拥有MSN秀了！威胁：对QQ秀是一个挑战，不过目前QQ秀在视觉表现和细节方面都要好于MSN秀。,主界面变化,聊天界面变化,总结与启示,MyShow 3.0-大头贴,个性化和情感化,大头贴DIY制作动态头像。,优点：可以自己做头像啦！简单易用，没有对图形软件一无所知也可以自己做漂亮的头像啦！,主界面变化,聊天界面变化,总结与启示,自定义铃声,选择炫铃即:登录时你的联系人听到的提示音。,编辑炫铃从本地选择音乐，编辑其中的5秒做为上线提示音。,个性化和情感化,优点：可以把自己喜欢的音乐作为铃声啦！缺点：可选的铃声数量太少。自定义铃声稍微有点门槛，初级用户可能需要一些时间理解。,主界面变化
14、,聊天界面变化,总结与启示,Share Photos,Share Photos在聊天窗口和联系人以前分享查看照片，可查看多张。照片可以随窗口缩放而自动调整大小。,按上下箭头选择查看的照片。按添加按钮可以再分享一张。,窗口缩放，图片自动调整大小。过程流程。,个性化和情感化,观看演示,优点：速度好快，一选择对方立即看到！不需要像以前一样等待传输照片。有多张的话对方可以选择看哪一张。照片不会保存在对方的电脑上，用什么技术呢？,主界面变化,聊天界面变化,总结与启示,Activities发起与联系人的互动等。,Activities,个性化和情感化,主界面变化,聊天界面变化,总结与启示,悄悄话“悄悄话”对
15、话框在主聊天对话框的右侧，区别与普通对话内容。“悄悄话”可提供加密传输，防偷窥背景，定时提示，手动保存聊天记录等多项安全功能。,Activities-悄悄话,个性化和情感化,优点：注重保护用户的隐私。,主界面变化,聊天界面变化,总结与启示,Whiteboard (白板)在activities中向联系人发起Whiteboard，两个人可以同时在一个白板上进行画图，修改等操作。,Activities-Whiteboard (白板),个性化和情感化,观看演示,优点：互动体验良好，两人可同时操作。便于一起讨论修改设计方案等（比如讨论视觉稿，交互搞）。,主界面变化,聊天界面变化,总结与启示,Activi
16、ties-搜索,嵌入式IE,支持桌面搜索,个性化和情感化,观看演示,优点：分享搜索过程和内容，一起查找感兴趣的内容。（该版本中尚未开发完成，部分功能尚无法使用）,主界面变化,聊天界面变化,总结与启示,Activities-视频、音乐分享,邀请好友共同观看视频、听音乐,Activities中发起的互动都在聊天窗口右边显示。优点：互动的同时也可以继续聊天，不用在多个窗口间切换。缺点：但同时也一定程度上影响了聊天界面的简洁和美观。,个性化和情感化,主界面变化,聊天界面变化,总结与启示,Activities-应用程序共享,个性化和情感化,应用程序共享选择桌面或者正在使用的文档、程序共享。便于工作中讨论
17、和一起操作。,优点：将MSN与用户正在使用的其他应用 程序建立联系。善于发挥微软自身的优势。,主界面变化,聊天界面变化,新功能、新体验,总结与启示,该版本三大变化亮点是： 聊天布局和体验改进 个性化内容丰富多彩 分享和互动突出 该版MSN在分享、互动以及整合等方面，有很多值得我们学习的点。可以思考如何将QQ与我们的音乐、播放器、拍拍等整合地更紧密和完善。如何在互动体验方面做出能多创新。 面对该版MSN在个性化和情感化方向有针对性地出击，我们该做出什么样的应对？如何继续保持我们在这一方面的优势？,总结与启示：,PART2 视觉分析,轻量感 整体感 愉悦感,轻量感 整体感 愉悦感,9.0质感又变薄
18、了，再类比adobe新软件lightroom，AMP的质感变化，未来软件的质感风格在往整体感和轻量感发展，水晶质感在渐渐弱化。,质感变化趋势：基本遵循 轻 - 厚 - 轻 - 厚 - 轻（09）主色变化趋势：偏紫色的淡蓝-vista的蓝绿-纯度较高的天蓝（09）,轻量感,轻量感,质感：淡化了之前头部的蓝绿水晶渐变，改为用淡蓝到白的柔和过渡。色调：主色调从之前的蓝绿往蓝白靠，整体更加淡雅。,轻量感 整体感 愉悦感,弱化各个功能区的分割，第一给人的感觉就是框框减少了。主面板部分，这次msn9.0较聪明的一个视觉设计，就是很好得利用了下面好友列表的白色，用蓝白渐变弱化了头部蓝色和下面的白色的区分，比
19、之前明显的上下两块要更有整体感。,整体感,弱化各个功能区的分割用蓝白渐变弱化了头部蓝色和下面的白色的区分，比之前明显的上下两块要更有整体感。,输入框外形作成对话框的样子，工具栏移到最底部，上面腾出最大空间给会话内容,整体感,隐藏边框线，头像和工具栏也可以隐藏，提供简简单单的聊天体验,轻量感 整体感 愉悦感,上面提到，会话窗口去掉了框框，那框框去哪了？框框其实是被隐藏了，msn 9.0很好的利用了动画来隐藏这些框框。动画效果的应用，给用户以很好的使用愉悦感。,愉悦感,当我们有意识的移动鼠标想去调整什么的时候，这时区域分割线才会渐隐出现。头像区域和工具栏亦是如此,需要时才会出现不需要时就不出现,观
20、看视频,比较msn：当我们有意识的移动鼠标想去调整什么的时候，这时区域分割线才会渐隐出现，需要时才会出现，不需要时就不出现。同样，会话窗口的头像区域和上面的工具栏也可以隐藏，隐藏时是缓慢的动画过渡，带来很好的使用愉悦感(稍微有点卡，可以过渡得更自然些)。QQ：会话窗口中QQ秀展开和收起是简单的切换，很生硬。,愉悦感,轻量感 整体感 愉悦感,界面细节体验,界面细节,底纹技术：拉伸窗口大小的时候，底纹也会跟着变大小，而QQ的底纹是固定位置的，这里或许可以借鉴一下。底纹随窗口大小变化，界面应该更协调一些。,观看视频,aio昵称和签名白色外发光：文字显示清楚文字跟界面协调，柔和过渡,其它界面细节,a.
21、 主面板左侧没有了原先杂七杂八的广告，不知道是不是英文beta版的缘故，将来出中文版可能会加回去。将来他们怎么加上去，或许也可以观察一下。 b. 中文字体显示不好。9.0对字体大小做了调整，主面板头部昵称字体变大到18，而好友列表的昵称和签名变小到10，中文字体显示不清楚。 c. 头像外面的框框显的很突兀，这个框是延续了8.0的边框，在9.0的界面上，比较不协调，显得很突兀。 d. Buddylist里新加了一个favorites新组，里面的好友会同时显示头像和绿色小人,显得有点累赘，而且好友头像不管离线和上线都是正常显示，没有灰色现实的区别，用惯了QQ的用户可能会使用不习惯。,小结,msn2
22、009整体带来的是更轻，更薄，更简洁。很好的利用了动画过渡，隐藏了界面的条条框框。其设计团队有很大的魄力和创造力来改造会话窗口，而不只是停留在传统模式。,借鉴点：a.多学习其设计团队的创造力，优先设计，而不是别人怎么，我们也怎么样。我们一直怕改造，缺乏勇气，从08到09，很多时候是在移植，而未作更大的设计创新。b.多采用和利用动画效果，给用户达到一定的使用愉悦。c.简洁是一个发展方向，msn这次的界面比较有效的改造成简洁风格，值得学习借鉴。d.底纹技术还可以优化，达到更好的视觉效果。,缺点：a.会话窗口的大改动，带来视觉上左右不平衡的感觉，重心偏左（头像部分）。b.许多界面风格还是遗留着上版的
23、风格，尤其是头像边框的样式，很突兀，整体风格还未统一。c.动画效果还可以再平滑一些，现在稍微有点顿。d.工具栏的图标变小了，图标显得粗糙，不够精细。,知人 有信 MSN品牌 VI小窥,知人 有信是MSN新的品牌策略，从其网站视觉风格中也可窥视到msn9.0的新视觉特点,知人 有信 MSN 品牌 VI,网站主视觉：使用了msn9.0界面的主视觉风格，淡蓝加发光底纹网站形式：Flash形式构建，现代而时尚标识：msn传统的小人结合相同质感风格的彩色气球,Work业,气球变成传统的msn标识的蝴蝶翅膀,Love情,Friendship谊,气球变成代表爱情的爱心,原始的烟花形态，有意广交四友,小结：三
24、个子形象完全延续msn小人加气球的方式，通过气球的变化来体现相应子形象的特征。这点可以借鉴，QQ是否也可以通过结合新意向，来实现多版本标识的统一和变化,摄影，视频广告多方位出击三个子形象的平面广告和视频广告风格统一，包装现代启用真人，彰显真实感。,平面广告:经典的三分一构图，内容左右繁简对比。视频广告：取材经典电影，诙谐风趣，通俗易懂。,借鉴点：a.相比msn的品牌包装，QQ的品牌一直显得相对低调，推送新版本的时候，也是一直在强调QQ的功能点，而忽视了整个品牌宣传。b.多方位的宣传媒介。QQ似乎只停留在网络这个自己最熟悉的媒介，而忘了诸如电视媒体，平面广告这一系列的宣传手段。c.类似msn的l
25、ogo结合气球的方式，QQ的logo是否也可以通过结合新意向的方式来实现多版本标识的统一和变化。,知人 有信 MSN 品牌 VI,PART3 用户心声,收集时间：2008-8-29来源：Google、Baidu博客搜索文章数目和分类：仅提供下载地址 许多篇介绍类2篇试用体会类 3篇关键词：免费速度快新功能,基本介绍,登录的过程依然吓了我一跳，正在登录界面上的MSN图标比8.5转的更快了，看得非常的头晕，而且登录用的时间比平时要漫长很多，幸好看到may take longer than usual的提示，否则可能自己先退出了！ 联系人如果有机器人的话头像便是一个机器人的头，很贴心的设计。 依照提
26、示尝试着拖了一个联系人进到Favorites分类里，居然是联系人突出显示的设置，可以理解为好友中的好友，但是并不清楚联系人那端是否会有类似的提示等消息，估计只是个人的一种设置行为。,用户使用体验,新功能列表：- 一次支持4个不同的位置登录和通信- 签名声音- 为每位用户设定声音- SPAM报告- 动态头像 - 支持动态gif作为头像个人状态信息链接 - 能为你的联系人提供URL形式的个人状态信息供点击阅读(例如放Blog地址)主要的更新- 后台结构改进 - 这个你无法从UI上看见- 改进登录，连接，语音和视频通信的效果- Windows Live Contacts Server - wlcomm.exe 将运行在后台，帮你刷新联系人信息和加快Messenger登录速度。,被关注的新功能,THANKS,IM 项目组 2008.8.29,
