Netvibes界面UI评析

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

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

© 一叶千鸟(转载请留原文链接,更新于2007年12月31日14点)

12条评论 发表»

PureWhite says:

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

Nowgoo says:

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

unogz says:

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

BRYANx says:

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

愆伏 says:

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

千鸟 says:

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

krka says:

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

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

cityshang says:

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

千鸟 says:

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

melop says:

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

当然 ajax方面是没得说的。

satellite says:

不错 使用已经有近一年了

欧阳涛 says:

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

发表评论

Spammer必读