Google Wave - UCD大社区

谈谈Google Wave的滚动条

Chen Fan — 2009-12-16 22:12:22

在看到一些文章对wave的滚动条嗤之以鼻之后，我觉得有些必要为google的设计人员的良苦用心写两句。wave的滚动条是一个试图改良当前滚动条弊端的积极尝试，虽然这尝试并不成功。

滚动条简单明了，是非常常见的界面控件，但从一开始，传统滚动条的设计就存在着一些问题。在我看来，Google的设计师试图通过wave解决其中的两个问题：1. 传统滚动条强迫用户经常切换手掌的肌肉群；2.传统滚动条根据文档长短而变化滑块高度的机制不够妥当。

首先说第一个问题。在进行点击等控件操作活动时和移动鼠标这样的动作时，人类所用的肌肉群并不一样。为以示区别，前一类操作被称为精细运动模式，而后一类被称为粗略运动模式。对用户来讲，切换这两种运动模式总是很困难。例如，在windows的滚动条里，你正在点击滚动条的“向下按钮”慢慢滚屏浏览，如果想通过点击“向上按钮”浏览一下前面的内容，就需要从单击向下按钮（精细运动）转变到移动鼠标（粗略运动）再转变到单击向上按钮（精细运动）。一个简单的操作却需要两次切换肌肉群，会让用户觉得繁琐、劳累并因此而不耐烦。为了解决这个问题，苹果在macOS中的滚动条设计为两个按钮并列在一起，使得情况有所好转。

而在wave中，Google试图走的更远：他们将向上/向下按钮与滚动条直接放在了一起，从而将三个元素之间的切换距离减到了相当小的程度。这样，无论是切换滚屏方向还是切换方向按钮和滑动块，都可以通过精细运动模式完成。同时，如果你连续点击滚屏按钮的话，滑动块儿本身不会移动，而是通过下面的阴影提示现在的屏幕显示范围，当鼠标移开按钮时，滑块才会运动到阴影所在位置——跟chrome关闭tabs的交互方式如出一辙。

接着说第二个问题，在传统滚动条中，一般通过改变滑块的高度来提示用户当前显示内容占文档整体内容的比例。但是这样有两个问题：1.改变滑块的高度并不符合实际——明明滑块代表的是当前显示区域的大小，”滑轨“的长度显示的才是文档的长度，为什么文档变长了，滑轨不变，反而是滑块大小变化呢？2.当文档太长时，过窄（矮）的滑块很难被选中。因此，Google反其道而行之，他们固定滑块的大小，通过“滑轨”的高度来显示当前wave的长度。这样，当看到滑轨的高度时，用户会对整个wave的长度有个预期；同时固定长度的滑块也更容易被选中。

虽说上述两个问题都被google以巧妙的方式解决了，为什么最后仍然遭到了骂声呢？我觉得是因为：

相比原始的滚动条，wave滚动条的阴影的设计太过复杂，虽然减轻了用户的体力负荷，但同时也增加了认知负担
人们已经养成了滑轨高度固定、通过滑块高度推断文档长度的习惯；而wave却完全颠倒了用户的这个习惯
对于很多用户，滑块的使用率要远远大于按钮。对于短小的文档，大面积的滑块更容易选中；同时，更大的活动空间（高度最大化的滑轨）更容易增强用户的控制感。

虽然最终不是很成功，但我们能够从wave的这个尝试中看出google对于交互细节的重视与强烈的创新精神。产品对细节的重视程度，直接反应出了公司对于用户的重视程度和责任感。在一些我们司空见惯的地方，往往存在着大量可以改良的细节待我们去发现、改进、创新。比如说，（再拿滚动条举例），你注意过Chrome的滚动条有什么特殊的地方吗？（提示：尝试在当前页面搜索一下出现频繁的词语）

相关话题：Google Wave 源地址：http://www.lanrenux.com/?p=270

Google wave初体验

