产品设计与用户体验Good(来自腾讯CEO马化腾的PPT)

⽀支点微课分享向伟大的公司学习——Tencent 的产品之道⽀支点微课分享⽀支点微课分享马化腾经典语录★  请大家一定要把“用户第一”铭记心中 ★同质化的竞争环境下，决定竞争差距的关键因素就是执行力和创新的强弱。 我们来看看，腾讯是如何做到这些理念的。 ⽀支点微课分享产品设计与用户体验Pony⽀支点微课分享目录：从案例谈产品设计与用户体验 •产品需求设计 •运营式研发 •交互设计与视觉设计⽀支点微课分享    口碑相传的产品设计之道 –核心能力和速度 –交互体贴细致，视觉简洁清爽 –高端用户(意见领袖）的关注 –如何在良好口碑下持续增加功能⽀支点微课分享产品设计—口碑相传•暂不借外力情况下（无IM、营销），对自身产品的口碑验证 –“QQ有这么多用户，还需要其它推广措施吗？我们不想借助一些promotion手段，想看用户自然传播的结果，更加坚实一些” –“能搭好一个平台看着用户数‘自动’增长是多么爽的感觉！让我们每天都想想能做些什么不“打扰”增长的势头，持续的爽下去” –“我们不缺进来的用户，通过优秀的体验留住用户，才是我们的重点。口碑是可以通过优秀的产品体验积累起来的”⽀支点微课分享产品设计—口碑相传•找到技术的突破点，用户自然感受到QQ影音比暴风做得好 –在2008太平洋常用软件年度评选中，直逼老牌暴风，并成为年度新秀第一                                                                                                                                         ⽀支点微课分享产品设计—核心性能和速度•QQ影音一推出就可以正面挑战暴风影音，不是因为功能多，界面漂亮，而是在性能和速度上直接超越了暴风 •高清智能加速: 
       自动判别文件类型和机器显卡，选择合适的解码器并智能启动高清加速 •测试结果——环境A(WindowsXP)测试结果——环境B(WindowsVista)
⽀支点微课分享产品设计—核心能力和速度：无所不用其极,体现最强的技术•希望在承受范围内尽量强化这里的吸引力，打造国内最一流的文件平台 –“希望我们在这里的建设要无所不用其极，什么方法都要想，加快速度。只要在文件传送这一点形成强大的难以逾越的实用性口碑，最终的胜算就大增” –“抓紧把超高速上传布局好，这里还是有机会在我们传文件快这个口碑上建立壁垒的。这里需要大量IDC布局和server调度程序建立门槛” •优秀的技术实现+优秀的产品体验=优秀的产品 –“对手机邮件客户端，需要一些协议级底层研究，
最少流量的状态同步，向Blackberry看齐”⽀支点微课分享产品设计—交互界面：少即是多•做得越多越不好，我们需要经常告诫自己，是不是做得太多了？ •用户价值不会因为是统一了（大而全）而体现的，而是每一个单项是否能真正赢得用户的喜爱。“简单”的核心在于，做好最核心的10个，放弃其它的90个。 •技术人员总希望将每个需要的不需要的功能都铺在面板上让用户看到。而好的产品总是让用户看不到技术的存在。⽀支点微课分享产品设计—高端用户的口碑影响力•做差异化和高端化卖点倒是不错，未必有多少人用，但能影响人，如IMAP4功能 –只有我们和GMail做了免费的IMAP服务！ •IMAP，邮件搜索，SSL并且是满足最挑剔的高端用户的需求 –QQMail是国内第一家支持邮件全文搜索的邮箱⽀支点微课分享产品设计—高端用户口碑：只要是用户需要的，不妨大气一些•我们可以大气一些，有用户价值我们就应该这么做。赢得高端挑剔用户的口碑 –只要在POP文件夹的回复和写信的默认帐号都是该POP地址，甚至后来我们还允许用户将所有发信地址都缺省设置为其它邮箱地址。后来数据证明，POP文件夹的使用用户超过85%都是活跃用户，我们人性化的服务更能赢得用户的认可 –提供POP，提供自动转发，SMTP发送也自动保存到发件箱 –升级到50M附件（业界最大）⽀支点微课分享产品设计—高端用户的口碑影响力: 安全和新终端接入•  支持双重密码，更加安全•  支持邮箱名，能关闭数字帐号•  支持高端和商务手机体验⽀支点微课分享产品设计—高端用户的口碑•浏览器的兼容性，如QQMail一直是兼容多种浏览器 –IE内核类 –Firefox –Chrome –Safari –Opera •产品功能的向后兼容性 •产品升级时的兼容性考虑，包括 – 用户的设置的配置和使用习惯配置 – 安装位置，文件夹的命名格式等 – 如何更Smart的更改注册表（已有则无需再写，减少操作系统和安全产品的预警）⽀支点微课分享产品设计—满足用户个性化需求•在无形中提供针对用户的个性化服务 –默认提供本地新闻，并提供用户设置 –本地天气，个性化换肤（推送+自定义）⽀支点微课分享产品设计—持续增加新功能–如何在良好口碑下持续增加功能 •常规功能逐步补齐 •细小局部创新永不满足 •建立快速反应开发机制，实时灰度上线体验与反馈调整 •谨慎增加，判断用量，适时出现 •产品经理与开发人员的驱动心态⽀支点微课分享小结•产品设计 –口碑传播 –少即是多 –兼容性 –无所不用其极 –关注性能和速度 –抓住高端用户 –大气的设计 –满足用户个性化需求 –寻求差异⽀支点微课分享•运营式研发 –服务可靠稳定：基础设施、架构、应用设计对容灾的考虑 –日日用（包括周末），人盯人 –看论坛，搜博客，重视反馈，体现开发团队的活力，拿口碑 –建立快速上线测试机制⽀支点微课分享运营—不稳定会“功亏一篑”•“运营真不能再出问题了。 IDC和应用抗故障两方面都要加强，否则功亏一篑” –07年QQMail出了一些运维故障。现在通过核心的系统和业务数据异常波动来发现问题⽀支点微课分享运营— 抗灾容灾能力•“发生硬件故障时，至少要能让用户看邮件” –今年发生好几次硬盘故障导致的几小时的邮箱不能用。现在QQMail正在开发“实时只读容灾系统”，即使硬件故障，用户也能利用实时备份的数据进入到邮箱的“只读”模式读邮件（同时支持写邮件）。⽀支点微课分享运营—跟踪用户定位问题•“当看到用户在论坛和博客上提到有关邮箱的某些不明确的问题时，产品人员都会通过QQ、邮件等各种可能的联系方式，主动去联系对方，搞清楚问题的细节并解决问题。当然，用户也会报答我们一个好的口碑。” –补充：有位QQ员工给我发信息，问我的QQ号码，想知道为什么我总收到那么多垃圾邮件。我给了他QQ号码。几个月时间过去了，垃圾邮件问题得到了解决，在这里对他说一声谢谢。只有那些精益求精的员工呆在企业里面，企业才能更好的发展，员工的前途才能更加光明。Tecent 公司确实吸收了那些最优秀的员工，支持！
⽀支点微课分享•交互设计 –把自己想象成一个迟钝、挑剔、易怒的傻瓜来使用产品 –抓主要矛盾，重点关注最常使用的交互点 –产品经理有前台和后台技术背景，有助于设计的判断和平衡 –擅长体会和学习业界优秀交互案例 –视觉关注和决策行动，决定准确和快一秒 –键盘少敲一下，鼠标易于点选，鼠标少移一段，操作形成定势 –照顾用户习惯 –如何把新功能引入⽀支点微课分享交互设计—Don't make me think•“返回”的位置和做法很重要：这是整个QQMail的交互的“枢纽”，如同围棋中的“玉柱”，也定义了邮箱的交互风格。 •帮用户自动选中：在输入独立密码或加密folder输入密码时错误后，应该把输入框内的内容select上，这样就可以直接打入而不用清除了 •光标定位：之前的点回复时光标focus到正文的问题改好了,但却没有注意到点转发时光标,反而应是在收件人处而不是正文处, 因为一般总要填写转发人, 而回复(包括回复全部)则是直接输入内容.⽀支点微课分享交互设计—符合用户习惯与预期•类Outlook客户端操作，但比它做得更优秀 –先字母排序，再优先显示最近联系人，减少键盘操作。这么细的体验，但一旦用上，就觉得别的同类产品很粗糙了！⽀支点微课分享交互设计—符合用户习惯与预期•兼容客户端邮件菜单习惯 –在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来，但右键则不能。 •不要随意去掉用户正在使用的功能 –原来mail在做出了“HTML方式查看”后，去掉了“打开”功能 •符合用户预期，点击其他地方，WEBQQ的浮动窗口隐藏到固定位置⽀支点微课分享交互设计—适时的提醒•没必要的提醒不需要出现 •而适时出现的提示或功能，用得好，不但不会骚扰用户，还是对用户的细致的关怀（当未读邮件过多时，提示删除历史邮件） •数字和字母帐号不同方式；图片验证旁提示“不区分大小写”，细节中体现体贴;        修改前                       修改后⽀支点微课分享交互设计—不强迫用户•喜爱QQMail的很多用户有不少是比较喜欢干净的，TIPS ICON默认不点亮 •不滥用QQ资源，保护用户体验 –需求：是否要让QQ打包一个右键菜单“发送文件到邮件”占领用户的右键？ –结论：“这种强制右键的少搞为妙，为不到1％的需求让99％的人右键被染很不好。 ” ⽀支点微课分享交互设计—寻求最佳方案•看起来很小的细节，也是需要对多种方案反复斟酌，才能做出最佳选择。 –收到带附件的信在上面提示得不够好，如果才是1-2个附件，完全可以把附件名全部显示出来。上面下面都显示 –附件的位置，上下左右都放了一遍，最终选择带文件名的方案 •以前的方案 •现在的方案⽀支点微课分享交互设计—操作便利•鼠标响应区域的大小，灵敏度和精确度，直接影响操作体验 示例：QQMail，业务导航区，QQ音乐 –QQ影音的快捷播放按钮：最初的设计改为方形扩大点击区域，考虑性能去掉按钮显示                        最初的设计                                优化后                                   最后 –鼠标动作需要精确的判断，捕捉用户意图（如：QQ影音的鼠标左键点击的精确判断） •左键单击画面可以移动窗口 •没有移动窗口时左键弹起才暂停画面，移动范围少于一定数值算暂停 •右键菜单出现后的左击画面不执行暂停，视为取消右键菜单⽀支点微课分享小结•交互设计 –Don't make me think –符合用户习惯与预期 –做适时的提醒 –不强迫用户 –选择最佳方案 –操作便利⽀支点微课分享视觉设计—传播产品理念•只有当我们对产品抱有一个完美的理念和愿景的时候，我们才能做出优美的设计来体现理念 •“QQ邮箱，常联系”是我们的愿景。这个愿景需要完美的产品设计，优秀的技术实现，和优质运营来达到 •“封面画和选词，呼应邮件含义，淡雅而不张扬”⽀支点微课分享视觉设计—干净，简洁，工具化•“推广”很重要，“简洁”也很重要，因此舍“推广”而取“简洁” –语音邮箱放到邮箱登录后的邮箱首页右上角，但太重hardsell了，会影响一些速度和简洁性 •不多用一个图片 –在好友Qzone文