打印

[转]2006年JS超强应用网站总评

Pageflakes
Pageflakes,又是一个Personal Portal。  表现形式同样类似于live.comiGoogleNetvibes




界面显得要比live.com朴素很多,并且用了比较暗的颜色,看着要比live.com的一片白亮色舒服很多。不过颜色上,我还是比较喜欢Netvibes。

各个功能的表现形式则更像Netvibes,连提供的Flakes都和Netvibes的Modules很类似。不过他提供了更多~而且还开放了API,可以让网友自己制作。但是一些细节的地方不是很细致。

喜欢他的拖动效果,要比那三个都显得平滑,拖动过程中会像iGoogle有半透明的效果,而且在松开时,Flake会“滑动”到指定位置,而不是像那三个直接跳过去。

他的Add Content不是像Netvibes和iGoogle那样使用Side Bar,也不是像Live.com那样使用微软打算在Office 12中新推出的标签式菜单,而是使用了一个浮动的层。这样的好处是内容的排版可以更加随意一些,不用完全局限在树状结构中,而且显示的更加清晰。但是不好的地方在于这个层会遮挡后面的内容,我不得不把这个层拽来拽去来看看哪个Flake我已经添加了或者哪个Feed我已经订阅了。而且他默认的Flake是添加在中间一列的最上面,当我正好把这个层放在页面中间时,我甚至不知道这个Flake有没有加入页面,而点了好几下~~另外,他不支持直接把菜单里的flake直接拖拽到页面中,有些遗憾。

他提供了标签式的分页功能(很像是IE7的样子,最后一个是“new”),并且默认创建了几个标签,这对用户给自己的Flake分类管理帮助很大,不过很可惜,和Live.com一样,不能像ProtoPage一样,把一个Flake从一个页面移动到另一个页面。

作为Web2.0站点,PageFlakes同样采用了Ajax技术,使用的是M$的Atlas框架。不过,确切的说,他的应用方式应该叫做AJaH(Asynchronous Javascript and Hyper-text),因为他传输的对象不是xml,而都是彻头彻尾的Json(JavaScript Object Notation)字符串,序列化后直接得到js对象。所以可以节省很多浏览器在解析xml dom时花费的时间。所以同样是Atlas框架,而且网络环境应该也差不了多少,但是明显感觉这个的载入速度要比live.com快很多,而且没有live.com在载入过程中长时间的假死状态(live.com经常是浏览器要有几秒钟完全死掉,什么都动不了)。

至于是Ajax好还是Ajah好,可以看看emu的这篇《Ajax还是Ajah,这是个问题》。个人认为,还是要看具体需要,各有各的特长。

关于Personal Portal,国内还只是刚刚起步,前几天刚刚看到的Maikr,今天米随随也请大家帮他测试里面的博客备份工具。maikr还是挺有意思的,采用prototype+rico。每个模块都可以随意的拖动,感觉像是protopage,显得更有活力一些~只是现在还很Demo。慢慢观察他的发展~。

另外之前也看到了网易的一个测试系统RssReader,界面看上去像是iGoogle,不过也是很Demo,使用ToolMan DHTML Library作拖拽排序效果。没有使用ajax,用iframe和简单的页面转换作为数据交换。而126邮箱则应用了不少ajax的东西。可以看到,新技术方面,门户里网易还是走得比较靠前的,至少看起来是这样,而且在邮箱上下了很大功夫。

说道邮箱,这个易邮比较强,竟然把几大主流邮箱的界面都模仿了,而且还非常像(包括功能)。只是卖的未免便宜了一点,不知是不是后台性能比较差?  

不写了~突然停电了~  只能靠着本本的电池和键盘灯维持着了(IBM的键盘灯真是好东西~关键时刻就用的上了),而且还上不了网~

先存成txt,等明早再发~ 快两点了, 睡了~

[ 本帖最后由 feng4ever 于 2007-3-17 20:30 编辑 ]
附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录
  • 蓝色 威望 +1 原创内容 2007-3-16 20:58
  iGoogle今天也开放了自己的api,大家可以到这里添加一些更有趣的东东。开发者也可以将自己做的小模块提交给google。相应的开发文档可以在这里找到。

  巨头们(Google、微软、Yahoo)已经分别推出了他们各自的个人门户产品:
