腾讯IM设计项目组MSN9.0竞品分析报告.ppt

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