Embed Size (px)
Citation preview
Pony 对 QQMail 的邮件摘录
2008.12 广研整理
说明
•本 PPT案例来自 Po ny 对 QQMail发出的产品相关邮件。从 1000 多个往来邮件中抄录的部分内容。
• Po ny 参与了 QQMail绝大部分的特性决策，熟知 QQMail的最细节的体验和设计，成为QQMail “ ”团队非常重要的 设计师 。
•其中， Tips 是广研所加，不一定对 po ny 想法理解正确，仅供参考。
•内容请勿外传。
Pony 精彩观点归纳
• “交互设计： Don’t make me think!”• “ ”美术设计： 尽可能简单• “ ”产品设计： 让功能存在于无形之中• “ ”运营要求： 不稳定会功亏一篑！• “ ”总体要求： 快速，稳定，功能强，体验好•发现需求：勤看BBS和Blog
UI 美术与视觉
“尽可能简单”
UI 视觉：将理念传递给用户
• Pony: “封面画和选词，呼应邮件含义，淡雅而” 不张扬
Tip：
只有当我们对产品抱有一个完美的理念和愿景的时候，我们才能做出优美的设计来体现理念。
“QQ ”邮箱，常联系 是我们的愿景。这个愿景需要完美的产品设计，优秀的技术实现，和优质运营来达到。
UI 视觉：用标准组件
• Pony “： 用标准 button ”很好！
Tip：广研的UI“ ”原则 ：
1 ，能用标准控件的，不自己画控件 （一个 button，就有 focused,selected, up/down,enabled/disabled,tab顺序等多种状态要画和处理，不容易的，而且要考虑浏览器兼容）
2，能用文字的，不用图片（加图片是要申请的）。
3，能用一句话表达清楚的，不用两句话。
4，能用一个词表达的，不用一句话。
5，能用一种字体颜色的，不多用一种颜色。
6，能用一种字体大小的，不多用一种字体大小。
7，保持尽可能少的格式式样。
UI 视觉：统一性（一致性）
• Pony “： UI ”要统一。• Pony “： 部分UI “ ”不够统一，在 设置 里的menu行的字体目前是 9号粗体，这里应该改为大一号粗
”体比较合适吧。字体调大时，行间距相应增加。
Tip：
原来这里的字体太小，违背了字体统一原则。
UI 视觉：干净的界面
• Pony “： 喜爱 qqmail的很多用户有不少是比较喜”欢干净的。
Tip：
QQMail默认就没有再点亮QQ TIPS面板图标
UI 视觉：“成熟风格”
• Pony “： 皮肤这里的次序稍微调整一下，把最好的如 iskin调前一些，也开发多一些类似这种成熟
”风格的。和青春类型的起码比例差不多。
Tip：
“ ”在追求 简单 的过程中，QQMail “不知不觉的变得
” “ ”中性 、 成熟 化。
当我们更加理性和严谨地设计产“ ”品的时候，自然会远离 低龄 倾
“ ” “向。 成熟 源自合理的设计，”低龄 源自不合常理的设计。
UI 视觉：从多种方案中找到最佳• Pony “： 收到带附件的信在上面提示得不够好，如果才是 1-2个附件，完全可以把附件名全部显
“示出来。上面下面都显示。
以前：现在：
Tip：附件的位置，也是在 pony讨论中上下左右都放了一遍，最终选择顶上的带文件名的一行。
看起来很小的细节，也是需要对多种方案反复斟酌，才能做出最佳选择。
UI 视觉：保持简洁（首页推广）• pony “： 看到 qqmail语音邮箱放到邮箱登录后的邮箱首页右上了，但太重 hardsell了，会影响一
”些速度和简洁性。
Tip “ ” “： 简洁 很重要，” “推广 也很重要，舍 推
” “ ”广 而取 简洁 也。
UI 视觉：保持简洁（加锁）
• Pony “： 没有必要搞这么大明显的一块来提示吧”“？破坏了整体的简洁感。 总之还是尽量保持清”爽，少用的不要放出来。
以前： 现在：
Tip：
不多用一个色块！
UI 视觉：不多用一个图片
• Pony “ ： 默认肯定是不加（头像）的。 可以考虑开发出来在 option里让用户自己选择加。 ”
TIP：我们在讨论是否要在好友qzone文章的摘要前面加头像的问题。感觉头像会破坏阅读感（容易吸引眼球到头像而非文章），但从关注好友的角度，头像能突出好友。最终我们还是不敢给QQ好友姓名前加上头像。
给用户 2个图片，用户看哪个呢？
UI 视觉：文字要规范
• Pony “ “： 登录页上方的 vip ”帐号登陆 改为大写 "VIP ”帐号登陆 好看一些。 ”
Tip：
文字原则之一：每个概念都只有唯一一种表达。
UI 视觉：避免广告骚扰
• Pony “： 这是谁发出来的广告信？先不说排版乱效果不好，我们目前的政策是禁止未经用户订阅擅自在 qqmail里群发业务广告信。请核实。 ”
Tip：
即使是广告信，也得做得排版漂亮一点吧。
UI 视觉：慎用红色
• Pony “： （新）字弱化一些，不要用红色，灰色 ”吧。
• Pony “： 这个新功能毕竟用起来的人不多，给人 ”过多压迫感了。
Tip：
“ ”本来是用一个红色的 新 来推广新功能的。
UI原则之一：
红色只用在严重错误或警告中，禁止用来吸引眼球。
同样，动画图片也是禁止的。QQMail中没有动画图片。
UI 视觉：突出一个重点
• Pony “： 象这种布局，有一横条的压着的情况黄 ”色块就不能加框，视觉会很繁杂。
以前： 现在：
Tip：
UI原则之一：每个页面（板块）只有一块视觉重点。并且，突出重点，不让用户去找。
UI 交互
“ Don’t make me think ！”
UI 交互：工具化设计
• Pony: “网站部， 多点像QQMail这样工具化的设”计 Tip：
工具化设计，意味着，清晰的逻辑和交互。
不是内容越多越好，是交互越简单越好。
让用户一次只做一件事情。
UI 交互：交互的“枢纽”
• Pony: “ ”返回 的位置和做法很重要！
Tip：
QQMail “ ”的 返回 按钮，经过 pony好几次的设计上的来回，最终成为这个位置的这个 button。
“ ”小小一个 返回 ，其实是整个QQMail “的交互的” “ ”枢纽 ，如同围棋中的 玉柱 ，也定义了邮箱的交
互风格。
UI 交互：自动选中
• Pony “： 在输入独立密码错误或加密 folder输入密码时，错误后，应该把输入框内的内容 select
” 上，这样就可以直接打入而不用清除了。
Tip：
这种细节，我们的UI都会…忽略 这是可以作为UI的
checklist的。
UI 交互：光标定位
Pony说：之前的点 "回复 "时光标 focus到正文的问题改好了 ,但却没有注意到点 "转发 "时光标 ,反而应是在 "收件人 "处而不是正文处 , 因为一般总要填写转发人 , 而回复 (包括回复全部 )则是直接输入内容 .
Tip：
要检查每个有输入框的页面，看光标是否在正确的位置！
学习客户端的一些checklist:
Tab order, 快捷字符，选中状态， focus状态，等等
UI 交互：保持用户习惯（右键粘贴）• Pony：在用 TT或QQ/TM/RTX截屏后的图 ,在写信时用Ctrl-V可以 paste出来，但 rightclick则不能。
• Pony：在外面截图后在 qqmail编辑框里可以mouse rightclick paste了，这里终于改了，不错。
Tip：
“这个用户习惯（鼠标右键菜单的”粘贴 功能），兼容得很不容易，
不过在 pony多次敦促下，我们最终通过技术手段做到了，即使在QQ中截屏的图片，也能在邮箱里用右键菜单来粘贴。
UI 交互：保持用户习惯（查看附件）
Pony “ ”： 不要随意去掉用户正在使用的功能。
Tip：
“我们作出了 HTML方式查” “ ”看 后，去掉了 打开 功能，被 pony察觉。
UI 交互：“适时出现的功能”• Pony “ ”： 当未读邮件过多时，提示删除历史邮件
Tip：
“ ”适时出现的提示或功能 ，用得好，不但不会骚扰用户，还是对用户的细致的关怀。
“发完邮件的页面，我们也会适时提醒用户 还可”以做什么 ，即是功能推荐，也是用户关怀。
UI 交互：不破坏主页面
• Pony “： 让聊天窗口随时可消失（点其他地方就 ”自动消失）。
Tip：
保持主界面的稳定感，让webqq成为一个极为轻量的弹出窗口。
UI 交互：每个细节都做到最好• Pony “： 昨天提到的登陆页时当输入帐号为数字时才显示需要输入图片验证码这里希望能早些改好 . “而且在输入图片验证旁要提示 不区分大小写”。 (许多体贴一些的网站都会提示 ) ”
• Pony “ ”： 我们要在每一个细节都做到最好。Tip：
一个优秀的产品，应该是由上千个精心设计的细节体验构成的。
完成一个功能很容易，做好这个功能的 100个体验，很不容易啊！
UI ：不滥用 QQ 资源，保护用户体验
•广研：是否要让QQ “打包一个右键菜单 发送文件”到邮件 占领用户的右键？
• pony “： 这种强键右键的少搞为妙，为不到 1 ％的需求让 99 ” ％的人右键被染很不好。
Tip：
虽然QQ拥有强大的推广资源（用户资源），但还是要保护这个资源。
产品设计
“存在于无形之中”
产品设计：做得越多越不好
• Pony “ ”： 做得越多越不好• Pony: “用户价值不会因为是统一了（大而全）而体现的，而是每一个单项是否能真正赢得用户
”的喜爱。TIP：我们经常告诫自己，是不是做得太多了。“ ”简单 的核心在于，做好最核心的 10个，放弃其它的 90个。技术人员总希望将每个需要的不需要的功能铺在面板上让用户看到。好的产品总是让用户看不到技术的存在。
产品设计：存在于无形之中
• Pony “： 群邮件，普通邮件如能打通，真正做到让功能存在于无形之中，不给用户多余的概念去
”理解 。
TIP：“ ”存在于无形之中 ，我们认为是 PM的最高境界。用户需要去学习和理解功能吗？不需要。
当然，我们现在很多地方还做不到，结果出现，“多一个功能，就多一个概念要用户去学习。 存在
”于无形之中 也是对技术的一个挑战。用户是不会去理解技术上的制约的。
“ ”优秀的技术，往往隐藏在极大的 易用性 后面。
产品设计：体现好产品的威力
• Pony:“不想借助一些 promotion手段，想看用” 户自然传播的结果，更加坚实一些。
• “ ”体现好产品的威力• “ “ ”能搭好一个平台看着用户数 自动 增长是多么
“爽的感觉！让我们每天都想想能做些什么不 打” ”扰 增长的势头，持续的爽下去。
• “ ”自然传播的好口碑，比什么都重要
TIP：QQ有这么多用户，还需要其它推广措施吗？我们不缺进来的用户，通过优秀的体验留住用户，才是我们的重点。口碑是可以通过优秀的产品体验积累起来的。
产品设计：抓住高端用户（ IMAP ）• Pony “： 做差异化和高端化卖点倒是不错，未必有多少人用，但能影响人。如 IMAP4 ”功能。Tip：
只有我们和GMail做了免费的 IMAP服务！
产品设计：抓住高端用户（搜索）• Pony “： 哪家邮箱能做到必然会对此高级用户
（很可能是意见领袖型的用户）有很大的口碑（ IMAP，邮件搜索，并且是满足最挑剔的高端
”用户的需求）Tip：
我们是国内第一家支持邮件全文搜索的邮箱。
搜索，你一年可能只用一次，可是你这一次想用的时候用不了
…，就
产品设计：抓住高端用户（ SSL ）• Pony “： 我们一直没启动 https安全模式，这里的性能耗费会多多少评估一下，或如 cpu不是瓶颈，我们应该补上，从评论中看出一些用户未这点仍然未接受 qqmail ”。
Tip：
希望你看到此 PPT时，我们的SSL已经上线了。
产品设计：不妨大度一些（其它邮箱发送人）• Pony “ ” “： 我们可以大气一些 ， 有用户价值我们
”就应该这么做。• Pony “： 我们不妨大度一些。赢得高端挑剔用户
” 的口碑。• Pony “： 如果CE结果是希望用对应 pop作为发件人，那就默认把这个 option打上吧。 ”
产品设计：不妨大度一些
• Pony: “ ”自动转发也提供吧• Pony “： SMTP ”发送也自动保存到发件箱• Pony “： 升级到 50M ”附件（业界最大）
Tip：
产品体验和大度同步发展了
产品设计：关心更多人（视障模式）
• Pony：有空可以看看这个模式（视障）的支持。虽然是小众，但比较有意义。
• http://blog.sina.com.cn/s/blog_4eaa91130100bka2.html
Tip：
“张艺谋办奥运开幕式，说， 一个”强大的国家才能浪漫。
一个强大的产品，才能关注更多人，才能去体现浪漫情怀。
产品设计：“无所不用其极”（对核心壁垒性功能）• Pony “： 希望我们在这里的建设要无所不用其极，什么方法都要想，加快速度。只要在文件传送这一点形成强大的
”难以逾越的实用性口碑，最终的胜算就大增。• Pony “： 我想我们还是抓紧把超高速上传布局好，这里还是有机会在我们传文件快这个口碑上建立壁垒的。这里需要大量 IDC布局和 server ”调度程序建立门槛。
• Pony “： 总之希望在承受范围内尽量强化这里的吸引力，”打造国内最一流的文件平台。
Tip：
建立核心功能的技术和体验壁垒，很重要！
产品设计：兼容各种浏览器
• IE• Firefox• Chrome• Safari• Opera
Tip：
Chrome发布后几天， pony就开始要求QQMail兼容Chrome了。
QQMail一直是同时支持这些浏览器的。
产品设计：“聪明”的体验
• Pony “： 另外可能一个比较有难度的建议（以前也提过但解决不了），就是在输入收件人时，但自动匹配出来几个
若干选择时，如果能通过之前大致记录某些联系人 email的发信次数的频次统计，按频次排序，用得多的 email在前面，会更加便于选择，直接敲回车就选上了，不用在按
下箭头挑选。当然这里要平衡系统 负荷，看有无有极低”负荷只要有定性判断不需要精确定量判断的方法。
Tip：
先字母排序，再优先显示最近联系人，减少键盘操作。
这么细的体验，但一旦用上，就觉得别的同类产品很粗糙了！别的邮箱做到了吗？No。
产品设计：体现最强的技术• Pony “： 对手机邮件客户端，需要一些协议级底层研究，最少流量的状态同步，向Blackberry看
”齐。
Tip：
优秀的技术实现 +优秀的产品体验 =优秀的产品
中国最优秀的手机mail client 即将出台，敬请期待！！
产品设计：国际品质
• Pony “： 邮件内全文 search这里相信在我们国际化（如印度等）mail服务时和 gmail等顶级mail服务商对比时，一定会被关注到的重要feature ”。
Tip：
很惭愧，我们的英文版虽然在印度和越南被使用，但在
“国内版本还未能提供 英文版”选项。
跨业务：核心业务应允许多终端访问• Pony “： 这些用户丢了就丢了，如能满足其需求，对Qzone SNS信息更新集散中心的 SNS核心
”地位是绝对有帮助的。
Tip：
“ ”我们也希望 阅读空间 和Qzone能形成互补。
需求、开发与运营
发现需求：勤看 BBS 和 Blog
•每周都有用户反馈的帖子转过来。• Pony “： 发现 lake ”的脚印。• “每天要有人看 support ”。
Tip：Pony很多的邮件是转发用户的声音。倾听用户才是最重要的。
“ ”推荐用 阅读空间 订阅 blog搜索结果的RSS，来关注自己的产品。
实现：敏捷推进
• Pony “： 对很多的用户反馈意见，这些都是容易”做的又很实际的建议，希望尽快落实。 TIP：有很多的小体验，都被我们 2周一次的版本升级给消化掉了。敏捷的前提，是要有一个能够敏捷改进的技术平台，是对技术的挑战。
运营：不稳定会“功亏一篑”！• Pony “ ”： 我们的运营真不能再出问题了。• Pony “： 稳定性最近确实不好， IDC和应用抗故障两方面都要加强，否则功亏一篑。 ”
Tip：
07年我们出了一些运维故障。
现在我们通过核心的系统和业务数据异常波动来发现问题。
总体要求：快速，稳定，功能强，体验好
• Pony ：“ QQMail 总结起来，做到了：快速，稳定，功能强，体验好”
• 快速： QQMail 的登录速度是同类产品最快的，最初“简捷版”的诉求就是“简单，快速”
• 稳定：一直在努力中
• 功能强：不一定做很多功能，但做了的要做到最好
• 体验好：只有贯穿产品设计， UI 设计，技术设计与实现，才能保证好的体验。
Tip：
QQMail，进步中。
更多精彩，敬请期待。。。
