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

tdlisheng 楼主

Pageflakes
Pageflakes，又是一个Personal Portal。  表现形式同样类似于live.com，iGoogle，Netvibes




界面显得要比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 编辑 ]

tdlisheng 楼主

　　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客户端技术发展带来了新的动力。可以看到，目前这方面的优秀人才也是比较缺少的。

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

　　多想想，没什么坏处。

tdlisheng 楼主

下面我们来逐个看一下。

新的界面主题样式

模块增加了一些渐变效果。风格上更像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为之震颤的。

tdlisheng 楼主

一个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

zeroweb

不错,我上去看看先!

wangliubing

长见识了

yuno

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

Netvibes感觉也不错。

tyau00

原帖由 wangliubing 于 2007-2-13 21:23 发表
长见识了

严重同意

windkoo

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

hk3000

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

phzzy

抓虾
:)
呵呵

hero4u

  落后呀，落后，呵呵。现在技术落后一大截楼，够追地了