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