Netvibes界面UI评析

星期一 01.23.2006 - Posted in 互联网产品设计,

Netvibes.com是个人认为现阶段最棒的web2.0网站,要比Microsoft和Google的同类产品要强。相对Flickr和Delicious,Netvibes除了有极高的易用性还有出色的UI设计,精致且浑然一体。

配色方案,给人一种很舒服的感觉。整个页面主色调是蓝色,大范围辅助使用了灰色,用色很节省,显然都经过了细致的推敲,某些过渡色估计是混合出来的,另外还使用少量绿色系颜色做点缀。

文字链接,主要就使用#36C, #000, #f60, #ddd, #777五种颜色,第二种文章列表的方案很有特点。

加载中,各模块异步加载,无页面刷新实现。

正常模块,模块外边缘有3个像素浅灰#eee,和斜线底纹灰的#DADADA稍微有一点深浅区别,有一种模糊朦胧的感觉。

编辑状态,自定义显示的文字和背景色,红框内文字可以自由编辑。

拖动中,此为拖动中的状态,红色虚线框为可放位置提示。

收缩后,全部模块可以全部收缩,单个打开。

文章列表及内容,浮动在最上层显示,用黑色边框#000突出。

控制面板,点页面左上角“add content”后弹出显示,和当前页面模块在同一个平面,边框为深灰色#AAA区别。

从设计思想来看,辅助设计一张图片也没有用,典型的Simple and Usable。每个单独的模块就是一个对象,方便自由调用。用户体验的角度,易用性很好也很流畅,没有明显停顿和比较耗资源的操作,兼容性也不错。其他人性化设置:

1,自定义标题
2,模块定时自动刷新
3,自动保存设置

delicious http://del.icio.us/url/0320eb5158810179ff7cd2dc585d9817
365key http://www.365key.com/urlinfo.aspx?url=http%3a%2f%2fwww.rexsong.com%2fblog%2farticle.asp%3fid%3d237

© 一叶千鸟(转载请留原文链接)

收藏本页

相关文章

12条评论 发表»

  1. PureWhite says:

    早先也推荐过该网站,对于该网站的整个设计与应用,我只能用“叹为观止”来形容了。

  2. Nowgoo says:

    哈哈,分析得很棒。再来个技术分析就更棒了。

  3. unogz says:

    技术分析可有可无
    因为,无论用什么技术都能实现

  4. BRYANx says:

    不知道,live.com和它,有没有互相抄袭之嫌!

  5. 愆伏 says:

    恩,分析的到位。不过我不太喜欢它的文章显示方式。用户在打开一篇文章后,如果想访问其他内容,则必须将该文章关闭,实在不太方便。

  6. 千鸟 says:

    提供有一个“read all”功能,一般都是外部链接,我倒没有觉得不方便之处。

  7. krka says:

    我记得偶然间,在群里看到某国内网站完全剽窃版,好象备案是上海的,我一直用netvibes,对Rss reader不感冒,你分析的挺好的。

    ps:年终岁尾,兄弟我也失业了.

  8. cityshang says:

    国内也有这样的网站:www.dodoor.cn,在netvibes的基础上做了改进。一些功能更符合国内用户的需求。比如音乐,内容的丰富性。我比较喜欢。

  9. 千鸟 says:

    http://www.dodoor.cn 是严重抄袭,严格的说侵犯了netvies的代码版权。

  10. melop says:

    骤眼看了一下,感觉色彩配搭和UI设计方面并不是十分突出。当然不是不好看,只是色彩搭配无非都是使用了那些技巧了。

    当然 ajax方面是没得说的。

  11. satellite says:

    不错 使用已经有近一年了

  12. 欧阳涛 says:

    国内比netvibes功能更强大的网站:
    雅蛙:www.yaawa.com
    虽然暂时只是测试版,除netvibes的功能外,另首创了关键字定向搜索,希望大家去看一看。

发表一条评论

注册后,可添加个人头像(48*48)




(有CDN缓存,可能10分钟后见)