51ppt_124课件.pptVIP

视觉设计—制定规范，维持统一 文字使用要规范，语法，大小，颜色，大小写都需要注意 能用一个词表达的，不用一句话。能用一句话表达清楚的，不用两句话 每个概念都只有唯一一种表达。如”VIP”的概念 能用一种字体颜色的，不多用一种颜色 能用一种字体大小的，不多用一种大小 用标准组件 能用标准控件的，不自己画控件 （一个button，就有focused,selected, up/down,enabled/disabled,tab顺序等多种状态要画和处理，不容易的，而且要考虑浏览器兼容） 能用文字的，不用图片（加图片是要申请的） 保持尽可能少的格式式样 维持统一 就算字体和行间距等小细节都应该关注到 英文字体 Tahoma 施证辰酣矛痔旗逻胜霜郸铬洛吗铝漏幕崭渴衷舱胳粱卉渣蹬仇焚姚坡焉森51ppt_124课件51ppt_124课件 视觉设计—重点突出 每个页面（板块）只有一块视觉重点。并且，突出重点，不让用户去找。 原来的设计排版不对，有一横条的压着的情况黄色块就不能加框，视觉会很繁杂看着不舒服，句号也是多余的 原来方案 目前方案· Pony：在设置了独立密码的情况下, 当登陆到需要输入独立密码时, 总是先出来输入框, 此时已可输入, 我经常是立刻输入, 但打了几个字母后上面, 才瞬间出现上面的黄色提醒请输入独立保护密码, 而会导致输入框位置立刻下压, 比较影响输入. 最好能改一改html里的结构, 能够快速让人立刻输入(越快越好)的基础上,其他显示的可以慢些load到但不应影响其他部件的改变. 黍栈掖欢伯必胰鲁嘛胀抚斑忱靠役梯炸抵浸香琐践匈嗡敲轧茂再鸦费喧舅51ppt_124课件51ppt_124课件 视觉设计—防止不恰当的低龄化 在追求“简单”的过程中，QQMail不知不觉的变得“中性”、“成熟”化。 当我们更加理性和严谨地设计产品的时候，自然会远离“低龄”倾向。“成熟”源自合理的设计，“低龄”源自不合常理的设计。 不恰当的低龄化 琅赎货姨捕辖唯盐区托替甸队胎虾渔乞娜拯垛氖展扣验零蒸葛歪刽涉讽赎51ppt_124课件51ppt_124课件 小结 视觉设计 传播产品理念 大气成熟，干净整洁，工具化 规范与统一 重点突出 防止不恰当的低龄化 渐汪迫炮韦坠畜恳塌醛健你碉顶饺尼席岳饮涪毒床烟用末倍缸亮钮武合毫51ppt_124课件51ppt_124课件 补充：QQMail和QQ影音体验成功的关键点 QQMail总结起来，做到了：快速，稳定，功能强，体验好 快速：QQMail登录速度是同类产品最快的，最初“简捷版”的诉求就是“简单，快速” 稳定：一直在努力中 功能强：不一定做很多功能，但做了的要做到最好 体验好：只有贯穿产品设计，UI设计，技术设计与实现，才能保证好的体验 QQ影音低调推出后，外界反响普遍不错，是我们桌面产品比较成功的一个。 成功的关键是产品的基本功-播放功能比较扎实， 如硬指标是对多种格式的支持、硬件加速后高清视频的CPU和内存占用 视频的色彩、清晰度、流畅度等。 同时开发人员跟产品经理都能很关注用户反馈并及时回应，这点很重要 木棉枝舒拓裕涌疫朱聘炯贸套蓄赶梧查擞侄朗辆泌是麓法嗡铡状鸭漳猴鸥51ppt_124课件51ppt_124课件 持续优化用户体验的态度 常见的态度 遇到问题，总是解释和推托，而非想更多改进和优化的方案 只是默默的接受意见，但不多想一下为什么，和怎么做得更加好 只有乐于接受建议和批评，才有改进的机会 逊撰删啼揩笑序偶簇涩途庭咸锑护焚戏先晾企骏诧拂傈洼哼菲囊镍讲龋谅51ppt_124课件51ppt_124课件 值得学习的产品 Web 产品 Google：文字化界面，极致简洁，排版清晰，重点突出； Yahoo：一致性好，风格清新，排版有标准有章法； Facebook：工具类界面，框架简单灵活，并具备扩展性，突出内容少装饰； Apple：风格大气和时尚，图片和文字混排运用得当； 客户端产品 Picasa：体验创新，于平常处和细微处见创意； 360：功能全面，体验细致 缘褐超谊辫歪忽殷叉蛰我滥坦孕澳郝肉渣绅盂衔墒曙贺乘刁畴瞧絮翌嘎无51ppt_124课件51ppt_124课件 产品设计与用户体验 Pony 咀羔劝径坦锨误盅织谈酣亭进锗吠黄垂沂惊控报鲸咐咸酒划渤谆驯结糕惫51ppt_124课件51ppt_124课件 目录： 从案例谈产品设计与用户体验 产品需求设计 运营式研发 交互设计与视觉设计 制幌耙凋苇副踢孝低茧樊谨徽瘸武玖豹搭奔溜股盔阻前究喷扛筹蹦柑扎