产品的设计和用户体验

以前的方案 现在的方案

27. 交互设计—操作便利

o 鼠标响应区域的大小，灵敏度和精确度，直接影响操作体验

示例： QQMail ，业务导航区， QQ 音乐

QQ 影音的快捷播放按钮： 最初的设计改为方形扩大点击区域，考

虑性能去掉按钮显示

最初的设计 优化后 最后

鼠标动作需要精确的判断，捕捉用户意图（如： QQ 影音的鼠标左

键点击的精确判断）

左键单击画面可以移动窗口

没有移动窗口时左键弹起才暂停画面，移动范围少于一定数

值算暂停

右键菜单出现后的左击画面不执行暂停，视为取消右键菜单

28. 小结

o 交互设计

Don't make me think

符合用户习惯与预期

做适时的提醒

不强迫用户

选择最佳方案

操作便利

29. 视觉设计—传播产品理念

o 只有当我们对产品抱有一个完美的理念和愿景的时候，我们才能做出优美的

设计来体现理念

o “ QQ 邮箱，常联系”是我们的愿景。这个愿景需要完美的产品设计，优秀的

技术实现，和优质运营来达到

o “ 封面画和选词，呼应邮件含义，淡雅而不张扬”

30. 视觉设计—干净，简洁，工具化

o “ 推广”很重要，“简洁”也很重要，因此舍“推广”而取“简洁”

语音邮箱放到邮箱登录后的邮箱首页右上角，但太重 hardsell 了，

会影响一些速度和简洁性

o 不多用一个图片

在好友 Qzone 文章的摘要前加头像，感觉会破坏阅读感（容易吸引

眼球到头像而非文章），而从关注好友的角度，头像能突出好友。但

给用户 2 个图片，用户看哪个呢？

o 工具化设计意味着清晰的逻辑和操作。不是内容越多越好，是越简单越好。

31. 视觉设计—制定规范，维持统一

o 文字使用要规范，语法，大小，颜色，大小写都需要注意

能用一个词表达的，不用一句话。能用一句话表达清楚的，不用两

句话

每个概念都只有唯一一种表达。如” VIP” 的概念

能用一种字体颜色的，不多用一种颜色

能用一种字体大小的，不多用一种大小