交互设计实例:网易邮箱极速3.5版本设计

网易邮箱极速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版本的换肤功能。

时间: 2024-12-08 23:55:20

交互设计实例:网易邮箱极速3.5版本设计的相关文章

交互设计实例:网易邮箱的如虎添翼设计

    地址链接:http://mimg.163.com/hd/all/100127_tiger/home.htm   项目内容:网易邮箱计划在新的一年密集推出一批功能服务,为配合这几项新功能的发布,在新年到来之际,希望能将几个产品整合包装宣传,统一成系列宣传.于是,就诞生了"如虎添翼"计划.   概念诞生:在团队头脑风暴的过程中,设计中心团队与产品部门的同事一起,提出了很多的有趣构思.建立在构思之上的,是明确的定位.讨论后,决定把繁琐的设计需求精简为几大要点:1.体现邮箱的活力和创新

用户体验设计实例:网易邮箱开放pop3

人吃饱了,总要想点什么做点什么,思考点什么.号称是中国最大的免费邮箱提供商的网易,开始开展了一个名叫如虎添翼的活动,说要开放pop3,IMAP,和去掉邮件底部的广告.对于pop3我一直知道这个概念,当时也一直以为网易邮箱的pop3是开放的,因为在阿正作为这么多年接触计算机的人来讲,pop3开放是一个邮箱必备的素质.可是一直到阿正在公司里使用foxmail的时候发现,原来126邮箱并不支持pop3这着实让我惊讶了一番. 由于平时用Gmail比较多,用foxmail是响应公司号召才用的,由于当年很早

网易邮箱极速4.0版近日取得最新突破,支持语音输入搜索邮件

摘要: 网易邮箱极速4.0版近日取得最新突破,支持语音输入搜索邮件,成为全球首家采用此技术的邮箱运营商. 据网易邮箱极速4.0版项目经理介绍,对于支持 HTML 5最新版本的 Chrome 浏览器以及 网易邮箱极速4.0版近日取得最新突破,支持语音输入搜索邮件,成为全球首家采用此技术的邮箱运营商. 据网易邮箱极速4.0版项目经理介绍,对于支持 HTML 5最新版本的 Chrome 浏览器以及360极速浏览器,网易邮箱(163.com.126.com.yeah.net.vip.163.com.vi

网易邮箱极速4.0版近日取得最新突破

摘要: 网易邮箱极速4.0版近日取得最新突破,支持语音输入搜索邮件,成为全球首家采用此技术的邮箱运营商. 据网易邮箱极速4.0版项目经理介绍,对于支持 HTML 5最新版本的 Chrome 浏览器以及 网易邮箱极速4.0版近日取得最新突破,支持语音输入搜索邮件,成为全球首家采用此技术的邮箱运营商. 据网易邮箱极速4.0版项目经理介绍,对于支持 HTML 5最新版本的 Chrome 浏览器以及360极速浏览器,网易邮箱(163.com.126.com.yeah.net.vip.163.com.vi

网易邮箱极速4.0版

最近,网易邮箱极速4.0版取得了最新突破,支持语音输入搜索邮件,是目前全球第一家采用此技术的邮箱运营商. 根据相关消息我们可知,对于支持HTML5最新版本的Chrome浏览器以及360极速浏览器,网易邮箱用户可以通过语音对话,即可完成邮件搜索,使得邮件搜索体验得到大大的提高. 要使用语音搜索其实是很方便:登录邮箱后,在邮件搜索框内,点击麦克风的图标,通过电脑上的语音输入设备,系统会自动的识别语音输入,再接着自动执行邮件搜索. HTML5技术已经逐渐成为主流,网易邮箱极速4.0版自从2011年7月

网易邮箱极速4.0研发团队经过8个月技术攻关,启用了全新第四代AJAX引擎

全新引擎的极速4.0邮箱相当于更换强大的引擎动力系统.极速4.0版推出,使得网易邮箱在各个性能指标方面均得到有效提升,用户在登录.上传附件.发送邮件以及阅读邮件等方面的体验,整体性能比以前提升约30%.据了解,极速4.0是网易邮箱"极速系列"的第五个版本.从2005年开始,网易邮箱极速系列先后推出1.0.2.0.3.0.3.5和4.0版本.而从2008年7月的3.0版本开始,网易邮箱新版本推出的时间间隔变得更短.未来以将一年左右的时间作为周期推新版本,网易邮箱每隔3周就会有小的新版本发

网易邮箱极速4.0比国内同类产品提前1-2年部署开发

网易邮箱极速版本的项目经理董桦介绍,网易邮箱极速4.0比国内同类产品提前1-2年部署开发,研发团队经过8个月技术攻关,启用了全新第四代AJAX引擎,全新引擎的极速4.0邮箱相当于更换强大的引擎动力系统.极速4.0版推出,使得网易邮箱在各个性能指标方面均得到有效提升,用户在登录.上传附件.发送邮件以及阅读邮件等方面的体验,整体性能比以前提升约30%.据了解,极速4.0是网易邮箱"极速系列"的第五个版本.从2005年开始,网易邮箱极速系列先后推出1.0.2.0.3.0.3.5和4.0版本.

网易邮箱4.0版支持语音输入搜索邮件

网易邮箱4.0版支持语音输入搜索邮件2月8日消息,网易邮箱4.0版支持语音输入搜索邮件,用户可以通过语音 对话,即可完成邮件搜索.据网易邮箱极速4.0版项目经理介绍,对于支持HTML5最新版本的Chrome浏览器以及360极速浏览器,网易邮箱(163.com.126.com.yeah.net.vip.163.com.vip.126.com.188.com)用户可以通过语音对话,即可完成邮件搜索.用户登录邮箱后,在邮件搜索框内,点击麦克风的图标(如示意图所示),通过电脑上的语音输入设备,系统会自动

网易邮箱安卓版升级 手势操作更便捷

网易邮箱Android客户端近日发布了全新版本V2.1,本次升级网易邮箱安卓V2.1版有较大创新,无论是整体功能.视觉体验都得到极大提升.针对 邮件列表滑动邮件的手势操作.新邮件提醒可直接对邮件操作删除和标记,以及多帐号管理等新功能的上线,可让用户体验更快捷的移动生活. 丰富手势操作 体现移动产品轻便快捷网易邮箱Android客户端(http://mail.163.com/android/)是为Android用户量身设计的免费产品,网易旗下所有免费邮箱和VIP邮箱帐号可直接登录.网易邮箱在设 计