产品设计与用户体验课件(PPT-39页).ppt

1、产品设计与用户体验Pony目录：从案例谈产品设计与用户体验 产品需求设计 运营式研发 交互设计与视觉设计 口碑相传的产品设计之道 核心能力和速度 交互体贴细致，视觉简洁清爽 高端用户(意见领袖）的关注 如何在良好口碑下持续增加功能产品设计口碑相传暂不借外力情况下（无IM、营销），对自身产品的口碑验证“QQ有这么多用户，还需要其它推广措施吗？我们不想借助一些promotion手段，想看用户自然传播的结果，更加坚实一些”“能搭好一个平台看着用户数自动增长是多么爽的感觉！让我们每天都想想能做些什么不“打扰”增长的势头，持续的爽下去”“我们不缺进来的用户，通过优秀的体验留住用户，才是我们的重点。口碑是

2、可以通过优秀的产品体验积累起来的”产品设计口碑相传找到技术的突破点，用户自然感受到QQ影音比暴风做得好在2008太平洋常用软件年度评选中，直逼老牌暴风，并成为年度新秀第一 产品设计核心性能和速度QQ影音一推出就可以正面挑战暴风影音，不是因为功能多，界面漂亮，而是在性能和速度上直接超越了暴风高清智能加速: 自动判别文件类型和机器显卡，选择合适的解码器并智能启动高清加速测试结果测试结果环境环境A(Windows XP) A(Windows XP) 测试结果测试结果环境环境B(Windows Vista)B(Windows Vista)产品设计核心能力和速度：无所不用其极,体现最强的技术希望在承受范

3、围内尽量强化这里的吸引力，打造国内最一流的文件平台“希望我们在这里的建设要无所不用其极，什么方法都要想，加快速度。只要在文件传送这一点形成强大的难以逾越的实用性口碑，最终的胜算就大增”“抓紧把超高速上传布局好，这里还是有机会在我们传文件快这个口碑上建立壁垒的。这里需要大量IDC布局和server调度程序建立门槛”优秀的技术实现+优秀的产品体验=优秀的产品“对手机邮件客户端，需要一些协议级底层研究，最少流量的状态同步，向Blackberry看齐”产品设计交互界面：少即是多做得越多越不好，我们需要经常告诫自己，是不是做得太多了？用户价值不会因为是统一了（大而全）而体现的，而是每一个单项是否能真正赢

4、得用户的喜爱。“简单”的核心在于，做好最核心的10个，放弃其它的90个。技术人员总希望将每个需要的不需要的功能都铺在面板上让用户看到。而好的产品总是让用户看不到技术的存在。产品设计高端用户的口碑影响力做差异化和高端化卖点倒是不错，未必有多少人用，但能影响人，如IMAP4功能只有我们和GMail做了免费的IMAP服务！IMAP，邮件搜索，SSL并且是满足最挑剔的高端用户的需求QQMail是国内第一家支持邮件全文搜索的邮箱产品设计高端用户口碑：只要是用户需要的，不妨大气一些我们可以大气一些，有用户价值我们就应该这么做。赢得高端挑剔用户的口碑只要在POP文件夹的回复和写信的默认帐号都是该POP地址，

5、甚至后来我们还允许用户将所有发信地址都缺省设置为其它邮箱地址。后来数据证明，POP文件夹的使用用户超过85%都是活跃用户，我们人性化的服务更能赢得用户的认可提供POP，提供自动转发，SMTP发送也自动保存到发件箱升级到50M附件（业界最大）产品设计高端用户的口碑影响力: 安全和新终端接入 支持双重密码，更加安全 支持邮箱名，能关闭数字帐号 支持高端和商务手机体验产品设计高端用户的口碑浏览器的兼容性，如QQMail一直是兼容多种浏览器IE内核类FirefoxChromeSafariOpera产品功能的向后兼容性产品升级时的兼容性考虑，包括 用户的设置的配置和使用习惯配置 安装位置，文件夹的命名格

6、式等 如何更Smart的更改注册表（已有则无需再写，减少操作系统和安全产品的预警）产品设计满足用户个性化需求在无形中提供针对用户的个性化服务默认提供本地新闻，并提供用户设置本地天气，个性化换肤（推送+自定义）产品设计持续增加新功能 如何在良好口碑下持续增加功能 常规功能逐步补齐 细小局部创新永不满足 建立快速反应开发机制，实时灰度上线体验与反馈调整 谨慎增加，判断用量，适时出现 产品经理与开发人员的驱动心态小结产品设计口碑传播少即是多兼容性无所不用其极关注性能和速度抓住高端用户大气的设计满足用户个性化需求寻求差异 运营式研发 服务可靠稳定：基础设施、架构、应用设计对容灾的考虑 日日用（包括周末

7、），人盯人 看论坛，搜博客，重视反馈，体现开发团队的活力，拿口碑 建立快速上线测试机制运营不稳定会“功亏一篑”“运营真不能再出问题了。 IDC和应用抗故障两方面都要加强，否则功亏一篑”07年QQMail出了一些运维故障。现在通过核心的系统和业务数据异常波动来发现问题运营 抗灾容灾能力“发生硬件故障时，至少要能让用户看邮件”今年发生好几次硬盘故障导致的几小时的邮箱不能用。现在QQMail正在开发“实时只读容灾系统”，即使硬件故障，用户也能利用实时备份的数据进入到邮箱的“只读”模式读邮件（同时支持写邮件）。运营跟踪用户定位问题“当看到用户在论坛和博客上提到有关邮箱的某些不明确的问题时，产品人员都会

8、通过QQ、邮件等各种可能的联系方式，主动去联系对方，搞清楚问题的细节并解决问题。当然，用户也会报答我们一个好的口碑。”补充：有位QQ员工给我发信息，问我的QQ号码，想知道为什么我总收到那么多垃圾邮件。我给了他QQ号码。几个月时间过去了，垃圾邮件问题得到了解决，在这里对他说一声谢谢。只有那些精益求精的员工呆在企业里面，企业才能更好的发展，员工的前途才能更加光明。Tecent 公司确实吸收了那些最优秀的员工，支持！ 交互设计把自己想象成一个迟钝、挑剔、易怒的傻瓜来使用产品抓主要矛盾，重点关注最常使用的交互点产品经理有前台和后台技术背景，有助于设计的判断和平衡擅长体会和学习业界优秀交互案例视觉关注和

9、决策行动，决定准确和快一秒键盘少敲一下，鼠标易于点选，鼠标少移一段，操作形成定势照顾用户习惯如何把新功能引入交互设计Dont make me think“返回”的位置和做法很重要：这是整个QQMail的交互的“枢纽”，如同围棋中的“玉柱”，也定义了邮箱的交互风格。帮用户自动选中：在输入独立密码或加密folder输入密码时错误后，应该把输入框内的内容select上，这样就可以直接打入而不用清除了光标定位：之前的点回复时光标focus到正文的问题改好了,但却没有注意到点转发时光标,反而应是在收件人处而不是正文处, 因为一般总要填写转发人, 而回复(包括回复全部)则是直接输入内容.交互设计符合用户习

10、惯与预期类Outlook客户端操作，但比它做得更优秀先字母排序，再优先显示最近联系人，减少键盘操作。这么细的体验，但一旦用上，就觉得别的同类产品很粗糙了！VS交互设计符合用户习惯与预期兼容客户端邮件菜单习惯在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来，但右键则不能。不要随意去掉用户正在使用的功能原来mail在做出了“HTML方式查看”后，去掉了“打开”功能符合用户预期，点击其他地方，WEBQQ的浮动窗口隐藏到固定位置交互设计适时的提醒没必要的提醒不需要出现而适时出现的提示或功能，用得好，不但不会骚扰用户，还是对用户的细致的关怀（当未读邮件过多时，提示删除

11、历史邮件）数字和字母帐号不同方式；图片验证旁提示“不区分大小写”，细节中体现体贴; 修改前 修改后交互设计不强迫用户喜爱QQMail的很多用户有不少是比较喜欢干净的，TIPS ICON默认不点亮不滥用QQ资源，保护用户体验需求：是否要让QQ打包一个右键菜单“发送文件到邮件”占领用户的右键？结论：“这种强制右键的少搞为妙，为不到1的需求让99的人右键被染很不好。 ” 交互设计寻求最佳方案看起来很小的细节，也是需要对多种方案反复斟酌，才能做出最佳选择。收到带附件的信在上面提示得不够好，如果才是1-2个附件，完全可以把附件名全部显示出来。上面下面都显示附件的位置，上下左右都放了一遍，最终选择带文件名

12、的方案 以前的方案 现在的方案交互设计操作便利鼠标响应区域的大小，灵敏度和精确度，直接影响操作体验示例：QQMail，业务导航区，QQ音乐QQ影音的快捷播放按钮：最初的设计改为方形扩大点击区域，考虑性能去掉按钮显示 最初的设计 优化后 最后鼠标动作需要精确的判断，捕捉用户意图（如：QQ影音的鼠标左键点击的精确判断）左键单击画面可以移动窗口没有移动窗口时左键弹起才暂停画面，移动范围少于一定数值算暂停右键菜单出现后的左击画面不执行暂停，视为取消右键菜单小结交互设计Dont make me think符合用户习惯与预期做适时的提醒不强迫用户选择最佳方案操作便利视觉设计传播产品理念只有当我们对产品抱有

13、一个完美的理念和愿景的时候，我们才能做出优美的设计来体现理念“QQ邮箱，常联系”是我们的愿景。这个愿景需要完美的产品设计，优秀的技术实现，和优质运营来达到“封面画和选词，呼应邮件含义，淡雅而不张扬”视觉设计干净，简洁，工具化“推广”很重要，“简洁”也很重要，因此舍“推广”而取“简洁”语音邮箱放到邮箱登录后的邮箱首页右上角，但太重hardsell了，会影响一些速度和简洁性不多用一个图片在好友Qzone文章的摘要前加头像，感觉会破坏阅读感（容易吸引眼球到头像而非文章），而从关注好友的角度，头像能突出好友。但给用户2个图片，用户看哪个呢？工具化设计意味着清晰的逻辑和操作。不是内容越多越好，是越简单越

14、好。视觉设计制定规范，维持统一文字使用要规范，语法，大小，颜色，大小写都需要注意能用一个词表达的，不用一句话。能用一句话表达清楚的，不用两句话每个概念都只有唯一一种表达。如”VIP”的概念能用一种字体颜色的，不多用一种颜色能用一种字体大小的，不多用一种大小用标准组件能用标准控件的，不自己画控件 （一个button，就有focused,selected, up/down,enabled/disabled,tab顺序等多种状态要画和处理，不容易的，而且要考虑浏览器兼容）能用文字的，不用图片（加图片是要申请的）保持尽可能少的格式式样维持统一就算字体和行间距等小细节都应该关注到英文字体 Tahoma视

15、觉设计重点突出每个页面（板块）只有一块视觉重点。并且，突出重点，不让用户去找。原来的设计排版不对，有一横条的压着的情况黄色块就不能加框，视觉会很繁杂看着不舒服，句号也是多余的原来方案 目前方案Pony：在设置了独立密码的情况下, 当登陆到需要输入独立密码时, 总是先出来输入框, 此时已可输入, 我经常是立刻输入, 但打了几个字母后上面, 才瞬间出现上面的黄色提醒请输入独立保护密码, 而会导致输入框位置立刻下压, 比较影响输入. 最好能改一改html里的结构, 能够快速让人立刻输入(越快越好)的基础上,其他显示的可以慢些load到但不应影响其他部件的改变.视觉设计防止不恰当的低龄化在追求“简单”

16、的过程中，QQMail不知不觉的变得“中性”、“成熟”化。当我们更加理性和严谨地设计产品的时候，自然会远离“低龄”倾向。“成熟”源自合理的设计，“低龄”源自不合常理的设计。 不恰当的低龄化小结视觉设计传播产品理念大气成熟，干净整洁，工具化规范与统一重点突出防止不恰当的低龄化补充：QQMail和QQ影音体验成功的关键点QQMail总结起来，做到了：快速，稳定，功能强，体验好快速：QQMail登录速度是同类产品最快的，最初“简捷版”的诉求就是“简单，快速”稳定：一直在努力中功能强：不一定做很多功能，但做了的要做到最好体验好：只有贯穿产品设计，UI设计，技术设计与实现，才能保证好的体验QQ影音低调推

17、出后，外界反响普遍不错，是我们桌面产品比较成功的一个。成功的关键是产品的基本功-播放功能比较扎实， 如硬指标是对多种格式的支持、硬件加速后高清视频的CPU和内存占用 视频的色彩、清晰度、流畅度等。同时开发人员跟产品经理都能很关注用户反馈并及时回应，这点很重要持续优化用户体验的态度常见的态度遇到问题，总是解释和推托，而非想更多改进和优化的方案只是默默的接受意见，但不多想一下为什么，和怎么做得更加好只有乐于接受建议和批评，才有改进的机会值得学习的产品Web 产品Google：文字化界面，极致简洁，排版清晰，重点突出；Yahoo：一致性好，风格清新，排版有标准有章法；Facebook：工具类界面，框

18、架简单灵活，并具备扩展性，突出内容少装饰；Apple：风格大气和时尚，图片和文字混排运用得当；客户端产品Picasa：体验创新，于平常处和细微处见创意；360：功能全面，体验细致总结：需要关注的体验理念交互设计Dont make me think符合用户习惯与预期做适时的提醒不强迫用户选择最佳方案操作便利视觉设计传播产品理念大气成熟，干净整洁，工具化规范与统一重点突出防止不恰当的低龄化产品设计口碑传播少即是多兼容性无所不用其极关注性能和速度抓住高端用户大气的设计满足用户个性化需求寻求差异运营不稳定会“功亏一篑”跟踪用户定位问题抗灾容灾能力谢谢、书籍是全世界的营养品。生活里没有书籍，就好像没有阳

19、光；智慧里没有书籍，就好像鸟儿没有翅膀莎士比亚2、书籍使人变得思想奔放。革拉特珂夫3、书籍是造就灵魂的工具雨果4、经验丰富的人读书用两只眼睛，一只眼睛看到纸面上的话，另一只眼睛看到纸的背面。歌德5、我扑在书籍上，就好像饥饿的人扑在面包上。高尔基6、书籍是巨大的力量。列宁7、书人类发出的最美妙的声音。莱文8、生活在我们这个世界里，不读书就完全不可能了解人。高尔基9、黑发不知勤学早，白首方悔读书迟。颜真卿10、书是良药，善读之可以医愚。刘向11、读书破万卷，下笔如有神。杜甫12、在你渴望时，它前来给予详细指教，但是从不纠缠不休。比切13、书籍是少年的食物，它使老年人快乐，也是繁荣的装饰和危难的避难

20、所，慰人心灵。在家庭成为快乐的种子，在外也不致成为障碍物，但在旅行之际，却是夜间的伴侣西塞罗14、过去一切时代的精华尽在书中。卡莱尔15、书籍并不是没有生命的东西，它包藏着一种生命的潜力，与作者同样地活跃。不仅如此，它还像一个宝瓶，把作者生机勃勃的智慧中最纯净的精华保存起来弥尔顿16、每一本书都是一个用黑字印在白纸上的灵魂，只要我的眼睛、我的理智接触了它，它就活起来了。高尔基17、读一本好书，就是和许多高尚的人谈话。笛卡尔18、读书之于头脑，好比运动之于身体。爱迪生19、书籍乃世人积累智慧之长明灯寇第斯20、光阴给我们经验，读书给我们知识。奥斯特洛夫斯基21、读书有三到，谓心到，眼到，口到。朱

21、熹22、书籍是青年人不可分离的生命伴侣和导师。高尔基23、和书籍生活在一起，永远不会叹气。罗曼罗兰24、书籍是最好的朋友。当生活中遇到任何困难的时候，你都可以向它求助，它永远不会背弃你都德25、书籍通过心灵观察世界的窗口。住宅里没有书，犹如房间没有窗户。威尔逊26、读一本好书，象交了一个益友。臧克家27、读万卷书，行万里路。刘彝15) 时间一天天过去，有时觉得它漫长难熬，有时却又感到那么短促;有时愉快幸福，有时又悲伤惆怅。一天与一天不同，一日和一日有别，仿佛一昼夜之间也有春夏秋冬之分。;阿;巴巴耶娃16) 世界上最快而又最慢，最长而又最短，最平凡而又最珍贵，最容易被人忽视，而又最令人后悔的就是

