网易邮箱极速3.5版本历时半年多时间终于与大家见面了.
极速3.5有哪些新特性:
- 整齐,简洁的首页,能够自适应屏幕的大小提供最佳的显示方式。
- 一体化侧栏设计,功能更加集中,查找使用更方便。
- 全新的图标设计,读信时信头信息可以最小化,让你获得更大的阅读空间。
我们做了些什么:
- 无数次的交互,视觉的讨论和用研的验证。
- 产出效果图,超过200张。
- 制定了1套“视觉设计规范”,和1套“交互控件规范”。
简略讲讲各阶段所做的一些事情:
用研阶段:
极速3.5用研主要做的工作有:竞品分析,焦点小组,问卷调查,可用性测试,专家走查。
1:竞品分析的目的是分析竞争对手邮箱的优势,用户为什么喜欢使用的原因,哪些可以学习。主要从主功能,交互体验和产品整合,情感化设计4个方面去分析,主要分析的邮箱有:GMAIL,QQMAILYAHOO,HOTMAIL等。
优秀的邮箱到底应该是什么样?
- 优秀的邮箱 产品主功能和交互体验方面的优势突出.
- 优秀的邮箱 运用关系链和产品整合可以提高产品的用户黏度.
- 优秀的邮箱 情感上的满足能给用户带来深刻的印象.
2:焦点小组主要目的是深入了解学生,工作两组不同的主要用户群对邮箱的需求,探索新版本的设计思路.
主要想得到的结论是:
- 在众多沟通方式中,用户为什么选择邮箱?
- 在众多邮箱中,用户为什么选择某个特定品牌的邮箱?
- 哪些功能和服务对用户来说是重要的?
- 不同细分群体对具体功能或服务的需求和期望?
- 如何把多元化功能推向不同群体?
主要用了卡片分析法:
得出的主要结论有:
电子邮箱偏重正式交流
- 当用户进行商务或其他正式场合的交流时,电子邮箱的作用无法取代。除此之外,电子邮箱的某些非交流功能,比如文件存储以及作为ID注册的功能也是其较为突出的特点。
- 我们在焦点小组所得到的答案与艾瑞的调查结果相似。结合用户对其他常用及爱用邮箱的评价,我们发现,优秀邮箱能够更好地帮助用户完成其主要目标。
- 例如:Gmail在正式交流上具有极大的优势,如标签功能,信件往来显示功能等等而Qmail则在存储备份信息方面有很大的优势。
- 这一结果对我们的启示是:优秀的邮箱,必然要反映用户最核心的需求。那么,用户究竟需要哪些功能呢?
工作组和学生组对于主功能的需求都比较高,并且存在共性。
- 工作组用户在使用邮箱时,更重视的是否能提高工作的效率,因此,强大的搜索功能,联系人邮件往来等功能,总之能够减少管理时间,提高效率的功能都可以吸引他们。
- 学生组的需求更多元化。与学校中的“圈子”文化紧密相连,对于这种文化, “分享”是很重要的,因此,学生更需要群邮件,群消息这样的功能,他们分享很大的文件,如电影,音乐等等,并且会发掘和使用一些扩展的功能,但是,功能必须要有变化,能吸引眼球,不仅仅是简单的叠加。
3:可用性测试主要是对邮箱自身产品体验的检查,通过观察用户在产品内完成一系列任务,发现平时不易发现的可用性问题,然后根据问题的重要级和严重程度分批解决。
设计初期-可用性测试一些结果:
测试期-可用性测试部分总结:
交互设计阶段:
概念稿阶段:
对邮箱的主流程进行设计,首页,收件箱,读信,写信,通讯录.
关于左侧导航:
网易邮箱极速3.0的框架是上导航+左导航,虽突出了几个主要产品,但产品逻辑上存在一定问题,例如:打开顶部的通讯录,百宝箱等标签,在框架左侧栏还是显示”收件箱,已发送…等”邮箱特性导航. 新版3.5为了解决这个问题和优化左侧栏上作了很多设想.最后区分5层概念:
重新梳理了工具栏关系及内容:
对工具条作了分析,针对每个不用同内容,对每个功能的使用度和重要性配合用研数据进行分析.希望能给用户最舒适的工具使用方式.
制定网易邮箱交互控件规范:
怎样定义这个规范?
网易邮箱交互控件规范是把邮箱用到的所有控件总结出来(如:标签,面包屑,链接,窗口),对所有控件的使用方法,适用范围,交互规范等制定标准,形成统一化文档。
为什么要做这个规范?
- 为形成邮箱产品应用控件的统一标准与风格,保障邮箱产品用户界面的可用性与用户体验的一致性。
- 优化工作流程与效率,使设计师在基本控件使用上不会重复犯错误。
- 帮助新设计师快速上手,熟悉邮箱交互设计细则。
规范包括哪些内容?
包括常用的共18个控件,分为四个大类:导航类,描述类,控制类,提示类。对于每个控件,从四个方面去解释和分析。
- 定义——定义控件的属性和作用。
- 组成元素——解析控件在使用时具体包含的元素。
- 适用范围——分析控件的使用场景。
- 交互规范——从使用案例,鼠标交互,文本,页面结构上对控件的使用进行解释。
视觉设计阶段
极速3.5的默认版本视觉设计的方向是:”提供给用户最简洁的界面,更好辅助用户的操作”,
根据这个方向,需要遵循这几个原则:
- 充分完全辅助用户操作,不产生多余的视觉信息.
- 对每一个在界面中出现的每一个颜色做苛刻求,反复推敲.
- 默认风格尽可能简约,把更多的创意和想法放到换肤里去.
下面是视觉设计的各个阶段:

