兩位IT界候選人的競選網站

此 Post 乃應思哲兄 兩位IT界候選人的競選網站 一文而生:

先問一下大家，以上兩個網站，純粹站在設計網站的角度，覺得怎樣，它們是不是好的教材？
兩位IT候選人均以專業作為標榜，如果唔講內容，純粹講UI上的interaction design & information achitechture，大家又覺得，佢地既網站專唔專業呢？

兩位候選人分別為 Charles Mok (Link) 及 Samson Tam (Link)。要評論網站之好壞，必先明確其目標。唯我非該侯選人，不知其目標為何，為討論方便，只能假設其目標如下:

1. 讓選民知道有此一號人物
2. 宣傳其政綱
3. 吸引選民投票
4. 當選

譚偉豪之網站

打開 譚偉豪 博士的網站，映入眼簾盡是綠意。網站僅有兩頁，設計簡潔。

網站首頁是篇千字參選宣言。愚以為，作為 landing page，首頁之作用首重 inform ，讓訪客在數秒內了解網站內容大概，於首頁長篇大論不甚明智。

頁面頂部大字標題說明這是 譚偉豪 博士之競選網站，網站主旨一目了然。唯文字跟背景之對比度不足，字體雖大卻不及內文突出。

另外網頁內文字體、行距稍小，每行字數過多。個人認為中文內文字體最佳大小為 13px、行距 1.6em 為佳、寬度能每行顯示約三十字為佳。

網站最大問題是內容不足，連政綱也沒有，很難相信靠一封信就爭取到選民支持。 沒有內容，再優秀的設計也無補於事。點右圖放大。

莫乃光之網站

莫乃光 博士的競選網站設計明顯是針對英文版而設，網站雖有中文版，但其字體大小、行距均顯過小，可讀性甚差。

首頁跟譚偉豪 博士的網站一樣，都是宣言一篇，在此我不再多費脣舌。此外另有 Photo slide show， 只是不知道幾張照片對選情有何幫助，何以會出現在首頁之上。內文主要分橙、黑二色，一般而言橙為連結，累為內文。然而網站多處使用橙色字的地方均非連結。

網站目錄方面，多個主目錄（如 About, Supporters）均為空白頁，用戶必需點擊其子目錄方有內文可讀。另外頁面的命名亦頗為令人費解（Charles @ the Internet? Charles @ Mutimedia?）。

總結

小弟實在難以明白，為甚麼兩個網站將宣言放於首頁之上，而隱去政綱？在首頁設計上，Firefox.com 的設計很值的參考。Firefox 首頁上只有區區幾行字，卻足以讓訪客了解該軟件的基本特性。但總體來說，兩個網站的設計還可以。