jary — 2009-11-05 08:12:59

google的新产品wave邀请来了，一开始很难理解这是个啥？甚至出现了这个网站来嘲讽wave的令人费解，据说是facebook的员工建立的，但至少，经过几天的试用了，如果要让我从facebook和wave两个中做出选择，我更愿意选择wave,（虽然这个结果也包括脸书被墙了，多少有点无奈）确实，google wave不是一句话可以准确形容的产品，如果我说是沟通利器，又几乎等于什么也没说，之所以我开篇拿facebook和wave做比对，是因为他们都在关注用户联系，分享，其中涉及一个很核心的需求—人际沟通，甚至后者更加直接了当。

也许有人会说，这早不是什么新鲜的玩意，沟通有啥可做的，岂不知，人类最本能的几大类需求中，可挖掘和完善的空间几乎无以限量，比如交通，我们今天仍然在超越前人的想象，无疑，现在再谈google的野心已经没有必要了，因为它太强悍，无论是从哪个角度，技术、产品设计、系统竞争力、数据、想象力都让我们为之汗颜，抛开用户市场的差异不谈，google的所有新产品的诞生，总有让人觉得兴奋和希望的憧憬，因为它是将技术，商业以及需求结合得最好的公司，当然，中国市场例外，国内的互联网市场确实一直在各种原因下还处于简单粗暴的野蛮时代。例外，它也不需要像facebook和twitter一样急于证明自己的商业价值和存在。

一开始接触wave，的确很纳闷，全新的界面和新奇的交互，还有听上去很累赘以及庞杂的功能，变来变去的界面，的确，在产品设计上，能处理这么复杂的架构和交互，并做得游刃有余的，只有google.哪怕国内的一哥腾讯，想整个复杂点的邮箱都吃不消，学习google的这种高级路线和发挥到极致的工具性能，这点，国内的第一和硅谷的比起来确实差距不止一点。另外在简洁到极致这块的玩法，中国的互联网也难以与硅谷匹敌。

如果简单的把wave解释为电子邮件+即时通信+wiki+社交网络+在线工程项目管理、协同的简单集合，（如果这样算起来，这个东西还真是庞然大物了，比如它还包括了一个很便捷的联系人管理工具）或者说是基于互联网服务、计算和互联网协议的平台，或者说是google云计算的重大应用，甚至有人说html5的推进者，chrome os的铺垫等等，这些无疑都是wave可以拿来一提的feature。但这些恰恰不是这个产品的核心，wave关注的核心确实如他们所言的：Google Wave是一个最新的网络沟通和协作平台。

wave不是娱乐至死年代的消除寂寞的玩具，（比如twitter及其它的copyer们）和大多数google产品一样，他们都有实实在在的使用价值，这种价值可以感知，让自己的沟通更有效，让自己的日程更有计划，让自己的文档更具移动性，便携和更方便于沟通协作，如果与获取信息这个泛泛的目标相比，google不仅在继续优化它的老本行——搜索引擎，这些年来还一直在致力于解决沟通在生活、工作以、个人计划以及群体协作方面的若干细分的深入的问题，并且已经积累了足够完善的资本。不难看出，google这次是雄心勃勃的要通过它已有的资本，通过它对沟通及其沟通延伸系统的考虑和规划，来构建一个真实的高效的可靠的沟通和协作平台。这个平台一旦形成，可能不亚于一次大的社会变革，提高信息世界的生产力，前几年寄希望于facebook，希望它可以带来真正意义上的改善社会性资源在生活和工作方面的沟通价值而言，wave更具有这方面的先天优势。而facebook更像是在娱乐潮中失去了志向，为了盈利渠道疲于奔命，在各种变体的poke中打发无聊。即便，的确无聊的人很多。但无聊支撑的产业链无疑不是良性循环的生态链。

