Google 的归档:

Google Notebook的GUI

昨早上发现Google Notebook已经上线了。早都希望Google能出这么一个东西了,让我随时能够记录看到和听到的东西。而Google这次不尽能让你记录文字,而且还有bookmarks的功能,并且,最重要的是可以分享。不过还没有tag。
试 用之后,感觉仍然是很有Google的风格——有待改进,首先是颜色上,虽然整体风格沿用了Google产品线上一贯的Ajax应用的风格,但是颜色来看 和 Gmail,Calendar有出入,即后两个都是以蓝色作为内容,黄色作为设置,绿色作为搜索(Calendar中结果页用蓝色显示,但符合逻辑);而 Notebook则是以蓝色显示私人记事本,黄色显示公开记事本,绿色显示某个记事本中的section,我想应该有更好的办法来区分这些项目而不是以混 用颜色的方式吧。其次是对note的编辑,不喜欢那个频繁出现灰框,总让我觉得很不安,觉得应该是在点击了“展开”按钮(就是那个小三角)后才变成灰色比 较合理。另外还有些其它比较细节的地方希望能改进。
不可否认的是,这东西现在已经很好用了,尤其是加上针对Firefox和IE的插件。不 知道Google准备怎么玩他,希望和Google Bookmarks和Gmail整合,当然还有Calendar和Reader。现在已经开始拿这东西写Blog了,刚才写了一半Firefox又崩了, 多亏这东西,要不全白写了。
还有,顺便说一下,太喜欢Google Lab的新logo了。

Del.icio.us和Google Bookmarks的Tag Suggest交互差别

又有好久没有更新blog了(为什么要说“又”!),最近上班,手也变懒了,上班忙,所以脑子想里 的东西也就少了,手和脑子这两个用来写blog最终要的东西都歇菜了,所以也就没什么更新。不过,这几天还是发现了一个可写的东西—— del.icio.us和Google Bookmarks的tag suggest之间的交互差别带来的体验差别。先看看下边的图片。

从 图片中来看,基本差别不大,但是在使用中,del.icio.us的在提示出现时,如果按下Enter就会直接提交,而Google Bookmarks则会把提示栏内选中的tag添加到输入框中。拿上图中举例,举例来说,如果在del.icio.us中,我输入“s”后,提示栏出现, 默认选中了第一个相关tag——“standards”,这时,在我未输入完standards的所有字母前提下直接按Enter,页面就会被提交,那么 这个bookmark的tag就是“s”,而不是我希望的“standards”,但在Google Bookmarks中则会将当前默认的“web standards”添加到输入框中。
另外,在提示框出现时,如果框内有不止一个的tag,那么,在del.icio.us中按方向键则会 移动光标,提示框会消失,而在Google Bookmarks中则会在多个tags之间切换,来选择tag。最后,来看看,当我键入“s”的时候,Google Bookmarks中出现的“web standards”。del.icio.us使用空格来区分tags,Google Bookmarks使用逗号来区分,我更倾向于后者,因为用逗号就使我们的tags不一定必须用一个单词或者几个单词中间用连字符相连,现在在看我的 del.icio.us标签中,有很多诸如[”user],[ajax,],[experience”]等等这样的tags,而且,我认为,尽管 del.icio.us虽然在tag输入框之后写明了用空格分隔,但是毕竟这不符合人类的书写习惯,所以应该在处理的时候有能力处理地较量完美,而不至于 留下象我上面列出的那些怪异的tags。

Google的各种姿态

About Face 2.0: The Essentials of Interaction Design中介绍了用户界面设计中的姿态(posture)概念,我不知道为什么要叫posture,也就姑且按翻译者的翻法,先叫“姿态”吧。
这里的姿态是指一个软件以什么样的形式出现在用户面前,当然,这种出现方式应该以用户体验为基础。书中将桌面软件的姿态分为四种:

独占式(sovereign),即软件运行时,会占全整个屏幕的空间,来让用户完成工作。比如Microsoft Word,Google Earth,Picasa。
暂时式(transient),不会长时间出现在用户的屏幕,而是为了完成某项工作或任务指令而弹出,而且其工作时一般不会占据整个屏幕。比如Word中的查找替换功能,Windows里的计算器,Google的搜索(下面作详细说明)。
精灵式(daemonic),大部分时间不会以窗口或对话框的形式工作,而是在后台运行,有些会在系统托盘里提示用户当前其正在工作。即时聊天工具(如Google Talk)就是比较典型的例子,此外还有Google Desktop。
辅 助式(auxiliary),一般也会长期停留在用户的屏幕中,但它不作为主要的应用程序的一部分,而是起辅助性作用。书中举例是集成在IE中的 Media Player播放器,此外,还有Google Desktop的Sidebar(尤其是当你把它设置成不自动缩进的时候)。

