读网25：NGO/基金会们的网站点评

偶然在@北大新媒体 的微博里看到这条：

【如何在网站上添加社交元素】1、在网站导航区链接自己的社交网站主页；2、在网站上有一个区域放置自己所有社交网站主页的链接；3、添加各大社交网站分享按钮；4、将网站评论栏与社交网站的评论打通；5、添加微博墙http://t.cn/zWCTiwr

趁这时候空闲，不如就来点评下诸多NGO/基金会们的网站吧（所有网站都在Win7下用Chrome20访问并截图）：

一、嫣然天使基金： http://www.smileangelfoundation.org/

点评：★★★ 3/5

清晰简洁，见惯了新浪等新闻门户首页的拥挤之后，觉得这样的布局甚是简洁；特别是顶栏的两个按钮让人一下子找到了很多想要的东西：”你想要做的事和我们能做的事情”都融入了这两个按钮。只是

1. 图片幻灯不停地自动播放，让人头晕。第二栏的幻灯：文章没有图片时，显示大量的空白，不妥。
2. 幻灯下的导航栏就值得商榷了，大部分使用Javascript，版本低一点的浏览器或者禁用了Javascript的浏览器就无法展开菜单。（不知道在管理添加按钮或栏目的时候是否需要专业人员来完成）
3. 论坛。既然没法在首页显示（点进去了也挂了）为什么要空着？多不专业……
4. 新闻专页。这个时候才发现设计者偷懒得可怕啊，顶部的幻灯居然还在。在看过首页之后，再者新闻单页阅读时还放着幻灯，就是对读者的打扰了（比如http://www.smileangelfoundation.org/CnNewsDetails.aspx?id=210）。人们点进去看不是为了李亚鹏老师的照片，OK？
5. 链接的优化。上一点的链接中可以看到，这个链接在所谓的Web2.0时代简直就是不及格。
6. 社会化分享按钮。没有。

二、基金会中心网 http://www.foundationcenter.org.cn/

点评：★★★☆ 3.5/5

简单、明了，突出了主要功能：

1. 功能齐全：从地图查询到按项目查询，再到Top100、对比查询，都很强大；
2. 吐槽开始吧，字体大小不一，怪得很（其网站右侧的新闻中心）；
3. 既然都用Tab浏览方式，为什么不在右侧新闻中心也一并实现？
4. 首页的基金会数量曲线图，一年如一日地放着一个类似XLS曲线图的东西，虽然很直观，但也占地方，为什么不直接只放几个关键数字？谁想看到一个月之内基金会增长了多少？
5. 色彩纷杂得像90年代的个人主页；
6. 文章单页。点进去之后才发现新闻中心的分类简直是多得可怕（这时候色彩忽然变得整洁了），但是单篇文章的层次不清晰啊亲。比如 http://news.foundationcenter.org.cn/html/2012-7/52389.html 就不知是哪一类的文章，为什么不能弄一个这样的导航：首页>新闻中心>助学 ……如果再在新闻下增加该基金会链接就更好了；
7. 公益360这个网站是来捣乱的么？乱成这样……

三、中国扶贫基金会 http://www.cfpa.org.cn/

点评：★★☆ 2.5/5

一年前点开这个网站看，觉得不敢相信这是中国扶贫基金会的，点了半天，死活找不到我要的信息。这个还处于90年代末期水平的网站不知道为什么还会被如此保留：

1. 顶栏的导航栏除了首页外是点不动的，估计又是一IE only的网站；
2. 整个网页都向左倾，这是为什么？难道设计师当初用的是IE5么？
3. 首页。真是白白浪费了这么多的空间，只放不到10个链接，原本这应该是赞的，只是这样的网站布局怎么让人看下去啊？
4. 单页文章。诸如 http://www.cfpa.org.cn/news/zzy.asp?newsid=207251626267746 这样的文章，不知道是分类到哪一个，如果我想看到更多类似的这样的文章我找谁问去？导航不明。
5. 首页死链接。恒大贫困大学生助学基金这个链接指向不明，无法访问。
6. 不知道是不是因为原网站积重难返，”爱心包裹”这个项目干脆直接重构整个网站（http://baoguo.fupin.org.cn/），这样通过二级域名再建内容，是偷懒还是无奈？
7. 据说这个基金会是有新浪微博什么的，不过，跟这个主网站几乎没什么关系？

四、壹基金 http://www.onefoundation.cn/

点评：★★☆ 2.5/5

与壹基金的项目工作的专业相比，这个网站设计简直就是：一无是处。为了吐槽，还是在Firefox13下打开了其网站

1. 网站浏览器兼容。这个大打折扣，能在Firefox正常，为什么到了Chrome下就烂成上图那样？在IE8里直接看不到导航栏……（后来加载完成了，才发现是网速不好，不过我是2M电信ADSL啊）
2. 顶部导航栏。不点二级按钮的时候看这顶部导航按钮挺舒服的，不过鼠标一滑过，发现二级按钮居然是纯文字，没有底纹……为什么不弄得跟一级按钮一样？
3. 加载速度。网站设计者大概是预料到了这个网站访问者大部分是韩国人吧？因为大概只有韩国人世界排名第一的网速才会很快完整加载这个网站的首页；
4. 顶部的Banner很赞。鼠标滑过就可以变换内容，颜色也挺搭；
5. 栏目设置。还是改不了新华网的陋习啊：把领导的新闻放前面。另一方面，基金会不是要以透明著称么，首页是不是该放一个按钮链接到基金会的财报？
6. 字体大小。刚赞完顶部Banner，才发现整个网站的主要字体小得可怜。这样看起来协调么？
7. 作为基金会网站，为什么不将那几个捐赠按钮弄得Cute一点？比如弄一个大一点的支付宝捐赠按钮啊。不是要提倡人人公益么……另外，除了捐助，如果有人想申请资助呢？
8. 单篇文章页面：http://www.onefoundation.cn/html/54/n-1654.html 除了字体和导航（没有返回上一级目录的按钮）外，没什么好吐槽的。

五、SEE基金会 http://www.see.org.cn/foundation/

点评：★★★★ 4/5

吐槽半天总算找到一个适合称赞的网站了。

1. 清晰明了，色彩简洁；
2. 栏目分类明确，面向那些申请资助的机构/人很合适；
3. 首次在这个网站见到FAQ这样的东西（http://www.see.org.cn/foundation/faq.aspx）；
4. 导航。这个页面 http://www.see.org.cn/foundation/contactus.aspx ，见 首页 > 了解我们 > 联系我们 这使浏览者马上就知道自己在看什么页面；
5. 单篇文章。在最右边有社会化分享按钮；
6. 字体大小较为适合阅读；
7. 最下端有网站地图；
8. 财务公报用很舒服的式样表现出来；
9. 不足地方是：这样的链接结构：http://www.see.org.cn/foundation/NewsDetail.aspx?id=10 属于史前时代；
10. 已经资助过的项目和机构都隐藏得有点深，也找不到具体的信息（虽然有地图，但找不到进度和照片什么的）；
11. 用二级目录作为官方网站，这个是怎么考虑的？在一些宣传资料中，印的时候还在域名后加上个/foundation ？

先到这里，有空再喷。