chrome os的大战略google早已确立，自然一些新的产品开发会采用大力推广支持web os的特性和技术。这些技术上的分析，已经有很多，但wave最有前景和魅力的绝对不是其技术，大家来仔细研究下google如何依据它自身的优势构筑起来的别人无法逾越的产品壁垒。googlen认为目前的沟通工具要么只是关注到一个方面，要么一个方面都关注的不够好，因此wave也通过创新突破了一些瓶颈，比如，沟通时信息的存储和记忆问题，发明了独创的沟通回放功能。但就仅凭这个数据量，国内敢继续思考下去的已经很少了，能去尝试这么去做的，可以说几乎没有。我经常在思考我们经常所说的投入产出比是不是严重的阻碍了创意的发挥，扼杀了卓越的产品产生的机会。好像貌似中国人天生就只适合做简单的，低技术含量的，低附加值的东西。虽然中国经济发展了这么多年，人力成本却依然低廉，劳动价值没有得到应有的提供，扯远了，回正题。

另外，wave也采用了类似facebook的架构，自己优先解决棘手的复杂的沟通需求，至于轻量级的、个性化的东西，都通过开源交给第三方开发使用。并且google的Gadget的资源也不少。wave是真正的一站式体验，真正有能力交付更加丰富、安全、有趣和可靠的沟通体验,web端运行，免费并且体验质量很高的产品，如果把使用一个产品的时间和收获的价值的比值作为判断标准的话，给google的产品的打分都应属于高分，wave在沟通产品上的性价比，应该是最高的。

至于wave的诸多亮点，估计统计起来数不胜数，而这些其中很多的亮点，绝不是国内产品中的噱头—说的比做的好。而是确确实实的好，界面上的有点就不说，本应该做好的一些基础性的东西，比如开放性，即时性，文档及项目管理及协作，联系人管理、信息管理等等。

好吧，写了不少，确实，最终还是去细细体验和研究吧，wave产品是第一个我很难去抽象成一句话告诉别人的产品，因为它比其他任何产品来的深刻，目前从测试的角度而言，很多功能还没开放或者还不完善，毕竟这个产品内部系统太大了以至于我扳手指头都难以确认其中包含和整合了多少款产品。相比而言，我做的那点事情，真的是很汗颜。最后我保留5个wave的邀请名额，想要的在下面留言处发表你的看法。先到先得。btw,欢迎有wave的朋友加我，一起交流切磋。

谷歌拼音输入法团队通过wave及时完整的收集和整理用户反馈。

有人将wave用于远程教育

相关话题：Google Wave 源地址：http://jary.findesign.cn/?p=3072

为什么这么设计：Google Wave

xw — 2009-11-02 18:29:44

终于弄激活了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是：人->信息。

相关话题：Google Wave 源地址：http://blog.d8in.com/posts/603.html

Google Wave的一个交互实例

Ray — 2009-10-24 15:38:13

这几天一直超级忙，wave的手记写不下去了，总体来说，wave从UI上有两个地方值得称道，一是添加联系人的交互，一是滚动条的改进，今天来说说这个交互。

添加一个新的联系人，如上图所示。

当鼠标点击输入框，焦点在输入框中时，没有任何提示语，Submit仍然是disable的。注意向下看。

输入第一个文字时，下方出现提示：invalid address，继续输入，一直到@符号，一直会是这个提示。

注意，当图中的y被输入后，下方的提示语变了：Checking address….，开始检索数据库。

当检索发现不存在时，返回提示信息。

重新输入一个正确格式的联系人，下方会出现是否添加的提示，同时Submit按钮被激活。

这种焦点没有离开输入框时的即时检测输入内容很少见，以前看到大多数表单尤其是注册表单，总是会在焦点移到下一个输入框后才会进行判断，如果采用wave这种方式，是不是体验会更好？

下次说说那个滚动条，为什么我是G粉，因为Google总是在创新，而不是你做一我就画道横，你做二我就添一横。集团把研究院命名为创新院，其期望也在这里吧。

