Google解释如何将Gmail左导航栏设计成现在的样子

新用户38459256·2011年12月06日 09:40
Google的用户体验设计师Jason Cornwell在Gmail官方博客中解释了如何把Gmail左侧的导航栏设计成现在的样子: 新版Gmail的目标之一是让它看起来更像是一个本地应用,左侧面板可以单独上下滚动,而不是一整个单独页面滚动。这种设计方式有很多优势:搜索框和主导航位置总是不变,收件箱未读邮件数总是可见等。就像做出任何设计决定一样,做这种改变有很多挑战,如果人们建立了很多标签,那么Gtalk联系人就会被向下推到页面之外,那些安装了Google文档或日历的用户,他们可能必须滚动侧边面板经过标签和联系人才能看到这些Gadget。

Google的用户体验设计师Jason Cornwell在
Gmail官方博客中解释了如何把Gmail左侧的导航栏设计成现在的样子:

新版Gmail的目标之一是让它看起来更像是一个本地应用,左侧面板可以单独上下滚动,而不是一整个单独页面滚动。这种设计方式有很多优势:搜索框和主导航位置总是不变,收件箱未读邮件数总是可见等。就像做出任何设计决定一样,做这种改变有很多挑战,如果人们建立了很多标签,那么Gtalk联系人就会被向下推到页面之外,那些安装了Google文档或日历的用户,他们可能必须滚动侧边面板经过标签和联系人才能看到这些Gadget。

我们试了几种不同的设计修改,试图尽量优美的解决这个问题,我们试验了几种折叠方案,比如让各个模块堆叠到一起,一次只允许一到两个打开:

我们也试验了左侧边栏用一个滚动条,但是每个模块只显示比较少的条目。

最终的设计结合了这两种方式,只留下了2个模块部分,然后在底下的模块部分分成两个标签页,一个是Gtalk,一个是Gadget,并且我们还留了空间以后可以添加更多标签页。上面的标签部分,当你把鼠标悬停上去之后它会展示显示所有的标签,这让你随时可以看到Gtalk联系人,又能够快速的打开标签,并且你可以通过拖拽来调整标签和联系人的高度,满足自己的需要。

现在的设计也是经过了几次迭代。我们仔细的调节标签弹出的时间和触发行为,尽量减少意外的触发。在用户体验测试中我们发现,并不是人人都喜欢把鼠标放到收件箱部分的标签上来展开标签,所以我们调整了系统只有在你把鼠标放上去并停留一段时间,标签才会展开。我们也尝试让你在点击某一个标签或联系人之后,这个标签或联系人就始终停留在你眼前。

最终的结果是现在Gmail更加灵活,响应更快,并且始终让你的联系人和未读邮件数可见,

+1
0

好文章,需要你的鼓励

参与评论
评论千万条,友善第一条
后参与讨论
提交评论0/1000

下一篇

Gowalla是一个LBS式的社交签到应用,随着Facebook对它的收购,它很快将不复存在,Gowalla的创始人也将加入Facebook。2009年成立的Gowalla一开始就与Foursquare展开了正面交锋,现在, Foursquare显然成为这场签到领域之争的赢家,签到总数超过10亿,用户数超1000万。同是签到类应用的它们为何会有如此不同的命运呢? Foursquare和Gowalla是在2009年的SXSW大会上同时发布的。当时很多人认为Gowalla比Foursquare有更出众的设计。然而,好的设计不一定总能胜出。Gowalla的一位投资者Gary Vaynerchuk表示:“经营创业公司好比酿酒,酒的质量取决于材料的混合调制,而不是在一种材料上做好就行了,设计也只是其中的一个元素而已。”

2011-12-06

36氪APP让一部分人先看到未来
36氪
鲸准
氪空间

推送和解读前沿、有料的科技创投资讯

一级市场金融信息和系统服务提供商

聚焦全球优秀创业者,项目融资率接近97%,领跑行业