产品设计与用户体验ony

产品设计与用户体验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内核类FirefoxChromeSafariOpera产品功能的向向后兼容性产品升级时的的兼容性考虑虑，包括用户的设置的的配置和使用用习惯配置安装位置，文文件夹的命名名格式等如何更Smart的更改注册表表（已有则无无需再写，减减少操作系统统和安全产品品的预警）产品设计—满满足用户个性性化需求在无形中提供供针对用户的的个性化服务务默认提供本地地新闻，并提提供用户设置置本地天气，个个性化换肤（（推送+自定义）产品设计—持持续增加新功功能如何在良好口口碑下持续增增加功能常规功能逐步步补齐细小局部创新新永不满足建立快速反应应开发机制，，实时灰度上上线体验与反反馈调整谨慎增加，判判断用量，适适时出现产品经理与开开发人员的驱驱动心态小结产品设计口碑传播少即是多兼容性无所不用其极极关注性能和速速度抓住高端用户户大气的设计满足足用用户户个个性性化化需需求求寻求求差差异异运营营式式研研发发服务务可可靠靠稳稳定定：：基基础础设设施施、、架架构构、、应应用用设设计计对对容容灾灾的的考考虑虑日日日用用（（包包括括周周末末）），，人人盯盯人人看论论坛坛，，搜搜博博客客，，重重视视反反馈馈，，体体现现开开发发团团队队的的活活力力，，拿拿口口碑碑建立立快快速速上上线线测测试试机机制制运营营——不不稳稳定定会会““功功亏亏一一篑篑””“运运营营真真不不能能再再出出问问题题了了。。IDC和应应用用抗抗故故障障两两方方面面都都要要加加强强，，否否则则功功亏亏一一篑篑””07年QQMail出了了一一些些运运维维故故障障。。现现在在通通过过核核心心的的系系统统和和业业务务数数据据异异常常波波动动来来发发现现问问题题运营营——抗抗灾灾容容灾灾能能力力“发生生硬硬件件故故障障时时，，至至少少要要能能让让用用户户看看邮邮件件”今年年发发生生好好几几次次硬硬盘盘故故障障导导致致的的几几小小时时的的邮邮箱箱不不能能用用。。现现在在QQMail正在在开开发发““实实时时只只读读容容灾灾系系统统””，，即即使使硬硬件件故故障障，，用用户户也也能能利利用用实实时时备备份份的的数数据据进进入入到到邮邮箱箱的的““只只读读””模模式式读读邮邮件件（（同同时时支支持持写写邮邮件件））。。运营营——跟跟踪踪用用户户定定位位问问题题“当看看到到用用户户在在论论坛坛和和博博客客上上提提到到有有关关邮邮箱箱的的某某些些不不明明确确的的问问题题时时，，产产品品人人员员都都会会通通过过QQ、邮邮件件等等各各种种可可能能的的联联系系方方式式，，主主动动去去联联系系对对方方，，搞搞清清楚楚问问题题的的细细节节并并解解决决问问题题。。当当然然，，用用户户也也会会报报答答我我们们一一个个好好的的口口碑碑。。”补充充：：有有位位QQ员工工给给我我发发信信息息，，问问我我的的QQ号码码，，想想知知道道为为什什么么我我总总收收到到那那么么多多垃垃圾圾邮邮件件。。我我给给了了他他QQ号码码。。几几个个月月时时间间过过去去了了，，垃垃圾圾邮邮件件问问题题得得到到了了解解决决，，在在这这里里对对他他说说一一声声谢谢谢谢。。只只有有那那些些精精益益求求精精的的员员工工呆呆在在企企业业里里面面，，企企业业才才能能更更好好的的发发展展，，员员工工的的前前途途才才能能更更加加光光明明。。Tecent公司司确确实实吸吸收收了了那那些些最最优优秀秀的的员员工工，，支支持持！！交互互设设计计把自自己己想想象象成成一一个个迟迟钝钝、、挑挑剔剔、、易易怒怒的的傻傻瓜瓜来来使使用用产产品品抓主主要要矛矛盾盾，，重重点点关关注注最最常常使使用用的的交交互互点点产品品经经理理有有前前台台和和后后台台技技术术背背景景，，有有助助于于设设计计的的判判断断和和平平衡衡擅长长体体会会和和学学习习业业界界优优秀秀交交互互案案例例视觉觉关关注注和和决决策策行行动动，，决决定定准准确确和和快快一一秒秒键盘少敲敲一下，，鼠标易易于点选选，鼠标标少移一一段，操操作形成成定势照顾用户户习惯如何把新新功能引引入交互设计计—Don'tmakemethink“返回””的位置置和做法法很重要要：这是是整个QQMail的交互的的“枢纽纽”，如如同围棋棋中的““玉柱””，也定定义了邮邮箱的交交互风格格。帮用户自自动选中中：在输输入独立立密码或或加密folder输入密码码时错误误后，应应该把输输入框内内的内容容select上，这样样就可以以直接打打入而不不用清除除了光标定位位：之前前的点"回复"时光标focus到正文的的问题改改好了,但却没有有注意到到点"转发"时光标,反而应是是在"收件人"处而不是是正文处处,因为一般般总要填填写转发发人,而回复(包括回复复全部)则是直接接输入内内容.交互设计计—符合合用户习习惯与预预期类Outlook客户端操操作，但但比它做做得更优优秀先字母排排序，再再优先显显示最近近联系人人，减少少键盘操操作。这这么细的的体验，，但一旦旦用上，，就觉得得别的同同类产品品很粗糙糙了！VS交互设计计—符合合用户习习惯与预预期兼容客户户端邮件件菜单习习惯在用TT或QQ/TM/RTX截屏后的的图,mail原来在写写信时用用Ctrl-V可以贴出出来，但但右键则则不能。。不要随意意去掉用用户正在在使用的的功能原来mail在做出了了“HTML方式查看看”后，，去掉了了“打开开”功能能符合用户户预期，，点击其其他地方方，WEBQQ的浮动窗窗口隐藏藏到固定定位置交互设计计—适时时的提醒醒没必要的的提醒不不需要出出现而适时出出现的提提示或功功能，用用得好，，不但不不会骚扰扰用户，，还是对对用户的的细致的的关怀（（当未读邮邮件过多多时，提提示删除除历史邮邮件）数字和字字母帐号号不同方方式；图图片验证证旁提示示“不区区分大小小写”，，细节中中体现体体贴;修改前修修改改后交互设计计—不强强迫用户户喜爱QQMail的很多用用户有不不少是比比较喜欢欢干净的的，TIPSICON默认不点点亮不滥用QQ资源，保保护用户户体验需求：是是否要让让QQ打包一个个右键菜菜单“发发送文件件到邮件件”占领领用户的的右键？？结论：““这种强强制右键键的少搞搞为妙，，为不到到1％的需求求让99％的人右右键被染染很不好好。””交互设计计—寻求求最佳方方案看起来很很小的细细节，也也是需要要对多种种方案反反复斟酌酌，才能能做出最最佳选择择。收到带附附件的信信在上面面提示得得不够好好，如果果才是1-2个附件，，完全可可以把附附件名全全部显示示出来。。上面下下面都显显示附件的位位置，上上下左右右都放了了一遍，，最终选选择带文文件名的的方案以前的方方案现在的方方案交互设计计—操作作便利鼠标响应应区域的的大小，，灵敏度度和精确确度，直直接影响响操作体体验示例：QQMail，业务导导航区，，QQ音乐QQ影音的快快捷播放放按钮：：最初的设设计改为为方形扩扩大点击击区域，，考虑性性能去掉掉按钮显显示最初的设设计优优化后后最最后鼠标动作作需要精精确的判判断，捕捕捉用户户意图（（如：QQ影音的的鼠标标左键键点击击的精精确判判断））左键单单击画画面可可以移移动窗窗口没有移移动窗窗口时时左键键弹起起才暂暂停画画面，，移动动范围围少于于一定定数值值算暂暂停右键菜菜单出出现后后的左左击画画面不不执行行暂停停，视视为取取消右右键菜菜单小结交互设设计Don'tmakemethink符合用用户习习惯与与预期期做适时时的提提醒不强迫迫用户户选择最最佳方方案操作便便利视觉设设计——传播播产品品理念念只有当当我们们对产产品抱抱有一一个完完美的的理念念和愿愿景的的时候候，我我们才才能做做出优优美的的设计计来体体现理理念“QQ邮箱，，常联联系””是我我们的的愿景景。这这个愿愿景需需要完完美的的产品品设计计，优优秀的的技术术实现现，和和优质质运营营来达达到“封面画画和选选词，，呼应应邮件件含义义，淡淡雅而而不张张扬””视觉设设计——干净净，简简洁，，工具具化“推广广”很很重要要，““简洁洁”也也很重重要，，因此此舍““推广广”而而取““简洁洁”语音邮邮箱放放到邮邮箱登登录后后的邮邮箱首首页右右上角角，但但太重重hardsell了，会会影响响一些些速度度和简简洁性性不多用用一个个图片片在好友友Qzone文章的的摘要要前加加头像像，感感觉会会破坏坏阅读读感（（容易易吸引引眼球球到头头像而而非文文章）），而而从关关注好好友的的角度度，头头像能能突出出好友友。但但给用用户2个图片片，用用户看看哪个个呢？？工具化化设计计意味味着清清晰的的逻辑辑和操操作。。不是是内容容越多多越好好，是是越简简单越越好。。视觉设设计——制定定规范范，维维持统统一文字使使用要要规范范，语语法，，大小小，颜颜色，，大小小写都都需要要注意意能用一一个词词表达达的，，不用用一句句话。。能用用一句句话表表达清清楚的的，不不用两两句话话每个概概念都都只有有唯一一一种种表达达。如如”VIP””的概念念能用一一种字字体颜颜色的的，不不多用用一种种颜色色能用一一种字字体大大小的的，不不多用用一种种大小小用标准准组件件能用标标准控控件的的，不不自己己画控控件（一个个button，就有有focused,selected,up/down,enabled/disabled,tab顺序等等多种种状态态要画画和处处理，，不容容易的的，而而且要要考虑虑浏览览器兼兼容））能用文文字的的，不不用图图片（（加图图片是是要申申请的的）保持尽尽可能能少的的格式式式样样维持统统一就算字字体和和行间间距等等小细细节都都应该该关注注到英文字字体Tahoma视觉设设计——重点点突出出每个页页面（（板块块）只只有一一块视视觉重重点。。并且且，突突出重重点，，不让让用户户去找找。原来的的设计计排版版不对对，有有一横横条的的压着着的情情况黄黄色块块就不不能加加框，，视觉觉会很很繁杂杂看着着不舒舒服，，句号号也是是多余余的原来方方案目目前前方案案·Pony：在设设置了了独立立密码码的情情况下下,当登陆陆到需需要输输入独独立密密码时时,总是先先出来来输入入框,此时已已可输输入,我经常常是立立刻输输入,但打了了几个个字母母后上上面,才瞬间间出现现上面面的黄黄色提提醒"请输入入独立立保护护密码码",而会导导致输输入框框位置置立刻刻下压压,比较影影响输输入.最好能能改一一改html里的结结构,能够快快速让让人立立刻输输入(越快越越好)的基础础上,其他显显示的的可以以慢些些load到但不不应影影响其其他部部件的的改变变.视觉设设计——防止止不恰恰当的的低龄龄化在追求求“简简单””的过过程中中，QQMail不知不不觉的的变得得“中中性””、““成熟熟”化化。当我们更加加理性和严严谨地设计计产品的时时候，自然然会远离““低龄”倾倾向。“成成熟”源自自合理的设设计，“低低龄”源自自不合常理理的设计。。不恰当的低龄化小结视觉设计传播产品理理念大气成熟，，干净整洁洁，工具化化规范与统一一重点突出防止不恰当当的低龄化化补充：QQMail和QQ影影音体验成成功的关键键点QQMail总结起来，，做到了：：快速，稳稳定，功能能强，体验验好快速：QQMail登录速度是是同类产品品最快的，，最初“简简捷版”的的诉求就是是“简单，，快速”稳定：一直直在努力中中功能强：不不一定