浅析netvibes.com的web设计

1.整体感觉
界面给人耳目一新的感觉，各项功能体验也是别出心裁:

• 栏目的拖动和动态调整周围栏目的位置
• 每个栏目的编辑功能给用户带来了最大化的方便
  

2.实现

• 技术和设计：后台的rss应该是重点之一。从与php的通信内容可以看出，netvibes.com对所有的rss都做了标记，分配有一系列id标识，应该在后台有比较深入的rss处理策略:比如缓存、索引、统计、分析等等。
  

• 通信策略：用户针对每个栏目的每一项内容的操作几乎都有和服务器端的通信发生。saveUserData.php的作用和潜力很大，通过这种方式可以搜集用户的rss浏览行为信息，同时给针对用户的数据挖掘工作打下了很好的信源基础。
  

• single page模式：
  

3.设计

• Ajax：如果用Ajax的字面含义作为标准的话，netvibes.com可以说是最典型的实现了。前台的界面几乎都是js绘制出来的，js的分布也充分体现了OOP的风格和模块化的设计思路。设计者应该非常熟悉java了和回调方法的技巧。虽然有些地方的对象之间的耦合程度还比较大。

• 参数化设计：发挥得淋漓尽致，还有好多地方明显可以看出其设计的前瞻性，即便如此，目前的设计仍有很多地方可以更完美，比如按照目前的发展状态，前台和后台的映射/绑定关系必须要独立出来。

• single page模式给js留下了广阔的空间来尽显其能。js中的参数传递和缓存设计充分体现了代理模式的思想。前台后台分得很清楚，js和*.php的通信依赖XMLHttpRequest和后台进行XML通信。

• 面向对象的程序设计：代码风格让我想起了HTMLArea,尤其是其模块化的部分。代码看下来几乎没有引入其他lib，也就是说独立实现的功能，其设计非常完整。给出了较好的浏览器兼容性。
  

• 本地化：依靠js实现的。我们以前考虑国际化和本地化的时候几乎都是从服务器端出发的，netvibes.com把这部分也仍给了客户端...并且实现的相当不错:得益于single

        
4.创新点

• 在线rssReader
• 根据用户需要订制界面栏目
• UI的设计
• xhtml+css+js+php
  

5.发展和展望
        独树一帜的理念和出色的人性化设计使得netvibes.com越来越受到用户的喜爱。国内的dudoor.com更是大比例地参考其代码和思想，进行了尝试性的扩展。仅从技术角度来说，single page模式和本地化实现非常具有参考意义，如果详细改进其功能部分的代码，执行效率应该有很大上升空间。
6.+prototype？
优点:

• 减少代码规模
• 增强可读性
• 可以提高运行效率

 缺点:

• 设计的完整性被破坏，这一点对以后的发展的影响非常大
• 代码风格不一致

有兴趣的话可以看看笔者的参考站点:http://yexuan.org/~zhuke/netvibes/