悠識數位的首席資訊架構師 Richard Tsai，針對網站建置專業部分，對三組的優缺點進行講評。

1. NPO CMS 競賽
網站評審
評審項目：
•網站效能表現 Yslow
•符合 W3C 標準
•瀏覽器相容性 (IE7/IE8, FF) 
IE6/FF3
•網站的 Usability  +Look&Feel
•線網路服務整合運用
Richard Tsai 蔡明哲
richard@userxper.com
悠識 UserXper 首席資訊架構師

2. 網站效能表現 Yslow-Drupal

3. 網站效能表現 Yslow-Drupal

4. 網站效能表現 Yslow-Joomla

5. 網站效能表現 Yslow-Joomla

6. 網站效能表現 Yslow-Plone

7. 網站效能表現 Yslow-Plone

8. 符合 W3C 標準 -drupal

9. 符合 W3C 標準 -joomla

10. 符合 W3C 標準 -plone

11. 瀏覽器相容性 (IE/FF)
• IE6
– Drupal – 主要 logo 底色不融合 , 主選單無法
往下展開
– Joomla – ok!
– Plone – ok!
• FF 3
– Drupal – ok!
– Joomla – ok!
– Plone – ok!

12. 網站 Usability/Look&Feel-drupal

13. 網站 Usability/Look&Feel-drupal
• 優點
– 清楚的首頁 layout, 訊息豐富
– 快速連結 , 命名簡潔易懂
– 據說後台跟貼 BLOG 文章一樣容易
• 缺點
– IE6, 子選單無法呈現

14. 網站 Usability/Look&Feel-
joomla

15. 網站 Usability/Look&Feel-
joomla
• 優點
– 創意 : 橫向連結 / 動態的功能區塊 / 小人偶 ( 創意 vs 認知的風
險)
– 地圖與日曆的整合
• 缺點
– 創意 : 橫向連結 / 動態的功能區塊
– 首頁的宗旨跟緣起基本上不被變動 , 缺少吸引力
– 橫向畫面的問題：誤解 , 不符合使用習慣 , 沒看到左側圖片 , 不
是每個人的螢幕都是寬螢幕
– SEO 上的考量 , 首頁命名 , Meta: Keyword, description 必須考
慮使用者究竟先知道布袋戲 ? 還是先知道西田 ?
– 後台還需要花時間學習
• But. 這真的是兩個人花不到三天做出來的 .. 哇噻！

16. 網站 Usability/Look&Feel-plone

17. 網站 Usability/Look&Feel-plone
• 優點
– 優雅舒服的視覺 , Flash 大圖的使用
– 實用的報名 / 流程 / 管理功能
• 缺點
– Flash 大圖缺少文案 ( 文案 + 圖案 產生影響使用者認
知)
– 選單的配色反差不足 , 不易閱讀
– 後台還需要花時間學習
• 這是跨語言跟文化的團隊所組成的，溝通上很辛
苦

18. Summary
• 每一隊都是不可能的任務！
• 相信給予更多的資源 , 時間 , 人力 , 一定可
以做的更好
• Do something, it is better than nothing!
• 所有的嘗試都是值得的，因為我們都希望
世界更美好