该文档总结了 Pony 对 QQMail 产品设计、用户体验和交互设计的深刻见解，强调了简洁性、一致性和用户友好性。Pony 提出的原则包括‘尽可能简单’和‘让功能存在于无形之中’，并在具体设计中考虑用户习惯、视觉统一和细节的重要性。文中还提到了一些技术实现和用户反馈的建议，以提升产品的竞争力和用户满意度。

1. Pony 对 QQMail 的邮件摘录 2008.12 广研整理

2. 说明 本 PPT 案例来自 Pony 对 QQMail 发出的产品相关邮件。从 1000 多个往来邮件中抄录的部分内容。 Pony 参与了 QQMail 绝大部分的特性决策，熟知 QQMail 的最细节的体验和设计，成为 QQMail 团队非常重要的“设计师”。 其中， Tips 是广研所加，不一定对 pony 想法理解正确，仅供参考。 内容请勿外传。

3. Pony 精彩观点归纳 交互设计：“ Don’t make me think!” 美术设计：“尽可能简单” 产品设计：“让功能存在于无形之中” 运营要求：“不稳定会功亏一篑！” 总体要求：“快速，稳定，功能强，体验好” 发现需求：勤看 BBS 和 Blog

4. UI 美术与视觉 “尽可能简单”

5. UI 视觉：将理念传递给用户 Pony: “ 封面画和选词，呼应邮件含义，淡雅而不张扬” Tip ： 只有当我们对产品抱有一个完美的理念和愿景的时候，我们才能做出优美的设计来体现理念。 “ QQ 邮箱，常联系”是我们的愿景。这个愿景需要完美的产品设计，优秀的技术实现，和优质运营来达到。

6. UI 视觉：用标准组件 Pony ：“用标准 button 很好！” Tip ：广研的 UI“ 原则”： 1 ，能用标准控件的，不自己画控件 （一个 button ，就有 focused,selected, up/down,enabled/disabled,tab 顺序等多种状态要画和处理，不容易的，而且要考虑浏览器兼容） 2 ，能用文字的，不用图片（加图片是要申请的）。 3 ，能用一句话表达清楚的，不用两句话。 4 ，能用一个词表达的，不用一句话。 5 ，能用一种字体颜色的，不多用一种颜色。 6 ，能用一种字体大小的，不多用一种字体大小。 7 ，保持尽可能少的格式式样。

7. UI 视觉：统一性（一致性） Pony ：“ UI 要统一。” Pony ： “部分 UI 不够统一，在“设置”里的 menu 行的字体目前是 9 号粗体，这里应该改为大一号粗体比较合适吧。字体调大时，行间距相应增加。” Tip ： 原来这里的字体太小，违背了字体统一原则。

8. UI 视觉：干净的界面 Pony ：“喜爱 qqmail 的很多用户有不少是比较喜欢干净的。” Tip ： QQMail 默认就没有再点亮 QQ TIPS 面板图标

9. UI 视觉： “ 成熟风格 ” Pony ：“皮肤这里的次序稍微调整一下，把最好的如 iskin 调前一些，也开发多一些类似这种成熟风格的。和青春类型的起码比例差不多。” Tip ： 在追求“简单”的过程中， QQMail 不知不觉的变得“中性”、“成熟”化。 当我们更加理性和严谨地设计产品的时候，自然会远离“低龄”倾向。“成熟”源自合理的设计，“低龄”源自不合常理的设计。

10. UI 视觉：从多种方案中找到最佳 Pony ：“收到带附件的信在上面提示得不够好，如果才是 1-2 个附件，完全可以把附件名全部显示出来。上面下面都显示。“ 以前： 现在： Tip ：附件的位置，也是在 pony 讨论中上下左右都放了一遍，最终选择顶上的带文件名的一行。 看起来很小的细节，也是需要对多种方案反复斟酌，才能做出最佳选择。

11. UI 视觉：保持简洁（首页推广） pony ：“看到 qqmail 语音邮箱放到邮箱登录后的邮箱首页右上了，但太重 hardsell 了，会影响一些速度和简洁性。” Tip ：“简洁”很重要，“推广”也很重要，舍“推广”而取“简洁”也。

12. UI 视觉：保持简洁（加锁） Pony ：“没有必要搞这么大明显的一块来提示吧？破坏了整体的简洁感。”“总之还是尽量保持清爽，少用的不要放出来。” 以前： 现在： Tip ： 不多用一个色块！