相关话题：Google Wave 源地址：http://www.rayiswaiting.com/?p=256

Google Wave试用体验与Google的野心

Jason Ng — 2009-06-24 23:35:41

昨天收到Google赠送的2个开发者帐号，拥有这2个帐号可以提前体验Google Wave。经过2天的体验，基本上了解了Wave到底是什么样的服务，以及Google到底在想什么。

Twitter上很多朋友问有没有Google Wave的邀请，答案是没有。我也只有2个测试帐号。没有帐号不要紧，我会在这篇文章里以一个普通用户的角度介绍Google Wave。

一、什么是Google Wave

Google Wave是Google即将推出的信息分享、协作、发布平台，它是一个创新和整合的平台。它面向的主要对象是团队成员。

网上的介绍不多，因为之前只有少数的开发者和媒体拿到了测试帐号，而且有些报道比较难以理解，根本没有必要将信息细分为“wave,wavelet,blip”，这只会让人对wave产生不必要的误解。

目前Google Wave没有开放注册，根据我的用后感受，Wave在一两个月之内推出似乎不太可能，目前它需要改进的地方还有不少。

要想在Google Wave推出时第一时间使用，可以在这里登记。

二、Google Wave的功能模块

目前Google Wave有以下几个功能模块：

1、整体：

Google Wave的整体界面很有Gmail的感觉。

2、导航栏：

导航栏上的项目分别为：收件箱、活动项目、全部项目、我（参与）的项目、历史记录、垃圾信息、设置、垃圾箱。

另外还可以自己添加搜索和新文件夹。

3、通信录：

通信录就是Gmail里的通信录，联系人是相同的。

4、收件箱：

在这里，信息会像Gmail的邮件那样被展示，未读和已读区分良好。

5、会话：

在收件箱点击一个会话或新建一个会话（wave）后，就是在这个区域进行编辑。

6、菜单:

这个Debug菜单是开发者预览版里独有的，正式版里面的选项可能与上面截图有较大的出入。

三、Google Wave的功能

1、在线状态显示

如上面展示的“通信录”部分，在线的人头像右下角会带上绿点，和IM一样，每个人可以设置自己的签名，但目前还不能设置状态为“忙碌”、“离开”等。

2、群发信息

信息可以发送给一个人，也可以发送给多个人，比如下面展示的这一条会话：

3、多人会话

既然信息可以群发，那么多人回复肯定也是可以的。下图展示的是一个多人会话实例：

4、富文本编辑

Google Wave的会话都是可以用富文本编辑器编辑的，不是简简单单的twitter纯文本方式。

5、嵌入地图

你可以在Google Wave里嵌入地图，然后发送给其它联系人：

6、嵌入搜索结果

如下图，搜索结果可以嵌入到wave中去，包括网页搜索、图片搜索、视频搜索、图书搜索等等：

7、文件共享

除了嵌入网上已有的信息，wave还提供了文件上传选项，你可以和联系人上传分享照片等文件。在我的测试过程中，上传速度并不理想。

8、嵌入Gadgets

你可以在wave里嵌入一个Google提供的，或者你知道其URL的Gadget。iGoogle里的Gadgets基本都可以添加，这是我在和Franky的会话里嵌入一个国际象棋gadget，可惜的是，双方都可以控制对方的旗子。

四、Google Wave的特性

1、会话重放

当一个会话有很多人参与，并且对话内的每个小条目都有很多回复时，你很可能会感到头痛，因为这实在是太乱了，互联网就是这样让你烦躁的。

Google Wave提供会话重放（Playback）功能，这个可能会按时间顺序展示会话里的每一段小对话，你还可以拖动进度条来看某个时刻的对话。有点像媒体播放器，不是吗？

2、缩进显示

一个信息条目与其回复会以缩进的形式显示，也就是回复会被内嵌到父条目里。这样能非常清晰地看到回复所针对的条目，这是一个范例：

3、即时会话

