从Mailbox看产品设计火花

标签: PS 教程 & 设计文章 | 发表时间:2013-03-22 15:29 | 作者:kingtent
出处:http://www.uisdc.com

20130314

Mailbox是个基于Gmail的任务管理类的应用,任务即邮件,可以让邮件完成,删除,设为稍后提醒,放入待办项目中,推行Inbox Zero理念,是个最近比较火的产品,不过坑爹的是Mailbox下载后不能马上用,需要排队开通,本人在上周终于排到了队,经过了几天的试用,把Mailbox和热门邮件客户端Gmail,Sprrow做对比,顺便记录一些感想。

在iOS上,Gmail官方邮件应用,Sprrow应用都是很优秀热门的邮件客户端,Mailbox和他们有哪些不同的地方呢?简单对比下,主界面(收),写邮件(发),抽屉(管理)。

主界面

  • Gmail和网页版本的Gmail的设计一脉相承,简洁+扁平化的设计,大大的标志性红色“写邮件”按钮,已读未读邮件通过正常和加粗区分开,搜索是默认就显示的。
  • Mailbox也是简洁为主,大部分内容和Gmail类似,右上角也是“写邮件”按钮,不过在导航栏上有3个Tab对应3个功能(稍后,收件箱,已完成),这个设定非常符合Mailbox的”Put email in its place.”的slogan。
  • Sprrow的主界面和Gmail类似,右上角换成了“编辑”而“写邮件”放到了右下角,导航栏的设计是亮点,可以快速切换不同的发件箱,方便了很多。

[图1]邮件主界面

写邮件

3个客户端比较接近,我以Gmail作为标准,说说不同的地方。

抄送方式不同
  • Gmail:点击抄送/密送输入框后会展开,同时显示“抄送”,“密码”
  • Mailbox:没有默认显示“抄送/密送”,当点击“To:收件人”后的箭头后,展开画面
  • Sprrow:分2步进行,点击“写邮件”按钮(见上图)先进行“收件人”,“抄送”,“密送”的选择,然后进入写邮件的界面
增加附件的位置不同
  • Gmail/Sparrow:在主题处添加
  • Mailbox:在邮件最后添加
loading不同
  • Gmail/Sparrow:在菜单栏中的运营商名称后loading
  • Mailbox:菜单栏直接变换成loading条,会有loading时候的信息,状态,有无新邮件,等信息,感觉不错

[图2]邮件写邮件

抽屉

抽屉的内容是Mailbox区别与邮件客户端Gmail,Sprrow最不同的地方,从截图里面就可以看出来,Gmail,Sprrow虽然在信息布局显示上有所不同但是主要还是围绕基本的邮件的选项展开,而Mailbox是重新设计这部分内容,最直观的对比就是简化了信息,没有”星号“,”标签“之类的内容,新增了“Later”和“lists”,这些Mailbox独有的内容。

[图3]邮件抽屉

通过对比,可以发现Mailbox是把Gmail的基础邮件功能保留,其他都剔除,然后改进产品往任务管理的形式上靠拢。我们看下Mailbox具体是怎么管理任务的。

看看Mailbox操作

完成任务(右滑)和删除任务(右长滑)

右滑会看到“打勾”的标记,表示完成任务了,继续往右滑动到70%的位置,会变成”X”标记,表示删除任务,这样的交互设计让滑动误删可能性降到了很低。

Mailbox还有个贴心的“批量完成”的功能,列表最下面有一个小控制,移动他可以批量完成任务和删除。

[图4]Mailbox右滑动

左滑(稍后提醒)

这里的左滑会触发“稍后提醒”的功能,如果当前没空处理这个邮件/任务,可以设定一个未来处理时间,然后放空脑袋,先集中精力去做当前的事情,待下一个时间到来再去考虑。

[图5]邮件左滑

左长滑(加入项目)

往左长滑也大约70%的位置时候,就会触发“项目/标签”的功能,默认已经设定好了3个项目+自定义(“To Watch”,“To Read”,“To Buy”,“Create New List…”),加入这个项目后,就可以在“抽屉”里面的Lists中找到邮件。

在Mailbox中设定的标签,对应到Gmail中其实是给邮件建立了一个新的“To Watch”的标签。

[图6]邮件左长滑

开机引导教程

因为左右的长短滑动是Mailbox的核心操作,所以Mailbox有一个非常强势的开机引导,必须跟着一步步学会各种操作后才能进入下一步直到正式出现界面。

另类的产品设计火花

“创造音乐很伟大,发明摄像机也很伟大,结合以后变成电影也是很伟大”。平时很多产品功能已经做的很棒了,但这些产品周而复始依然在扮演自己的角色,那是不是有人从另一个角度来看看这些产品?

Mailbox把2件事情(“收发邮件”和“任务管理”)2个产品(Gmail+GTD like App)结合到了一起,变成了Mailbox,虽然用的是Gmail的,管理也是参考GTD,Inbox Zero的理念,但是一结合却擦出了一些火花。

我们的移动生活刚刚到来,这样的火花会不会更多些?

原文地址: http://icojump.in/?p=2541
推荐关注产品设计微博: @ICOjump

优设哥向您推荐:

30个“大气高端国际化”的网页设计欣赏

10个鞋类网站设计欣赏

20个超酷的复古背景网页设计