13. UI 视觉：不多用一个图片 Pony ：“默认肯定是不加（头像）的。 可以考虑开发出来在 option 里让用户自己选择加。 ” TIP ： 我们在讨论是否要在好友 qzone 文章的摘要前面加头像的问题。感觉头像会破坏阅读感（容易吸引眼球到头像而非文章），但从关注好友的角度，头像能突出好友。 最终我们还是不敢给 QQ 好友姓名前加上头像。 给用户 2 个图片，用户看哪个呢？

14. UI 视觉：文字要规范 Pony ：“登录页上方的“ vip 帐号登陆”改为大写 "VIP 帐号登陆”好看一些。 ” Tip ： 文字原则之一：每个概念都只有唯一一种表达。

15. UI 视觉：避免广告骚扰 Pony ：“这是谁发出来的广告信？先不说排版乱效果不好，我们目前的政策是禁止未经用户订阅擅自在 qqmail 里群发业务广告信。请核实。 ” Tip ： 即使是广告信，也得做得排版漂亮一点吧。

16. UI 视觉：慎用红色 Pony ：“ （新） 字弱化一些，不要用红色，灰色吧。 ” Pony ：“这个新功能毕竟用起来的人不多，给人过多压迫感了。 ” Tip ： 本来是用一个红色的“新”来推广新功能的。 UI 原则之一： 红色只用在严重错误或警告中，禁止用来吸引眼球。 同样，动画图片也是禁止的。 QQMail 中没有动画图片。

17. UI 视觉：突出一个重点 Pony ：“象这种布局，有一横条的压着的情况黄色块就不能加框，视觉会很繁杂。 ” 以前： 现在： Tip ： UI 原则之一：每个页面（板块）只有一块视觉重点。并且，突出重点，不让用户去找。

18. UI 交互 “ Don’t make me think ！”

19. UI 交互：工具化设计 Pony: 网站部，“多点像 QQMail 这样工具化的设计” Tip ： 工具化设计，意味着，清晰的逻辑和交互。 不是内容越多越好，是交互越简单越好。 让用户一次只做一件事情。

20. UI 交互：交互的 “ 枢纽 ” Pony: “ 返回”的位置和做法很重要！ Tip ： QQMail 的“返回”按钮，经过 pony 好几次的设计上的来回，最终成为这个位置的这个 button 。 小小一个“返回”，其实是整个 QQMail 的交互的“枢纽”，如同围棋中的“玉柱”，也定义了邮箱的交互风格。

21. UI 交互：自动选中 Pony ：“在输入独立密码错误或加密 folder 输入密码时，错误后，应该把输入框内的内容 select 上，这样就可以直接打入而不用清除了。 ” Tip ： 这种细节，我们的 UI 都会忽略…这是可以作为 UI 的 checklist 的。

22. UI 交互：光标定位 Pony 说：之前的点 " 回复 " 时光标 focus 到正文的问题改好了 , 但却没有注意到点 " 转发 " 时光标 , 反而应是在 " 收件人 " 处而不是正文处 , 因为一般总要填写转发人 , 而回复 ( 包括回复全部 ) 则是直接输入内容 . Tip ： 要检查每个有输入框的页面，看光标是否在正确的位置！ 学习客户端的一些 checklist: Tab order, 快捷字符，选中状态， focus 状态，等等

23. UI 交互：保持用户习惯（右键粘贴） Pony ：在用 TT 或 QQ/TM/RTX 截屏后的图 , 在写信时用 Ctrl-V 可以 paste 出来，但 rightclick 则不能。 Pony ：在外面截图后在 qqmail 编辑框里可以 mouse rightclick paste 了，这里终于改了，不错。 Tip ： 这个用户习惯（鼠标右键菜单的“粘贴”功能），兼容得很不容易，不过在 pony 多次敦促下，我们最终通过技术手段做到了，即使在 QQ 中截屏的图片，也能在邮箱里用右键菜单来粘贴。

24. UI 交互：保持用户习惯（查看附件） Pony ：“不要随意去掉用户正在使用的功能。” Tip ： 我们作出了“ HTML 方式查看”后，去掉了“打开”功能，被 pony 察觉。

25. UI 交互： “ 适时出现的功能 ” Pony ：“当未读邮件过多时，提示删除历史邮件” Tip ： “ 适时出现的提示或功能”，用得好，不但不会骚扰用户，还是对用户的细致的关怀。 发完邮件的页面，我们也会适时提醒用户“还可以做什么”，即是功能推荐，也是用户关怀。

