《产品设计与用户体验Good(来自腾讯CEO马化腾的)费》精选课件.ppt

视觉设计—传播产品理念 只有当我们对产品抱有一个完美的理念和愿景的时候，我们才能做出优美的设计来体现理念 “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：功能全面，体验细致 总结：需要关注的体验理念 交互设计 Dont make me think 符合用户习惯与预期 做适时的提醒 不强迫用户 选择最佳方案 操作便利 视觉设计 传播产品理念 大气成熟，干净整洁，工具化 规范与统一 重点突出 防止不恰当的低龄化 产品设计 口碑传播 少即是多 兼容性 无所不用其极 关注性能和速度 抓住高端用户 大气的设计 满足用户个性化需求 寻求差异 运营 不稳定会“功亏一