当会话的其他人正在输入的时候，本地wave会显示对方的输入状态。这不是和即时通信工具一样吗？

不是，这比即时通信更即时。你每打一个字，会话的其他参与者马上就能收到，同时还显示输入者的输入状态：

图中是"Jason"正在输入，wave用蓝色标明。

但是这种个即时性有个坏处，你打错字对方也会马上看到。

4、在线协作

参与一个会话（wave）的人对这个会话都有编辑权，也就是说，各人可以在这个wave里在线协同编辑这个wave。这是一种方式：

会话主持者创建一个wave，接着其他人在后面一起回复讨论，讨论达成后就修改主wave，这里全部过程都是在线即时进行的。

5、处理信息

对于某一条自己创建的信息，自己在以后任何时间都可以修改。

对于非自己创建的会话，可以将其报告为spam，作存档、静音处理，和Gmail里的操作类似。

6、支持Google Gears

Google Gears是可以让在线服务变成本地“程序”的插件，在首次使用Google Wave时我看到了Gears的授权提示。可以猜想，Google Wave一定会支持Gears的。

五、目前Google Wave还不稳定

在我的试用过程中，几乎每隔两分钟Wave就会崩溃一次，同时在浏览器上方出现以下提示：

接下来你要做的就是刷新页面，有时我刷新了又马上出现这个错误提示，需要多次刷新。

Google Wave运用了大量的js，即便在Google浏览器里，浏览器反应依然比较缓慢，也就是有点“卡”。尤其是在展开有比较多回复的会话时，浏览器几乎瘫痪。

在Firefox 3.5使用一段时间后，Firefox的内存占用更是从启动时的80MB上升到500MB。

同时，Google Wave还出现了几次掉线现象。

这个果然是开发者预览版。

六、Google Wave是一个整合信息平台

从上面的介绍可以看出，Google Wave是一个既有整合，又有创新的交流平台。我曾经在“社会化推荐聚合”里提到，整合是互联网的一个趋势，这不但体现在信息的集中处理上，还可以应用到一个大平台上。Google踏出了第一步。

Google wave与Google的其它一些产品有所擦边，但又有所不同。比如：

1、Wave和iGoogle都可以加入gadgets

2、Google Wave里可以添加一个外部的feed，可以在wave里直接阅读，这和Google Reader有所擦边

3、Wave的即时性很强，有取代Google talk的可能

4、在线协同是Google Docs的一个重要功能，而Google Wave也提供了这个功能

5、Wave与已推出的Google产品最相像的就是Gmail，这从界面和功能上都可以看得出来

上面这5项，后四项都是我每天必用的，Google将它们整合到wave中带来了便利，当然功能也削弱了不少。

如果对功能要求不太高，基本上每天用浏览器打开Google Wave就能完成大部分事情，这是Google的野心所在。

七、Google的野心

Google Wave的（即将）推出，是Google称霸互联网的野心的体现。Google Wave平台对谁有威胁？

1、即时通信工具

Google Wave提供有即使通信的功能。

2、微博客

微博客，主要是twitter，其红火的其中一个原因是有不同的客户端推动，而这些客户端都是依赖于API的。Google Wave也提供开放应用程序接口，也就是说，Google Wave也可以像twitter那样有无数的客户端，按照上面的功能介绍，Google Wave在功能上是可以取代twitter的。

3、在线协作、阅读、分享工具等

说到底，Google的意思就是：打开浏览器，登录到Wave，你就无需跑到别的地方了，你在这里就能完成大部分工作。而在你工作的过程中，Google也大量收集你的信息，为后面提供更个性化的服务提供基础（比如广告）。

Google希望通过这个wave，提供一站式的多元化服务，同时还收集你的信息用以强化自己。在隐私保护完善的条件下，这对双方都是有益的。同时，这也将会使得Google拉开与竞争者之间的距离。

相关话题：Google Wave 源地址：http://www.kenengba.com/post/1224.html