产品的设计和用户体验

o 用标准组件

能用标准控件的，不自己画控件 （一个 button ，就有

focused,selected, up/down,enabled/disabled,tab 顺序等多种状态要

画和处理，不容易的，而且要考虑浏览器兼容）

能用文字的，不用图片（加图片是要申请的）

保持尽可能少的格式式样

o 维持统一

就算字体和行间距等小细节都应该关注到

英文字体 Tahoma

32. 视觉设计—重点突出

o 每个页面（板块）只有一块视觉重点。并且，突出重点，不让用户去找。

原来的设计排版不对，有一横条的压着的情况黄色块就不能加框，

视觉会很繁杂看着不舒服，句号也是多余的

原来方案 目前方案 ·

Pony ：在设置了独立密码的情况下 , 当登陆到需要输入独立密码时 , 总是先出来输入框 , 此时已可输入 , 我经常是立刻输入 , 但打了几个字母后上面 , 才瞬间出现上面的黄色提醒 " 请输入独立保护密码 ", 而会导致输入框位置立刻下压 , 比较影响输入 . 最好能改一改 html 里的结构 , 能够快速让人立刻输入 ( 越快越好 ) 的基础上 , 其他显示的可以慢些 load 到但不应影响其他部件的改变 .

33. 视觉设计—防止不恰当的低龄化

o 在追求“简单”的过程中， QQMail 不知不觉的变得“中性”、“成熟”化。

o 当我们更加理性和严谨地设计产品的时候，自然会远离“低龄”倾向。“成熟”

源自合理的设计，“低龄”源自不合常理的设计。

不恰当的低龄化

34. 小结

o 视觉设计

传播产品理念

大气成熟，干净整洁，工具化

规范与统一

重点突出

防止不恰当的低龄化

35. 补充： QQMail 和 QQ 影音体验成功的关键点

o QQMail 总结起来，做到了：快速，稳定，功能强，体验好

快速： QQMail 登录速度是同类产品最快的，最初“简捷版”的诉求

就是“简单，快速”

稳定：一直在努力中

功能强：不一定做很多功能，但做了的要做到最好

体验好：只有贯穿产品设计， UI 设计，技术设计与实现，才能保

证好的体验

o QQ 影音低调推出后，外界反响普遍不错，是我们桌面产品比较成功的一个。

成功的关键是产品的基本功 - 播放功能比较扎实，

如硬指标是对多种格式的支持、硬件加速后高清视频的 CPU

和内存占用

视频的色彩、清晰度、流畅度等。