为什么这么设计:Google Wave
分类 产品设计
终于弄激活了Wave邀请,在这里十分感谢moming同学。在试用了一下以后,虽然不知道这款产品以后是否能成功,但是她的交互方式以及设计思想,还有很多值得我们学习的,下面我们就来详细的看看。
一.布局
Wave界面布局和理念设计是真正的一页式体验,所有的操作都是一个页面完成。而在web产品中一页式体验最常用的就要数Email产品了。而Gmail更是将之发挥到极致。至于SNS产品譬如,Facebook首页和Twitter首页其实也是一页式体验的典型代表。
下面是几张不同应用的布局对比
由上面的布局对比我们可以看出,Wave是介于IM、Email、Twitter之间的一种全新的产品。不仅技术上采用了最新的HTML5,而且这种三列的布局明显是为了大屏幕,宽屏幕设计的。
二.交互细节
1.滚动条
当我最开始使用wave的时候,觉得最有意思的就是这个滚动条,虽然这种滚动条好像曾经在那个软件上看到过,但是出现的Web产品上还是第一次看到。
由于现在屏幕越来越大,那么就意味着传统滚动条的整体就越来越长,拖动还还好,但是要点击向上和向下箭头确实不是一件很容易的事情,每次一次点击,鼠标都要移动很大的距离。而Wave的滚动条,把向下、向上和拖动合并到一起,这样就能很好的解决这个问题,再加上拖动的算法,设定一个阀值,这样一般情况下用户之需要传统滚动条一半的距离就可以完成整个内容的拖动操作。
2.区块缩放
Wave中的每个区块都是可以缩小的,缩小以后会自动到顶部,当你最小化后的区块,不是直接最大化,而是显示出缩小后的操作界面,你可以直接在这里进行对区块内容的操作。这点设计十分类似于Windows7的Superbar。在这个时候你每开一个Wave就相当于一个新的窗口,这样就你可以快速的切换几个主题进行交互。初始的布局很适合新用户,当用户变成中级用户以后,就会发现初始的这种布局很有限制性,那么这种最小化的方式就很适合为中级和高级用户使用。
3.选项
在左上角的Navigation区域中,当鼠标悬浮到一个选项的时候最右侧会出现一个箭头,单击箭头会出现快捷操作,Movie Up,Movie Down,Set color。虽然这种悬浮快出现经常看到,但是一般都是在客户端或者表格操作中。在左侧导航确实很少。说到表格操作,通常的设计是把譬如编辑,删除,更新。默认不出现,当悬浮的时候直接出现,这三个操作的名字。我觉得这种设计很容易干扰用户,而wave这种把所有的操作隐藏到一个小箭头下就非常好,既可以完成操作,又不会干扰用户,而且便于以后功能扩展。
三.Wave到底带来了这么?
IM是对真实聊天的一种模拟,Email是对真实信件的模拟,这两种产品做得再好也只是模拟而已。而搜索引擎则不一样,他不存在与真实世界,他只存在于互联网,他是互联网中原生态的产品。同样,Facebook也是如此,Twitter也是如此。那么Wave呢?,其实Wave也是如此。Facebook和Twitter被誉为是Email的升级产品能,甚至有言论说Email会消失等等。那么Wave呢?属于IM的升级产品?还是Facebook和Twitter的升级产品?现在还真的很难看出,但是无论怎样Wave是一种全新的人和人之间的沟通工具或者说是沟通模式,而这种沟通模式只存在于互联网。google search是:机器->信息;而google wave是:人->信息。
ps:有网友指出,布局其实和Outlook2007一样。其实更准确的说是和Live Mail一样,都是三列信息级联筛选的模式。不过我之所以要指出特别之处,是布局中有了用户列表,而其实wave的整个信息组织方式也是用户组的方式。
十一 02





十一月 2, 2009 at 4:10 下午
博主,能不能给我也发一个邀请啊?先谢过了啊!
十一月 2, 2009 at 4:15 下午
文章不错,挺有用处
十一月 2, 2009 at 4:24 下午
回复:Ray
我也是二代僵尸,所以没有邀请。不过据说一代僵尸,google又发给了他们一批号,你可以找下。
十一月 2, 2009 at 5:28 下午
听说现在二代的部分也开始有邀请了,如果有的话,希望博主发我一份,谢谢!
十一月 2, 2009 at 7:21 下午
从布局上可以看出是一个全新的产品,为何呢?这个布局不就是outlook2007的邮件布局模式吗?
十一月 2, 2009 at 7:50 下午
必须是gmail账号么?不知道google app邮箱可以不。如果不行,请博主发一个给xilibi[at]gmail.com吧!谢谢
十一月 2, 2009 at 9:12 下午
[...] 源地址:http://blog.d8in.com/posts/603.html 你可能还会喜欢以下内容Google Wave的一个交互实例Google Wave从入门到进阶“谷歌波浪”(Google Wave)的心理效应背着包袱跳着走:网站用户任务的处理垂直网站如何变脸淘宝、拍拍、有啊购物网站收藏功能分析比较网站注册流程的分析与研究从品牌网站看交互设计小标点,大作用交互设计模式(一)概论 [...]
十一月 3, 2009 at 9:23 上午
能给我发个邀请吗?
十一月 3, 2009 at 10:12 上午
回复:Rebert
谢谢提醒,如果更贴切的说是live mail 的三列筛选模式。不过Wave的区别就在与多了一个用户列表。而整个系统也是已用户为核心来组织信息。
十一月 3, 2009 at 10:57 上午
滚动条的设计的确是好设计
十一月 3, 2009 at 11:34 上午
[...] Wave 源地址:http://blog.d8in.com/posts/603.html 分类: 交互设计 [...]
十一月 3, 2009 at 6:05 下午
滚动条的设计确实很有意思!!
十一月 3, 2009 at 10:26 下午
我觉得 搜索引擎 不是互联网原生态产品 它实际来源于图书馆领域
十一月 5, 2009 at 11:53 上午
求一枚Google Wave,谢过博主。boockit@gmail.com
十一月 10, 2009 at 2:50 下午
麻烦给发个邀请撒。。
十一月 30, 2009 at 4:41 下午
文章不错哦…学习啦…最近也在玩google wave…
十二月 4, 2009 at 12:20 上午
转载了一下自己的bolg中,便于保存,请不要见怪。
七月 22, 2011 at 1:40 下午
没研究过呢。