在设计的时候去掉了3.0一贯以来的强质感设计,希望设计尽量做到”返朴”,以实用为原则,希望为用户营造更舒适的操作环境,甚至希望用户感觉不到视觉设计的存在,更专注于操作.
视觉设计形成的部分规范:
视觉设计规范:
提取公用元素,如文字,颜色,线条,弹框,提示,标签等做出规范,对邮箱后续加入的功能的视觉设计及换肤起指导意义,加快设计速度及质量.
图标设计:
极速3.5社极了全新一套图标(包括天气图标),设计前对所有主流图标风格分析,结合主界面和网易产品设计风格,以便以后可应用到网易其他同类型产品.
天气图标:
去掉原来的卡通风格,希望更具真实感.
接下来敬请期待网易邮箱极速3.5版本的换肤功能。
该文章有42条评论













支持一下。
多谢分享,最近也关注交互方面的,能否发一份关于交互规范和视觉规范的文档给我拜读下。guo_jame@163.com
确实,163邮箱的变化一直是有目共睹的,对于网易的东西我只用校友录和邮箱两样,邮箱是最常用的,界面操作都是很方便好用的。
但是从最新版本改版后,我在公司就再也无法登录邮箱(也许你会说可能是我们公司蔽了,这点不用考虑,因为改版前在公司一直是可以登录的。),每次都是登录以后然后弹出一个提示框,接下来点击任何操作都没有反应。就此问题和你们后台反应N次,至今无任何答复和改进。
我想一样东西就算如何好,但是无法用还是一种遗憾。现在留邮箱地址我都不该留163的了,只能用gamil暂代。
个人一直觉得网页邮箱上“收信”这个功能蛮鸡肋的,这方面应该区别专门的软件(如Foxmail.outlook)毕竟网页能做到实时收信而第三方软件需要手动提取
怎么感觉 有点王婆卖瓜自卖自夸。。。
不给用户干扰? 那为什么一打开网易邮箱就要经常看见内衣广告?还有,我登录邮箱是来看你们新闻的吗?
“《战国风云》3月24日新服再开 七重大礼只等你来!”
—-愣是要在顶部狭小的空间塞段广告,你们的UED就料到大部分用户会点击是吧?
起码我现在打开QQ邮箱第一感觉上: 嗯,这就是个“邮箱”!网易呢,好像还是挺像个网页的哦。。。
PS:我一直都在用网易邮箱
很好的分享。
如果大家都能够把工作流程和好的想法分享的话,互联网的明天会更好!
gmail邮箱和blackberry短信箱有个实用的异曲同工之处
感谢分享
收信的按钮无用。。。
感觉还不如 3.0版本/ 3.0逍遥版本的邮箱tab功能还是实用些。另外3.5版本加入了 你们网易的产品链接——广告太多了。。。。。
对了。还有一点要说一下。就是视觉,你这里所谓的反朴,我个人做为用户而言,更喜欢3.0逍遥版的视觉,3.5的版本到觉得没什么特色—像程序员使用的邮箱,你们是否进行过所谓的 反朴需求数据统计和分析?
想知道你们做cardsorting的结构是封闭的、半封闭的还是全开放的。
非常感谢分享。有些方法值得学习与运用。
很期待交互设计那部分能有更详细的分享。
所有图片链接都是404
使用Gmail的用户很多是因为可以与Google其他产品打通,比如Gmail+Groups+Gtalk;
使用QQmail的用户很多是因为QQ号实在太便捷了,利于统一网络身份。
看到这里不得不说两句
总体感觉,163邮箱的广告太多了——“广告无处不在”
飘动的图片广告几乎占据了邮箱首页的1/4,还不停的漂,实在是难以忍受,打开一份邮件也是这样,上面布满广告。
本来是比较私密的地方,你的广告在“我的地盘”张牙舞爪,给人的第一感觉就不好
我敢说,你们网易内部员工用qq邮箱比网易的多得多,如果你们自己设计出来的东西自己都不用,更别说别人了
qq邮箱首页的广告数为0,看上去很简洁,能看到的都是自己想看到的,毕竟邮箱不是买东西的地方
gmail的广告有,但是不是很显眼,文字形式存在着,不弄乱我的视线
我以前也用163邮箱,现在用其他邮箱代理收取邮件,就是这个原因
就这些吧
非常同意GothicGothy的说法。无广告,QQ邮箱单凭这一点就完胜。
PS:这个博客和http://www.ued163.com/有什么区别吗?
说实在的,QQ邮箱确实不错,简洁,速度快,木有广告。
但是每次看到后面的qq.com我就觉得特不正式。
终于看到163mail在努力追赶了。
领头人》被超越》追赶…争取再做回领头人,很艰巨啊
sony同学可以看看qq邮箱推出的foxmail.com跟换邮箱后缀功能
想了想网易的广告,确实很无赖啊
我不玩游戏,不知道网易游戏上的广告多不多
假设网易公司将其邮箱上的广告相对的移走一些,分配到其他产品(比如网游)上去不知道是什么结果哦?
就像腾讯一样,qq聊天对话框上有广告,邮箱上没有广告
这样做就有个主次了,毕竟qq几乎是每天都要用的,邮箱却不是如此
说错了 ,是song同学 哈哈
学习了,谢谢分享~
棍子,下了功夫啊,我特意来顶你…
不管怎样,受教了
说说我自己的感觉
其实邮箱用得不多,最主要的功能是做文件备份和注册之用
也不怎么删邮件,就让它一直放在那,
反正现在容量大,也用不完
说到163广告啊什么的我倒没什么特别的感觉
反正现在网上哪里都有广告
就算qq邮箱上没有广告,我也真没留意到
说实在的,我觉得很多用户并不会专门去比较哪个邮箱好哪个邮箱有什么功能,反正之前用着什么就一直用下去了,你要跟我说哪个网站推出了新邮箱很好用,我也不一定真的就会去用,了解一下倒是可能的
特别是对一些商务人士来说,换个邮箱,那得多大成本啊~
学习一下、
我想问为什么博客里不能增加微博模块?
我感觉QQ邮箱很好用,便捷是其特点之一,因为其快捷入口捆绑在QQ软件上,进入邮箱很便捷。我觉得网易的邮箱也应该往这方面考虑下。
现在给邮箱搬家相当方便,用代理就可以了
广告多,手忙脚乱的时候一不小心点错了,就弹出了一个页面
岂不影响工作效率
商务人员估计会用vip的邮箱,估计广告会少点
我觉得网易邮箱还是不错,我从有邮箱开始就一直用,当然当中我也注册过其他的邮箱但是我还是喜欢用网易,主要是习惯,其次是网易的界面很干净,而且现在新增加的邮箱搬家功能也很具实用性,有点学习QQ的意思,减少了人无穷无尽的写用户名密码的时间!
现在和opera的兼容性做的蛮不错,赞
要是少点AD
过滤掉垃圾邮件
就好囖
我 还想换回极速3.0,怎么换?
拜托,我还想换回极速3.0,怎么换啊?
王婆卖瓜,自卖自夸
用户体验仍旧是极差
本来是想写意见反馈的,后来想想算了
我想说的是,网易邮箱有很多需要改进的地方,如简版3.0和全版,用户习惯照顾的不够好,如家在速度,如文本样式等等
说实话,在使用网易的邮箱的时候,感觉还是不错,但是,跟QQ的邮箱比起来,我觉得还是qq邮箱好用,在qq邮箱没有改进之前(大概2007年),网易一直是我的首选。但是,现在,我觉得要加油了!
为什么在极速3.5版的百宝箱中未见航班机票的功能及酒店查询预订的功能了?在什么地方?
问个额外的问题,网易vip邮箱是否支持rss订阅功能?
设计师过程的产物,学习了。但个人觉得每封邮件新建一个tab页,很没有必要,邮件开多了tab标题全是省略号,浏览器占用资源也飙升。每个分类建一个tab就可以了。
我用了多年的网易邮箱最近一直不能正常运行,烦死了!小易说要在邮箱首页的版本选为3.0 却没说怎样选,急死了!
密码改不了,郁闷
删除时弹出的确认框,有点愁人。图片可否先缓存起来?
发表评论
分类目录
最多评论文章
最新评论
最近文章
链接
功能
Copyright © 1998 - 2011 Netease. All Rights Reserved. Powered By WordPress.
UECD.163.com 网易用户体验中心官方博客