Archive for the ‘案例分析’ Category

Live版本的Gmail

Saturday, November 24th, 2007

由Google的头号粉丝站Google blogoscoped恶搞,挺有意思的设计。一方面在说明微软的问题,另一方面也揭示了传统的危害。

首先,依照微软的风格,Gmail这个名称实在是太短了,那么最好改为“Windows Live Gmail”这个名称。其次,最好有些Windows软件常见的视觉元素。例如,给邮件标题的空间需要压出来一点留给阅读区,最好是Outlook的三分栏设计。

03115188.png

另外信箱的安全性需要提升,除非你标记邮件时安全的,否则邮件附带的外部链接均无法打开。同时,登录的地址一定要是username@gmail.com的形式,而不能用username登录。

至于浏览器的链接地址,为了安全性考虑绝对不能显示成http://gmail.microsoft.com,而要改成http://by114w.bay114.gmail.live.com/mail/mail.aspx?rru=home

邮件前面的多个邮件选取框要变成图标的形式,还要多放点广告,否则多浪费空间。一定要在收件箱里显示点垃圾邮件,否则垃圾邮件拦截功能谁会用?

03122938.png

充分利用上部的空间,放上点广告。然后有点微软精神,给用户2MB空间,对了,一定要显示成2000KB的形式。最后,登录后用户首先看到的页面一定要是欢迎页面,不能让他们直接看到收件箱。

03125322.png

现在的颜色设计有些太淡了,加点渐变,阴影效果,再加点载入效果。广告放不下?算了,去掉搜索功能,加入Windows的帮助小狗。任务完成。

03132475.png

假设Gmail由微软设计……
http://www.donews.com/Content/200711/6825f9d3ffb047bf90a8e3d9cd2adabf.shtm

Flickr的Beta版和Gamma版对比

Wednesday, September 19th, 2007

http://www.flickrcn.com/49.html

2006年5月份改版

Flickr Beta
oldflickr_tn.jpg

Flickr Gamma
newflickr_tn.jpg

百度与Google的眼动跟踪研究

Friday, July 20th, 2007

来源 http://www.yeeyan.com/articles/view/lonelysan/1270

我们挑选了50名年龄在18到25岁之间的中国学生到Enquiro实验室。我们给他们分配一些任务,包括任意关键词的搜索,以及我们在北美研究时所使用的例如使用搜索引擎来寻找有关数码相机的信息等等。

我们保留了在北美研究时所使用任务的目的是为了看下是否这些人的搜索模式与在北美的中国人的有根本性差异。我们也要求他们搜索有关北京2008年奥运会的信息。

任务完成后,我们还对参与实验的学生进行提问,问题包括他们在中国的住所,使用网络的情况以及其他一些基本的人口统计信息问题。这些数据收集的时间是在4月份。

问题:中国人的搜索行为与北美的那些中国人有差异吗?

有。在不少方面都有不少的差异。让我们来看下在Google上中国本土的和北美的中国人针对相似的任务的热度图比较。

justbehave-june-15-1.jpg

可以看到在右边的中国人的结果并不符合黄金三角或者F型搜索模型。谷歌中国的热图非常典型,热点都源自左上方。但是它并没有垂直延伸从而形成F型搜索模型的F字母的尾巴。而相反在水平方向的延拓则非常明显,比垂直方向要多的多。北美中国人的这组搜索模型则非常符合F字母的形状。离均值的数值偏差最小。

但是在中国,除了热点源自左上方和中国人受到前面所列出的这些先天的影响之外,我们发现它并没有形成标准的行为方式。我们确实(尤其是在Google上)也看到了有那么4到5组表现出了典型的搜索模型的趋势。这种‘’补偿集“搜索与我们在北美的结果相吻合。但是在北美搜索行为的交互性很容易预知。首先沿左面向下搜寻,看有没有所要的信息踪迹,如果有的话就水平方向展开去看标题。在中国,除了热点都源自左上方外,人们在整个的页面上跳来跳去的寻找信息。两者之间没有任何通用模型可言。

此外对于列出的搜索结果的响应也各不相同。在北美,人们浏览扫描,并选出词组。我们很快的挑词出来看他们是否适合我们的”语义图“(语义图是我们研究的一个专用名词),但是我们并不去管具体列出来的是什么。

由于汉字由符号组成的,许多不同的符号组合在一起来最终显示他们的意思,所以信息扫描起来比较苦难。如果放到西方理论下来打比方的话,就好比将我们的字母表延伸至2000个字母,全部都用黑体,并且去掉单词之间的空格,然后从中挑选我们所要的内容出来。字母表我没有办法增加,但是我可以将字母都写成黑体并且将单词间的空格去掉,结果就像这样子:

TOTRYTOPUTINAWESTERNCONCEPTUALFRAMEWORK,IMAGINEHOW DIFFICULTITWOULDBETOSCANMEANINGFROMTHISPARAGRAPHIF OURALPHABETWASEXTENDEDTO2000CHARACTERS,PRESENTEDIN BLOCKLETTERSANDALLTHESPACESBETWEENWORDSWEREREMOVED