现在结合一下Google的产品来说说,其实要把Google的网络产品和桌面产品放在一起说,按照书中的思路有些问题,因为书中专门有关于Web的姿态分析,不过我感觉那部分讲的不如桌面姿态的部分好,而且在阅读桌面姿态部分的时候也确实感觉可以应用于Web姿态中。
我自己感觉,Google目前界面设计给我印象最深的就是它的Web搜索(Google Web Search, GWS)和Picasa2。
GWS 虽然是一个网络应用,但非常符合暂时性姿态程序类型,就是为了让用户需要时快速使用,快速处理,快速离开。GWS的界面风格大家有目共睹,正符合暂时姿态 型程序的设计原则——明亮清晰、尽量简洁,其简洁的设计也为Google日后其他产品的界面设计奠定了基础和风格。它就是以简洁的风格,尽力不去分散用户 的注意力,让用户专注于搜索,这其中,最让我敬佩的是其懂得放弃的理念。可以看见,Google没有在它的首页把它的全部服务都展示给用户,而是只陈列了 Web、Images、Local等几个为数不多的搜索服务,如果你安装了Google Desktop,还会有一项Desktop。而其产品列表则位于more所链接的页面。这些位于首页的服务大多是用户用的最多的服务(当然也有出于营销目 的而放置Froogle,使用Froogle的人好像不多),这样,可以和简洁的页面设计一起,来达到让用户专注于搜索的目的。Google这种能放得下的设计思路还是很值得学习的,从98年至今,其界面没有像Yahoo!那样变得复杂凌乱(当然,Yahoo!开始也没有Google那样简洁),而只是将其新开发出来的,能够满足用户最棘手需求的服务产品加入了首页,而且每个也只占用了不到70×20像素的大小。其实,这也很符合现在Google文化中的一个元素——一些页面需要探索和发现才能找到,比如其Hack搜索页面等。
那 么,作为独占姿态型软件的Picasa 2,也具有其设计上的优势。独占程序的用户一般会长时间专注于该程序,或者说是该软件,来完成自己的工作。所以,一般用户会对独占型程序的熟悉程度高于其 他类型的程序,在这种情况下,用户会对软件的功能按钮产生一种位置感。Picasa 2的按钮非常大,而且数量不多,很多功能都可以通过拖拽来实现,非常方便用户的使用。此外,Picasa2的基于日期的图像管理方式非常符合用户的管理心 理,尤其是对照片管理更是如鱼得水!Picasa2页传承了Google一些设计文化,比如Star、Label等。(准备过两天写一个关于Google 设计文化的文章)
相比较而言,Google的另一个产品——Google Earth的用户界面设计我就不是很喜欢,个人看法。不知道现在设计是否沿用的是Keyhole被收购前的设计,总之Earth从视觉风格到用户体验都不 如Google的其它产品来得那么爽!比如要改变视角就得把鼠标移动到底部的操作栏内操作;查询时如果没有结果,弹出的那个错误对话框很让人沮丧,其实完 全可以如有搜索结果时的那种方式,在左侧的导航栏内显示无结果,总之,用一种比较友好的方式来为用户返回信息,这在About Face 2.0里被称为无模态反馈(modeless feedback),就是不以对话框或别的中断用户工作的方式来为用户反馈信息,而是以更自然的方式来反馈。
关于Google的精灵姿态应 用,目前有Google Talk、Google Desktop和Picasa Media Detector,每一个都会在系统托盘中来提示用户,“我正在运行,如果你愿意,请关闭我!”,Desktop还可以变换成辅助姿态的应用,包括 Sidebar形态、浮动和嵌于开始栏内三种状态。在这里,就想说说Desktop里的Quik Search,它采用了和Google Suggest相似的设计,但是比GS更复杂,可以显示简单的搜索结果以及选择Google其它的搜索服务。当用户输入搜索串时,程序会自动启动搜索,根 据用户当前的输入来立即搜索内容,省去了用户点击”Search”或敲Enter的步骤。别小看这小小的一步,要完成它,用户不得不被迫的去做物理劳动, 比如输入完搜索串,用户需要抬起手再落下以敲Enter键,更有甚者需要用户的手从键盘上转移到鼠标上来完成点击”Search”的工作。减少这一步,就 为用户省去了这样的机械式动作。
Google的产品总是为用户考虑的比较周到,简洁的界面使用户安心工作,不必疲于学习或被折磨得眼花缭 乱,但简洁的界面背后是强大的技术,技术支持了其智能地为用户服务,来减少用户与应用间的交互,最终减少应用的复杂度,从而生成简洁的见面。不知道 Google下一个产品会使如何呢,G Browser会是什么样?G OS又会如何?