《产品设计与用户体验By马化腾》精选课件.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 符合用户习惯与预期 做适时的提醒 不强迫用户 选择最佳方案 操作便利 视觉设计 传播产品理念 大气成熟，干净整洁，工具化 规范与统一 重点突出 防止不恰当的低龄化 产品设计 口碑传播 少即是多 兼容性 无所不用其极 关注性能和速度 抓住高端用户 大气的设计 满足用户个性化需求 寻求差异 运营 不稳定会“功亏一篑” 跟踪用户定位问题 抗灾容灾能力 谢谢 去除PPT模板上的--无忧PPT整理发布的文字 首先打开PPT模板，选择视图，然后选择幻灯片母版 然后再在幻灯片母版视图中点击“无忧PPT整理发布”的文字文本框，删除，保存即可 更多PPT模板资源，请访问无忧PPT网站-- 使用时删除本备注即可 展示您的作品,PPT模板作品投稿绿色通道 :chinappt2011@ 将此幻灯片插入到演示文稿中 将此模板作为演示文稿（.ppt 文件）保存到计算机上。 打开将包含该图像幻灯片的演示文稿。 在“幻灯片”选项卡上，将插入点置于将位于该图像幻灯片之前的幻灯片之后。（确保不要选择幻灯片。插入点应位于幻灯片之间。） 在“插入”菜单上，单击“幻灯片（从文件）”。 在