商业案例产品设计与用户体验

产品设计与用户体验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登录速速度是是同类类产品品最快快的，，最初初“简简捷版版”的的诉求求就是是“简简单，，快速速”稳定：：一直直在努努力中中功能强强：不不一定定做很很多功功能，，但做做了的的要做做到最最好体验好好：只只有贯贯穿产产品设设计，，UI设计，，技术术设计计与实实现，，才能能保证证好的的体验验QQ影音低低调推推出后后，外外界反反响普普遍不不错，，是我我们桌桌面产产品比比较成成功的的一个个。成功的的关键键是产产品的的基本本功-播放功功能比比较扎扎实，，如硬指指标是是对多多种格格式的的支持持、硬硬件加加速后后高清清视频频的CPU和内存存占用用视频的的色彩彩、清清晰度度、流流畅度度等。。同时开开发人人员跟跟产品品经理理都能能很关关注用用户反反馈并并及时时回应应，这这点很很重要要持续优优化用用户体体验的的态度度常见的的态度度遇到问问题，，总是是解释释和推推托，，而非非想更更多改改进和和优化化的方方案只是默默默的的接受受意见见，但但不多多想一一下为为什么么，和和怎么么做得得更加加好只有有乐乐于于接接受受建建议议和和批批评评，，才才有有改改进进的的机机会会值得得学学习习的的产产品品Web产品品Google：文文字字化化界界面面，，极极致致简简洁洁，，排排版版清清晰晰，，重重点点突突出出；；Yahoo：一一致致性性好好，，风风格格清清新新，，排排版版有有标标准准有有章章法法；；Facebook：工工具具类类界界面面，，框框架架简简单单灵灵活活，，并并具具备备扩扩展展性性，，突突出出内内容容少少装装饰饰；；Apple：风风格格大大气气和和时时尚尚，，图图片片和和文文字字混混排排运运用用得得当当；；客户户端端产产品品Picasa：体体验验创创新新，，于于平平常常处处和和细细微微处处见见创创意意；；360：功功能能全全面面，，体体验验细细致致总结结：：需需要要关关注注的的体体验验理理念念交互互设设计计Don'tmakemethink符合合用用户户习习惯惯与与预预期期做适适时时的的提提醒醒不强强迫迫用用户户选择择最最佳佳方方案案操作作便便利利视觉觉设设计计传播播产产品品理理念念大气气成成熟熟，，干干净净整整洁洁，，工工具具化化规范范与与统统一一重点点突突出出防止止不不恰恰当当的的低低龄龄化化产品品设设计计口碑碑传传播播少即即是是多多兼容容性性无所所不不用用其其极极关注注性性能能和和速速度度抓住住高高端端用用户户大气气的的设设计计满足足用用户户个个性性化化需需求求寻求求差差异异运营营不稳稳定定会会““功功亏亏一一篑篑””跟踪踪用用户户定定位位问问题题抗灾灾容容灾灾能能力力谢谢谢9、静夜四四无邻，，荒居旧旧业贫。。。12月-2212月-22Thursday,December22,202210、雨中中黄叶叶树，，灯下下白头头人。。。07:34:1607:34:1607:3412/22/20227:34:16AM11、以我我独沈沈久，，愧君君相见见频。。。12月月-2207:34:1607:34Dec-2222-Dec-2212、故人江海海别，几度度隔山川。。。07:34:1607:34:1607:34Thursday,December22,202213、乍见翻翻疑梦，，相悲各各问年。。。12月-2212月-2207:34:1607:34:16December22,202214、他乡生白发发，旧国见青青山。。22十二月月20227:34:17上午07:34:1712月-2215、比不不了得得就不不比，，得不不到的的就不不要。。。。。十二月月227:34上上午午12月月-2207:34December22,202216、行动动出成成果，，工作作出财财富。。。2022/12/227:34:1707:34:1722December202217、做前前，能能够环环视四四周；；做时时，你你只能能或者者最好好沿着着以脚脚为起起点的的射线线向前前。。。7:34:17上上午7:34上上午午07:34:1712月月-229、没有失败败，只有暂暂时停止成成功！。12月-2212月-22Thursday,December22,202210、很很多多事事情情努努力力了了未未必必有有结结果果，，但但是是不不努努力力却却什什么么改改变变也也没没有有。。。。07:34:1707:34:1707:3412/22/20227:34:17AM11、成功功就是是日复复一日日那一一点点点小小小努力力的积积累。。。12月月-2207:34:1707:34Dec-2222-Dec-2212、世间间成事事，不不求其其绝对对圆满满，留留一份份不足足，可可得无无限完完美。。。07:34:1707:34:1707:34Thursday,December22,202213、不知香香积寺，，数里入入云峰。。。12月-2212月-2207:34:1707:34:17December22,202214、意志坚坚强的人人能把世世界放在在手中像像泥块一一样任意意揉捏。。22十十二月20227:34:17上午午07:34:1712月-2215、楚塞塞三湘湘接，，荆