22、时间。;高尔基17) 在人类生活中，时间刹那而过，它的本体是处于一个流动状态中，知觉是昏钝的，整个肉体的构成是易腐朽的，灵魂是一个疾转之物，运气是很难预料的，名望是缺乏见识的东西。;马尔库;奥勒留18) 时间就是金钱，而且对用它来计算利益的人来说，是一笔巨大的金额。;狄更斯19) 时间会刺破青春表面的彩饰，会在美人的额上掘深沟浅槽;会吃掉稀世之珍!天生丽质，什么都逃不过他那横扫的镰刀。;莎士比亚20) 浪费别人的时间等于是谋财害命，浪费自己的时间等于是慢性自杀。;列宁关于描写时间的名人名言1) 时间是衡量事业的标准。;培根2) 生命是短促的，然而尽管如此，人们还是有时间讲究礼仪。;爱献生3)

23、历史孕育了真理，它能和时间抗衡，把遗闻旧事保藏下来。它是往昔的迹象，当代的鉴戒，后世的教训。;塞万提斯4) 时间是由分秒积成的，善于利用零星时间的人，才会做出更大的成绩来。;华罗庚5) 时间是人类发展的空间。;马克思6) 在无限的时间的河流里，人生仅仅是微小又微小的波浪。;郭小川7) 重复言说多半是一种时间上的损失。;培根8) 开诚布公与否和友情的深浅，不应该用时间的长短来衡量。;巴尔扎克9) 真正的敏捷是一件很有价值的事。因为时间是衡量事业的标准，如金钱是衡量货物的标准。;弗;培根10) 正当利用时间!你要理解什么，不要舍近求远。;歌德11) 人的全部本领无非是耐心和时间的混合物。;巴尔扎克