这也许能够使人理解,为什么要浏览和挑选单独的词义会比较慢些。

另外一个令人吃惊的相异之处在于点击第一下前人们在页面上所花费的时间的不同。我们在北美所做的研究中,使用Google.cn搜索的时长大约在8到10秒钟左右。但是用在Google,浏览同样的条目使用的时间相同。但是在北美,人们只需要垂直的浏览就足够看出搜索条目(和关键词)的相关度了。而在中国则需要浏览整个条目。同样是上面的图,左边的北美的例子和右边的中国相比较而言,可以看出很明显的浏览焦点的差异。

问:在用户体验上百度和谷歌有何差异?

按照北美的模型标准来看的话,Google给用户的感觉会更好些。

justbehave-june-15-2.jpg

通过上面的比较你可以看出在Baidu和Google上搜索同一事物的搜索差异度。使用Google时,用户用一半的时间进行语言类搜索(55s中有30s),一般时间用来搜索一些生活用品相关的东西。使用Google的用户仅仅将搜索结果锁定在第4项搜索结果之前,而使用百度的用户则会一直搜索到搜索结果的末尾。同样需要注意的是,在左边的百度的例子中在顶部的搜索栏和底部的备选搜索项中出现了大量的X(x说明了鼠标点击数)。这说明了在成功高度上也许百度并不怎么样。但是原因何在呢?

造成上述结果的因素也搜索结果本身也有关。百度的搜索结果比较含糊。实际上对谁是主体谁不是比较模糊。搜索结果中也有推荐结果,这些推荐出来的结果都是付费给百度的,这就破坏了搜索结果的有机性。并且这些推荐的搜索结果往往都附带有广告和病毒。按照北美人的观点看来,百度带给用户的体验无疑是糟透了。但是这并不妨碍百度成为绝大多数中国人的首选的这一事实。

问:为什么选择百度作为研究对象?

1. 内在增长和外在刺激

中国人都非常迫切希望有自己的搜索引擎。百度的媒体宣传使其成为一个温和的中国本土企业,相比较而言Google则毫无作为。这传达出来的信息非常明显,中国的就是最好的,而广告宣传的差别则很微妙,在研究百度和谷歌的时候实际上需要将这些考虑进来。

2. MP3因素

Baidu是寻找和下载mp3文件的主要的搜索引擎。因为下载mp3是中国人最平常的网络活动,响应的这些就会产生相当大的访问量。联想到之前全盛时期的Napster的网络活动和同期的Google,我们不难看出为什么百度所占的市场份额会如此之大。

3. 中国用户的多任务性

典型中国人的上网活动中也隐含了另一个影响实验结果的因素。由于中国的网络链接比较慢,这样就造成了显示结果的时间比我们用的时长要长些。他们就会同时开几个窗口。(长此以往)他们已经习惯了眼前同时有几个窗口,有的经常是不相关的程序。这很可能也使得他们比较容易接受西方人认为完全不相干和没办法接受的搜索体验。

06版Yahoo!首頁分析

Sunday, July 8th, 2007

来源:http://charlesc.ilovemeow.net/blog/20060601/590

根据UI blog的说法,他们在做改版时,最常考虑到的是Cross Page Boundaries Reluctantly

简单来说,就是不要换页。在同一页面里透过滑鼠的移动或点选,呈现更多资讯,吸引使用者继续阅读。这不是因為现有有了AJAX,所以要大量运用特效。而是為了要”perfect the wheel”,提供使用者更好的体验。

重点一:Personal Assistant - 六个个人化资讯标签的区块

147251918_e3788d21b8_o.png

重点二:Tabbed Content Areas - 页签式网站内容推荐

有四个页签:Featured / Entertainment / Sports / Money

每一个页签里的内容,又有四个标题可以点选,点选后会在页签里载入图片和摘要,不会直接跑到内文页。
这作法已经满常见,但设计好坏有差,不能让使用者搞不清楚状况 - 对照组。

147251933_6813ef7bd0_o.png

重点三:Yahoo! Pulse

据说这区块是以网友的内容/推荐為主,而非编辑选取:

This is a new section in the home page and enables people to discover “what’s hot on the Web” - including the most popular and interesting Yahoo! searches; the latest trends; popular music, videos, photos, people and opinions. This is in essence Yahoo! aggregating all of their user-generated content and filtering to get the most popular items - e.g. Interesting Flickr Photos, or Most popular cars, or Top Music Videos. Very 2.0!

147314320_83a0e247fc.jpg

重点四:Customization options

除了选择网页配色之外,还提供narrow/wide两种版行的切换。narrow版类似现有的版型,wide则是预设版,适合1024/768以上浏览,并将频道列摆在左栏,让内容区块更大。

147251923_6281ba9280_o.png