NPO CMS 競賽網站評審

評審項目：•網站效能表現 Yslow•符合 W3C 標準•瀏覽器相容性 (IE7/IE8, FF) IE6/FF3•網站的 Usability +Look&Feel•線網路服務整合運用

Richard Tsai 蔡明哲 richard@userxper.com

悠識 UserXper 首席資訊架構師

網站效能表現 Yslow-Drupal

網站效能表現 Yslow-Drupal

網站效能表現 Yslow-Joomla

網站效能表現 Yslow-Joomla

網站效能表現 Yslow-Plone

網站效能表現 Yslow-Plone

符合 W3C 標準 -drupal

符合 W3C 標準 -joomla

符合 W3C 標準 -plone

瀏覽器相容性 (IE/FF)

• IE6 – Drupal – 主要 logo 底色不融合 , 主選單無法

往下展開– Joomla – ok!– Plone – ok!

• FF 3– Drupal – ok!– Joomla – ok!– Plone – ok!

網站 Usability/Look&Feel-drupal

網站 Usability/Look&Feel-drupal

• 優點– 清楚的首頁 layout, 訊息豐富– 快速連結 , 命名簡潔易懂– 據說後台跟貼 BLOG 文章一樣容易

• 缺點 – IE6, 子選單無法呈現

網站 Usability/Look&Feel-joomla

網站 Usability/Look&Feel-joomla

• 優點– 創意 : 橫向連結 / 動態的功能區塊 / 小人偶 ( 創意 vs 認知的風

險 )– 地圖與日曆的整合

• 缺點– 創意 : 橫向連結 / 動態的功能區塊– 首頁的宗旨跟緣起基本上不被變動 , 缺少吸引力– 橫向畫面的問題：誤解 , 不符合使用習慣 , 沒看到左側圖片 , 不

是每個人的螢幕都是寬螢幕– SEO 上的考量 , 首頁命名 , Meta: Keyword, description 必須考

慮使用者究竟先知道布袋戲 ? 還是先知道西田 ?– 後台還需要花時間學習

• But. 這真的是兩個人花不到三天做出來的 .. 哇噻！

網站 Usability/Look&Feel-plone

網站 Usability/Look&Feel-plone

• 優點– 優雅舒服的視覺 , Flash 大圖的使用– 實用的報名 / 流程 / 管理功能

• 缺點– Flash 大圖缺少文案 ( 文案 + 圖案 產生影響使用者認

知 )– 選單的配色反差不足 , 不易閱讀– 後台還需要花時間學習

• 這是跨語言跟文化的團隊所組成的，溝通上很辛苦

Summary

• 每一隊都是不可能的任務！• 相信給予更多的資源 , 時間 , 人力 , 一定可

以做的更好

• Do something, it is better than nothing!• 所有的嘗試都是值得的，因為我們都希望

世界更美好