24、12) 生命的长短以时间来计算，生命的价值以贡献来计算。;裴多菲13) 敢于浪费哪怕一个钟头时间的人，说明他还不懂得珍惜生命的全部价值。;达尔文14) 有了朋友，生命才显出它全部的价值;一个人活着是为了朋友;保持自己生命的完整，不受时间侵蚀，也是为了朋友。友谊要像爱情一样才温暖人心，爱情要像友谊一样才牢不可破。;穆尔;约翰15) 从不浪费时间的人，没有工夫抱怨时间不够。;杰弗逊16) 不善于利用时间的人，总是首先抱怨没有时间，因为他把时间都耗费在穿吃睡和聊天上，去考虑该做什么，而只是什么也不去做。;拉布吕耶尔17) 时间给勤劳者留下串串的果实，而给懒汉只留下一头白发和空空的双手。;高尔基18)

25、 在时间的大钟上，只有两个字;现在。;莎士比亚19) 好事总是需要时间，不付出大量的心血和劳动是做不成大事的。想吃核桃，就是得首先咬开坚硬的果壳。;格里美尔斯豪森20) 合理安排时间，就等于节约时间。培根描写时间的名人名言推荐1) 不管饕餮的时间怎样吞噬着一切，我们要在这一息尚存的时候，努力博取我们的声誉，使时间的镰刀不能伤害我们。;莎士比亚2) 少壮不努力，老大徒伤悲。;长歌行3) 实际上，没有一种社会形态能够阻止社会所支配的劳动时间以这处或那种方式调整生产。;马克思4) 我们若要生活，就该为自己建造一种充满感受思索和行动的时钟，用它来代替这个枯燥单调以愁闷来扼杀心灵，带有责备意味和冷冷地滴