26. UI 交互：不破坏主页面 Pony ：“让聊天窗口随时可消失（点其他地方就自动消失）。 ” Tip ： 保持主界面的稳定感，让 webqq 成为一个极为轻量的弹出窗口。

27. UI 交互：每个细节都做到最好 Pony ：“昨天提到的登陆页时当输入帐号为数字时才显示需要输入图片验证码这里希望能早些改好 . 而且在输入图片验证旁要提示“不区分大小写”。 ( 许多体贴一些的网站都会提示 ) ” Pony ：“我们要在每一个细节都做到最好。 ” Tip ： 一个优秀的产品，应该是由上千个精心设计的细节体验构成的。 完成一个功能很容易，做好这个功能的 100 个体验，很不容易啊！

28. UI ：不滥用 QQ 资源，保护用户体验 广研：是否要让 QQ 打包一个右键菜单“发送文件到邮件”占领用户的右键？ pony ：“这种强键右键的少搞为妙，为不到 1 ％的需求让 99 ％的人右键被染很不好。 ” Tip ： 虽然 QQ 拥有强大的推广资源（用户资源），但还是要保护这个资源。

29. 产品设计 “存在于无形之中”

30. 产品设计：做得越多越不好 Pony ：“做得越多越不好” Pony: “ 用户价值不会因为是统一了（大而全）而体现的，而是每一个单项是否能真正赢得用户的喜爱。 ” TIP ： 我们经常告诫自己，是不是做得太多了。 “ 简单”的核心在于，做好最核心的 10 个，放弃其它的 90 个。 技术人员总希望将每个需要的不需要的功能铺在面板上让用户看到。 好的产品总是让用户看不到技术的存在。

31. 产品设计：存在于无形之中 Pony ：“群邮件，普通邮件如能打通，真正做到让功能存在于无形之中，不给用户多余的概念去理解”。 TIP ： “ 存在于无形之中”，我们认为是 PM 的最高境界。用户需要去学习和理解功能吗？不需要。 当然，我们现在很多地方还做不到，结果出现，多一个功能，就多一个概念要用户去学习。“存在于无形之中”也是对技术的一个挑战。用户是不会去理解技术上的制约的。 优秀的技术，往往隐藏在极大的“易用性”后面。

32. 产品设计：体现好产品的威力 Pony:“ 不想借助一些 promotion 手段，想看用户自然传播的结果，更加坚实一些。” “ 体现好产品的威力” “ 能搭好一个平台看着用户数“自动”增长是多么爽的感觉！让我们每天都想想能做些什么不“打扰”增长的势头，持续的爽下去。” “ 自然传播的好口碑，比什么都重要” TIP ： QQ 有这么多用户，还需要其它推广措施吗？ 我们不缺进来的用户，通过优秀的体验留住用户，才是我们的重点。 口碑是可以通过优秀的产品体验积累起来的。

33. 产品设计：抓住高端用户（ IMAP ） Pony ： “做差异化和高端化卖点倒是不错，未必有多少人用，但能影响人。如 IMAP4 功能。 ” Tip ： 只有我们和 GMail 做了免费的 IMAP 服务！

34. 产品设计：抓住高端用户（搜索） Pony ：“哪家邮箱能做到必然会对此高级用户（很可能是意见领袖型的用户）有很大的口碑 （ IMAP ，邮件搜索，并且是满足最挑剔的高端用户的需求） ” Tip ： 我们是国内第一家支持邮件全文搜索的邮箱。 搜索，你一年可能只用一次，可是你这一次想用的时候用不了，就…

35. 产品设计：抓住高端用户（ SSL ） Pony ：“我们一直没启动 https 安全模式，这里的性能耗费会多多少评估一下，或如 cpu 不是瓶颈，我们应该补上，从评论中看出一些用户未这点仍然未接受 qqmail 。 ” Tip ： 希望你看到此 PPT 时，我们的 SSL 已经上线了。

36. 产品设计：不妨大度一些（其它邮箱发送人） Pony ：“我们可以大气一些”，“有用户价值我们就应该这么做。” Pony ：“我们不妨大度一些。赢得高端挑剔用户的口碑。 ” Pony ：“如果 CE 结果是希望用对应 pop 作为发件人，那就默认把这个 option 打上吧。 ”

37. 产品设计：不妨大度一些 Pony: “ 自动转发也提供吧” Pony ：“ SMTP 发送也自动保存到发件箱” Pony ：“升级到 50M 附件（业界最大）” Tip ： 产品体验和大度同步发展了