【推荐:27个经典木纹材质网站设计】

20超酷的复古背景网页设计
无觅

相关 [mailbox 产品设计 火花] 推荐:

从Mailbox看产品设计火花

- - 优设(UISDC)
Mailbox是个基于Gmail的任务管理类的应用,任务即邮件,可以让邮件完成,删除,设为稍后提醒,放入待办项目中,推行Inbox Zero理念,是个最近比较火的产品,不过坑爹的是Mailbox下载后不能马上用,需要排队开通,本人在上周终于排到了队,经过了几天的试用,把Mailbox和热门邮件客户端Gmail,Sprrow做对比,顺便记录一些感想.

Mailbox试用:“变形金刚”式的产品哲学

- - PingWest
今年2月7日,Orchestra公司发布了其第二款邮件管理应用Mailbox. 一个月后,有130万人在排队等待使用Mailbox,而其每天处理的邮件量已高达6000万封. Mailbox成了名副其实的明星应用. 在等待了近一个月后,我终于在本周五下午6点从第80多万号等到了使用Mailbox的机会.

产品设计流程

- - 互联网分析
新的一年到了,分享个大的东西,这个是之前团队总结的一套「产品设计流程」,里面包含了3大模块,产品前期分析,设计环节,上线总结反馈,基本上涵盖了,从需求到上线的经过的流程,相较于大型UED团队会“轻”一些,适合中小型团队. 如果所在公司内部还未有设计流程,可以参考此流程,也可以拿去在这个基础上进行改进.

移动产品设计之设计

- crystal - 互联网的那点事
移动产品设计最大的差异点在于用户使用场景的变化,场景的变化引发了交互方式巨大的变化,从而也使得信息呈现方式有所不同,再加上硬件设备的差异,最终使得2者千差万别了. 所以,移动产品设计之设计应该首先从用户的使用场景出发,同时考虑用户的硬件设备差异,综合以上2点去帮助用户完成某个任务. 按照我的理解,场景、任务、用户可以称之为设计的三要素,每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的.

手机产品设计禁忌

- - 落花流水——elya妞╰_╯
在做手机产品设计的过程中,遇到很多看似很小,且很容易被忽略的问题,正是这些小问题,一次次的撩拨用户的耐心,让用户对你的产品心生怨念. 刚出道的朋友没有经过实战,对细节注意不多,往往都会遇到类似的问题,强调多次后,觉得不如写下来,给新人共勉. 一般按钮会有四态,不可点击效果、可点击效果、聚焦状态、按下状态.

移动产品设计新思路

- - 互联网的那点事
随着时代的变迁,移动产品的设计也有了更多的变化. 用户的需求越来越多、使用的场景也更加复杂. 也因此移动产品就有了更多设计的新思路. 当然,手机的玩法虽然不再被局限在有限的领域,但是对于那些更喜欢用手机拍核桃、钉钉子以及起瓶盖的各位童鞋,还是看看本次由朱坤 @kentzhu 分享的移动产品设计真正的新思路.

PM札记:产品设计这两年

- - 所有文章 - UCD大社区
做产品差不多也两年左右了,基本上这条路是磕磕绊绊,迷迷糊糊,但好歹大方向是正确的,有空回想总结起来,唏嘘不已,看看以前对产品的看法,再看看今天对产品的认识,不仅感叹自己当初的幼稚,如今,更多的是了解了自己的无知与渺小,怀着一颗谦卑的心,继续学习,在产品这条路上寻找自己的价值. 产品职责包含很多东西,产品设计只是其中的一种职责,只是简单的描述一下我在产品设计上的弯路,回想起我的产品设计生涯,目前走过了三个阶段:.

Siri引发的产品设计变革

- Jerry - 月光博客
  Siri的发布,在iphone 5的失望之后,为苹果带来了言之不尽的话题,其热度甚至超过了ios 5这个重大操作系统更新. 但是,今天希望论述的却不是这些讨论,而是设计者有意或无意之间,为某一类工具的设计产生了重大性的基础定位变革.   笔者不知道大家称Siri为何,或许会被称为“语音交互工具”吧,因为它绝对已经突破了“语音识别工具”这种“声音到文字,文字到命令”的范畴,而直接使用语音实现人机交互.

移动平台上的产品设计

- - 雷锋网
【编者按】本文由 @淘宝UED 团队所撰. 随着智能手机的产生,人们对它们的使用时间与粘性迅速加大,移动互联网的发展越来越迅猛,越来越多的PC端产品开始把注意力集中在转移到方寸之间的屏幕之上时,有如潮水般汹涌. 我们需要的就是适应在移动平台设计一个好的APP,以此获得自己的席位. 当下的移动互联网产业,已经从单纯的以实现单一功能为主,到平台的转移,再到各个APP之间的产业链的形成,还有广告植入的各种运营手段产生各种盈利.

产品设计原则有那些?

- - 知乎每日精选
产品设计的原则有点太泛哈,这里想结合自己的工作心得来小结一下手机无线设计8原则:. 原 则 1 :用 户 界面 应该 是基于用 户 的心里模型,而不是基于工程 实现 模型. 就是把后台本来很复杂的事情通过设计符合用户日常生活中常用的浏览方式或操作方式. 其实这一点是设计师把生活中的细节和数据结合的凝聚点,用户的心理模型抓的越准,界面就会越优秀.