26、答着的时间。;高尔基5) 在老年时，会有许多闲暇的时间，去计算那过去的日子，把我们手里永久丢失了的东西，在心里爱抚着。;泰戈尔6) 在历史急剧转变的关头，往往连先进的政党也会在相当的一段时间内不能理解新的局势而复旧的口号，这些口号在昨天是正确要在已成的事业中逗留着！要在已成的事业中逗留着！-巴斯德（法国）巴斯德（法国）我从不想未来，它来得太快。我从不想未来，它来得太快。-爱因斯坦（美国）爱因斯坦（美国）等你们六十岁的时候，你们就会珍惜由你们支配的每一个钟头了。等你们六十岁的时候，你们就会珍惜由你们支配的每一个钟头了。-爱因斯坦（美国）爱因斯坦（美国）世界上，宇宙中，有多少难解的谜啊世界上，宇宙

27、中，有多少难解的谜啊还是抓紧时间工作吧！还是抓紧时间工作吧！-爱因斯坦（美国）爱因斯坦（美国）即使上帝也无法改变过去。即使上帝也无法改变过去。-亚里士多德（希腊）亚里士多德（希腊）最有希望的成功者，并不是才干出众的人而是那些最善于利用每一时机去发掘开拓的人。最有希望的成功者，并不是才干出众的人而是那些最善于利用每一时机去发掘开拓的人。-苏格拉底（希腊）苏格拉底（希腊）当许多人在一条路上徘徊不前时，他们不得不让开一条大路，让那珍惜时间的人赶到他们的前面当许多人在一条路上徘徊不前时，他们不得不让开一条大路，让那珍惜时间的人赶到他们的前面去。去。-苏格拉底（希腊）苏格拉底（希腊）一生没有虚过，可以愉