38. 产品设计：关心更多人（视障模式） Pony ：有空可以看看这个模式（视障）的支持。虽然是小众，但比较有意义。 http://blog.sina.com.cn/s/blog_4eaa91130100bka2.html Tip ： 张艺谋办奥运开幕式，说，“一个强大的国家才能浪漫。” 一个强大的产品，才能关注更多人，才能去体现浪漫情怀。

39. 产品设计：“无所不用其极”（对核心壁垒性功能） Pony ：“希望我们在这里的建设要无所不用其极，什么方法都要想，加快速度。只要在文件传送这一点形成强大的难以逾越的实用性口碑，最终的胜算就大增。” Pony ：“我想我们还是抓紧把超高速上传布局好，这里还是有机会在我们传文件快这个口碑上建立壁垒的。这里需要大量 IDC 布局和 server 调度程序建立门槛。” Pony ：“总之希望在承受范围内尽量强化这里的吸引力，打造国内最一流的文件平台。” Tip ： 建立核心功能的技术和体验壁垒，很重要！

40. 产品设计：兼容各种浏览器 IE Firefox Chrome Safari Opera Tip ： Chrome 发布后几天， pony 就开始要求 QQMail 兼容 Chrome 了。 QQMail 一直是同时支持这些浏览器的。

41. 产品设计：“聪明”的体验 Pony ：“另外可能一个比较有难度的建议（以前也提过但解决不了），就是在输入收件人时，但自动匹配出来几个若干选择时，如果能通过之前大致记录某些联系人 email 的发信次数的频次统计，按频次排序，用得多的 email 在前面，会更加便于选择，直接敲回车就选上了，不用在按下箭头挑选。当然这里要平衡系统 负荷，看有无有极低负荷只要有定性判断不需要精确定量判断的方法。” Tip ： 先字母排序，再优先显示最近联系人，减少键盘操作。 这么细的体验，但一旦用上，就觉得别的同类产品很粗糙了！别的邮箱做到了吗？ No 。

42. 产品设计：体现最强的技术 Pony ：“对手机邮件客户端，需要一些协议级底层研究，最少流量的状态同步，向 Blackberry 看齐。” Tip ： 优秀的技术实现 + 优秀的产品体验 = 优秀的产品 中国最优秀的手机 mail client 即将出台，敬请期待 ！ 

43. 产品设计：国际品质 Pony ：“邮件内全文 search 这里相信在我们国际化（如印度等） mail 服务时和 gmail 等顶级 mail 服务商对比时，一定会被关注到的重要 feature 。” Tip ： 很惭愧，我们的英文版虽然在印度和越南被使用，但在国内版本还未能提供“英文版”选项。

44. 跨业务：核心业务应允许多终端访问 Pony ：“这些用户丢了就丢了，如能满足其需求，对 Qzone SNS 信息更新集散中心的 SNS 核心地位是绝对有帮助的。” Tip ： 我们也希望“阅读空间”和 Qzone 能形成互补。

45. 需求、开发与运营

46. 发现需求：勤看 BBS 和 Blog 每周都有用户反馈的帖子转过来。 Pony ：“发现 lake 的脚印。 ” “ 每天要有人看 support 。” Tip ： Pony 很多的邮件是转发用户的声音。 倾听用户才是最重要的。 推荐用“阅读空间”订阅 blog 搜索结果的 RSS ，来关注自己的产品。

47. 实现：敏捷推进 Pony ：“对很多的用户反馈意见，这些都是容易做的又很实际的建议，希望尽快落实。” TIP ： 有很多的小体验，都被我们 2 周一次的版本升级给消化掉了。 敏捷的前提，是要有一个能够敏捷改进的技术平台，是对技术的挑战。

48. 运营：不稳定会“功亏一篑”！ Pony ：“我们的运营真不能再出问题了。 ” Pony ：“稳定性最近确实不好， IDC 和应用抗故障两方面都要加强，否则功亏一篑。 ” Tip ： 07 年我们出了一些运维故障。 现在我们通过核心的系统和业务数据异常波动来发现问题。

49. 总体要求：快速，稳定，功能强，体验好 Pony ：“ QQMail 总结起来，做到了：快速，稳定，功能强，体验好” 快速： QQMail 的登录速度是同类产品最快的，最初“简捷版”的诉求就是“简单，快速” 稳定：一直在努力中 功能强：不一定做很多功能，但做了的要做到最好 体验好：只有贯穿产品设计， UI 设计，技术设计与实现，才能保证好的体验。 Tip ： QQMail ，进步中。 更多精彩，敬请期待。。。