http://www.google.com/ig , http://www.live.com/ , http://cn.my.yahoo.com/

  不过他们看上去都大同小异,说简单了,就是一个Web RSS阅读器,加上自己的邮件提醒和天气预报功能。页面技术上用Ajax制作了一些拖拽功能等等。live.com提供了一个很简单的更换显示列数和颜色的功能。

  从个性化的角度开看,他们都提供了用户可个性化的内容管理方式,如果真的说是个性化主页,比如个性化的页面效果等,恐怕还是有些不足。至少还不能满足我的个性化需求。

  今天在网上参观,看到了几个不错的网站,可以说是个性化门户做的很不错了。用户在这里可以发布自己的信息,分享自己的订阅信息,修改自己门户的模块布局和配色等等。

Netvibes ( http://www.netvibes.com/ )
一个结合了Live.com和iGoogle共同优点的产品。提供了更多可供用户选择的模块。

界面:界面看上去和live.com很相似,也是淡蓝色的风格。提供了和live.com很相似的拖拽功能。
阅读器:Netvibes提供了非常强大的feed读取功能,支持RSS和ATOM,而且还支持OPML文件上传。也提供了比较方便的feed分类管理功能。
搜索:它的搜索模块可以搜索Google、Yahoo、MSN以及WikiPedia。
天气预报:Netvibes的天气预报看上去要比live.com的好许多
邮件:像iGoogle一样,他也提供了Gmail的读取功能,可以显示邮件标题和摘要。
写字板:有一个叫做Webnote的模块,用户可以随便的在里面写些什么,可以当作记事本,也可以当作自己门户的欢迎信息。
相册:Netvibes将Flickr也容了近来,输入自己的flickr feed,就可以在这里看到你的照片了。
文档:不止是Flickr,Writely也被加了进来。于是你也可以在这里管理你在writely里的文章了。
书签:提供了按照tag管理的书签功能,简单易用。
价格查看:天啊,网上交易也加了进来。不过只是一个产品的价格跟踪,数据是从多个网站提取的。如果有一个自己的网上商店模块就更厉害了。
优点:
清新的界面,很整齐,阅读性比较高。
提供了非常丰富的模块,基本可以满足用户各方面需求。
缺点:
没有提供界面修改功能,如修改颜色,列数等等。还不能充分的满足用户个性化需求。
大部分模块还是借助于他人的系统,而只是利用公共接口来提供的第三方服务。如search、gmail、flickr photos、writely documents、price watch。目前来看还只能说是一些网上热门产品功能的聚合。可能这也就是他本身作为一个feed reader的特点吧。
可以说是一个功能强大的feed reader。对于那些使用多家网站的用户来说,会是一个非常不错的选择。
另外,这个产品已经在国内有了clone: http://www.okrss.com

  

Protopage ( http://www.protopage.com/ )
一个非常个性化的个人主页服务。

个性化界面:界面功能可以说做的很棒。提供了完全自由化的拖拽功能。可以把页面想成自己电脑的桌面,用户可以随意将自己的模块放在任意位置。每个模块可以展开、折叠,自由缩放大小、最大化等。
自定义风格:用户可以通过颜色滑块调整每个模块的配色,或是从系统已经提供的配色方案中选择一款。同时,用户还可以修改自己的背景图片,就像修改电脑的壁纸一样,竟然还有平铺和居中的选项。另外,用户还可以选择模块是否需要显示阴影。哇塞~如果每个窗口还可以修改背景和自定义样式的话,我就真的要疯掉了~非要弄出一个mac或是vista风格出来。
灵活的公开/私人切换:注意到页面的右下角,有数字1、2,呵呵,这就像是linux中的多桌面功能,可以把模块放置在不同的桌面中。干什么用?看见数字上面的小锁图标了么?这个就是设置公开/私人的方式。因为protopage给用户提供了一个个人url(如 http://www.protopage.com/toddlee ),别的用户可以通过这个地址访问你的主页。把模块放在打开小锁的桌面上,别人在访问时就可以看到你的这些信息。
简单实用的模块:protopage只提供了三种模块:写字板、链接收藏和新闻聚合。都是很实用的模块。写字板 提供了WYSIWYG所见机所得的编辑器,编辑文字内容很方便。
链接收藏 就是简单的文字链接,提供模块内的上下顺序调整功能。
新闻聚合 可以自由添加feed地址,并可以设置每个feed的显示条数。
优点:
个性化十足。页面布局、显示效果均可以自定义。方便用户打造出完全属于自己的个人门户。
新颖的公开/隐私内容管理方式,很有趣,也很直观。
缺点:
模块略显简单。如果能够像Netvibes一样,提供如相册之类的模块,将会更加丰富多彩。
既然做得已经很像个人门户网站,为什么不把写字板功能加强一些,直接弄成blog的形式。这样将会有更多的用户使用它,而不只是欣赏它。
Protopage如其名,已经很像是个人门户了。用户可以自由的安置自己的家,让别人来访问。这比起msn spaces那些蹩脚的布局管理要自由得多了。如果能够加强模块功能,并提供更多的风格设置的话,将是一个非常不错的个人门户网站。

  

squidoo ( http://www.squidoo.com/ )
展现了个人门户的一种新盈利方式

界面:squidoo的界面比较简单,部分交互上使用了ajax,不过整体的操作感觉还不是很好。与上面两个不同的是,squidoo可以让用户创建多个自定义页面,它称之为lens。每个lens上面可以展现你收集和创作的东西。
模块:目前只提供了几个比较简单的模块。简介、文本、RSS、链接、Flickr、Technorati、Amazon。和前面两个比起来算是比较普通了。
盈利模式:squidoo在lens页面中插入了AdSense,并且和用户分享广告收入。用户可以在自己的lens里插入广告来获取收入。并且可以设置自己的收入如何分配。squidoo默认提供了四项收入分配方式,不过其中三项都是捐赠给squidoo或是什么其他组织,最后一项才是给付给自己。不过目前的beta版还没有启用这样功能。
squidoo的盈利模式是他的一个亮点。记得前几天我们还在讨论这种盈利方式的可行性,没想到在这里已经实现了。在用户的页面中插入广告,自己在获得收入的同时,分给用户一点羹。这样用户会很愿意在自己的页面上同意插入广告的。不过仍然不适合那种眼花缭乱的flash或是大图片广告,恐怕只有AdSense这种简单轻巧的广告用户才能接收。
  

  可以看出,这两个产品,包括前面提到的Live.com和iGoogle都大量的用到了客户端技术。div+css的页面结构,Ajax的页面数据组织方式在这里发挥的非常出色。用户对自己页面设置的修改,可以立即看到效果。比起以往的等待网页刷新要好很多。

  Web 2.0在火,个人门户概念在火,用户体验在逐渐被更多人重视,这些都给web客户端技术发展带来了新的动力。可以看到,目前这方面的优秀人才也是比较缺少的。

  如何使自己的技术不断进步?如何更大限度的满足用户需求?如何给用户带来更出色的用户体验?我想,这都需要我们在今后的日子里不断地学习,不断的总结经验,不断的磨练自己。

  多想想,没什么坏处。
下面我们来逐个看一下。

新的界面主题样式

模块增加了一些渐变效果。风格上更像messenger8最近更新的感觉。在一些模块(Weather和Windows Live Gallery)的标题位置,加了个突出的小图标。另外,搜索框好像也有了些许变化。

改进了添加和管理模块的方式。可以随意的拖来拖去。

将原来放在左边的树型菜单,放到了顶部,并且类别划分的更细了。在右端有模块的预览位置。最初还是有些用不惯。这种变化的好处当然是结构更加清晰。不过不知道如果内容再多些会是什么样子,是出现滚动条?还是这块区域变高?
拖拽是不可少了,之前的版本也是有的。就是你不用点击模块预览区的“add”,直接将某个模块拖拽到页面中,就完成了添加操作。

改进了RSS阅读器

可以看到,在右上角增加了一个图片显示区域(好像之前的一次升级已经增加了)。每个标题后面多了一个“more”,点击他会弹出一个预览窗口。如图:

里面有三个链接:阅读全文(弹出原文页面),发给好友(启动邮件客户端),blog this(这个在Spaces中常见的功能,也加到这里了。点击这个可以快速新建一篇Spaces日志,并引用原文链接)
RSS模块的最下面还多了一个read all。点击后会出现RSS全文(这个在现在的Feed订阅工具中很常见了)。

提供了导入OPML功能

找个不多说了。如果你又opml文件,直接导入好了,他会将你订阅的所有feed都加进去。(不知道Spaces将来会不会提供opml输出功能?)

分页功能

这个让我立刻想到了Protopage。只不过Protopage的分页可以划分阅读权限,并且模块可以随意的从一个page转到另一个page。live.com这个page除了可以把多得方不开的模块分开来,我还没想到什么好处。而且也不是很好用。

和Windows Live Search以及Windows Live Toolbar的整合。
Windows Live Search不得不提。界面非常简洁。首页超级简单,只有一个logo和一个search输入框。
不过结果页面可是大有文章。

一个最大的特点就是他完全抛弃了以往搜索工具的分页显示方式,而采用异步读取的方法,把结果都列在一个页面中。只要你鼠标滚轮一直向下滚动,就可以查看后面的内容。操作感觉非常平滑。可真称得上是搜索工具UI的一大突破。
另外,提供了三种查看方式(1.仅标题和url,2.标题、描述、url,3.标题、描述、url、站内搜索链接)。可以通过一个滑动块来切换。
在这里,同样增加了一个功能“add to live.com”。你可以将一个搜索结果列表,当作一个模块添加到live.com的自定义页面中。呵呵,想不到产品可以这样整合吧~~

后记:
Live.com的这次改版应该是自上线以来最大的一次改动了。可以看到,系统结构已经较之前从start.com转变过来时,有了比较大的改动。而且借鉴了同类产品的一些功能特点。

应用的依然是Atlas框架,版本已经升级到2.x(虽然logo上依旧写着beta)。增加了很多扩展的js,初次载入需要的时间还是比较长的。而且好像和以前的Gadget有兼容问题,至少我的页面提示了两个js错误。

微软依旧是微软,坚持自己的页面标准。ff和opera中提示了一大堆错误(js,css和html),不过依然可以正常使用,这点不得不佩服微软:我让你能用,只是不会用的太爽。

看了这么多Windows Live系列产品(mail,messenger,live.com,favorites,search)以及近期已开始测试的Office Live和Xbox Live,Web、桌面办公、娱乐,可以感到微软这次的产品整合功夫下的还是非常大的。不管是功能整合还是UI方面,完全体现的都是一个统一的Microsoft Live Platform。

虽然目前这些服务都还只是beta版,也不是很完善,而且经常性的“服务不可用”。但是这种强大的阵势都会使google和yahoo为之震颤的。
一个flash做的个人门户。感觉很不错。

提供了feed、links、wiki、poadcast、alert、friends,而且可以给好友共享自己的feed、links和好友,实现了一个简单的SN
http://www.gritwire.com/


Flash界面:flash做界面要比html的效果好很多,更加柔和,更强的表现力,拖拽更是不用说。
可爱的小窗口:每个小窗口提供了“最大化”和“关闭”按钮。但这里的关闭并不是删除模块,而是隐藏。你可以把所有的窗口都关闭了,只留下一个干净的背景,放着Grit的大logo,也是蛮酷的。然后可以在最下面(类似mac里dock形式),点开各个窗口,他们还会出现在各自原来的位置上:)
功能强大的feed reader:提供了feed分类和opml导入功能,点分类,可以查看此分类下的所有文章列表。文章列表中可以对是否已读作简单的筛选,还可以切换文字大小(这个很不错,方便更多用户浏览习惯)。还可以将某篇文章推荐给好友和保存起来。
另外他还可以search feed,不过结果看来好像只有网友们曾经在这里订阅过的feed,而不是在internet上搜索。不过正好可以看出来有多少人对这里感兴趣。搜了一下“todd”,找到11条结果,其中还有一个是我自己刚订阅的。
另外,“sohu”有7条结果,其中有“bloghoo”,“sina”有44条,里面不乏名人博客的身影。不知是sohu提供的rss源比较少还是关注的人比较少?
优点:
界面很像是桌面程序,容易上手。而且利用flash可以达到比较不错的表现效果。
强大的feed reader,应该是rss在线阅读器中很出色的了。
社交网络雏形。建立了一个简单的朋友圈,并且可以在朋友圈中共享自己的收藏。
缺点:
界面定制性不强。只是简单的换换位置恐怕还不能满足我的需求。如果能够更换主题就好了,至少能够像Protopage那样能够换换窗口颜色和背景图片,这一点用flash不会很难实现。
功能略显单一。想来想去,恐怕对我有些用的也就是feed reader了。links功能太简单了,而且还不能排序。关于Friends,目前这样的朋友圈还不能很好的发挥SN的作用,还有待改进。那个poadcast,我等了好半天,还是loading

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!
不错,我上去看看先!

TOP

长见识了

TOP

一直用iGoogle。感觉Google的优势在于跟他其它的服务结合。

Netvibes感觉也不错。
www.23mo.com

TOP

引用:
原帖由 wangliubing 于 2007-2-13 21:23 发表
长见识了
严重同意

TOP

楼主的总结不错嘛。但大部分都是国外的,国内情况怎么样呢?

TOP

只有技术普及了,web2.0才能繁荣。

TOP

抓虾
:)
呵呵

TOP

  落后呀,落后,呵呵。现在技术落后一大截楼,够追地了
体验游戏 game4power

TOP