产品设计与用户体验--马化腾课案.ppt

视觉设计—制定规范，维持统一 文字使用要规范，语法，大小，颜色，大小写都需要注意 能用一个词表达的，不用一句话。能用一句话表达清楚的，不用两句话 每个概念都只有唯一一种表达。如”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 符合用户习惯与预期 做适时的提醒 不强迫用户 选择最佳方案 操作便利 视觉设计 传播产品理念 大气成熟，干净整洁，工具化 规范与统一 重点突出 防止不恰当的低龄化 产品设计 口碑传播 少即是多 兼容性 无所不用其极 关注性能和速度 抓住高端用户 大气的设计 满足用户个性化需求 寻求差异 运营 不稳定会“功亏一篑” 跟踪用户定位问题 抗灾容灾能力 谢谢 Pony：如果我们开发有余力，用这个做差异化和高端化卖点倒是不错，未必有多少人用，但能影响人。 说明：IMAP是一种比POP3更高级的通信协议，不过因为技术门槛较高，往往只有一些专业技术人士了解和应用。广研也比较犹豫是否该做，但pony给了我们信心和指引——”差异化和高端化卖点”，该功能推出后，用户反应热烈，认为“这是专业邮箱的表现”。在QQ邮箱中还有很多，可能使用人数不多，但口碑较好的功能特性。譬如：自动转发、smtp发信自动保存服务器等。 Pony：“我们一直没启动https安全模式，这里的性能耗费会多多少评估一下，或如cpu不是瓶颈，我们应该补上，从评论中看出一些用户未这点仍然未接受qqmail。 ” *