28、快地死，如同一天没有虚过，可以安眠！一生没有虚过，可以愉快地死，如同一天没有虚过，可以安眠！-达达芬奇（意大利）芬奇（意大利）希望是永远达不到的，因此，人才希望，追求希望。希望是永远达不到的，因此，人才希望，追求希望。-富兰克林（美国）富兰克林（美国）从事一项事情，先要决定志向，志向决定之后就要全力以赴毫不犹豫地去实行。从事一项事情，先要决定志向，志向决定之后就要全力以赴毫不犹豫地去实行。-富兰克林（美国）富兰克林（美国）希望是生命的源泉，失去它生命就会枯萎。希望是生命的源泉，失去它生命就会枯萎。-富兰克林（美国）富兰克林（美国）以希望为生的人，将绝食而死。以希望为生的人，将绝食而死。-富兰克

29、林（美国）富兰克林（美国）每个人都有一不的理想，这种理想决定着他的努力判断的方向。就在这个意义上，我从来不把安逸和享乐看做是生活目的的本身每个人都有一不的理想，这种理想决定着他的努力判断的方向。就在这个意义上，我从来不把安逸和享乐看做是生活目的的本身-这种基础，我叫它猪栏的理想。照亮我的道路，并且不断地给我新的勇气去愉快地正视生活的理想，是善、美、真。这种基础，我叫它猪栏的理想。照亮我的道路，并且不断地给我新的勇气去愉快地正视生活的理想，是善、美、真。-爱因斯坦（美国）无论何时，不管怎样，我也绝不允许自己有一点灰心丧气。爱因斯坦（美国）无论何时，不管怎样，我也绝不允许自己有一点灰心丧气。-爱迪

30、生（美国）爱迪生（美国）对我来说，信念意味着不担心。对我来说，信念意味着不担心。-杜威（美国）杜威（美国）希望贯穿一切，临死也不会抛弃我们。希望贯穿一切，临死也不会抛弃我们。-波普（美国）波普（美国）希望永远在人的胸膛汹涌。人要经常感觉不是现在幸福，而是就要幸福了。希望永远在人的胸膛汹涌。人要经常感觉不是现在幸福，而是就要幸福了。-波普（美国）波普（美国）毫无理想而又优柔寡断是一种可悲的心理。毫无理想而又优柔寡断是一种可悲的心理。-培根（英国）培根（英国）只有知道了通往今天的路，我们才能清楚而明智地规划未来。只有知道了通往今天的路，我们才能清楚而明智地规划未来。-斯蒂文生（英国）斯蒂文生（英国）