網站設計的簡單原則

BusinessWeek網站上看到Optimost公司執行長講的幾項網站設計原則。以下是我的解釋,如果跟原意有出入,可以參看原文,不過在這裡以我的解釋為準:

  1. 不要把網頁弄得太複雜,有時候留白也蠻順眼的;
  2. 不要裝可愛。如果有個按鈕要人家按,就直接說「按這裡」;
  3. 不要「此地無銀三百兩」;某個網站在拿掉「保證沒有間諜軟體」的標示之後,生意反而變好了;
  4. 除非老闆是名人,否則放老闆的照片保證讓訪客倒彈。

這些原則其實都蠻簡單明瞭、淺顯易懂的,我想大多數「會做網頁」的人(相較於FrontPage裡有什麼特效就想擺的新手而言)都會遵守這些規範;只是如果網站的壽命夠長,久而久之網頁就會像自己的車子一樣,不自覺的出現一些頗具個人風格的垃圾,或是芳香劑、小貼紙之類「也許用得到、其實沒意義」的東西。

當然,網站是活的,遵守這些規範不見得就是好網站、不遵守也不一定就差勁;只是對我們這些創意還不夠藝臻化境的人來說,有些來自實驗證明的簡單指引,總是比沒有好一點點。以下就來「檢討」一下這幾條吧:

1. 不要把網頁弄得太複雜,有時候留白也蠻順眼的。

這一條是最簡單的、也是最難的。有些人是苦無東西可以放上網頁,所以如同前面所說,只要學會了網頁製作軟體裡提供的功能,就巴不得一股腦全部放上去;跑馬燈啦、動畫啦、貼紙啦、天氣預報啦等等,結果真正自己寫的東西一點點,別人家的廣告看板一大堆。

其實不要說新手,我自己有時候這個癖好也會發作,到處找一些東西放上網頁做實驗。只是自己會美其名曰「技術實驗」、或是「看看如何提升資訊之間的互動性」云云。

所以呢,就跟畫畫一樣,可以到達留白自如的境界、不用擔心一片空白在那邊幹什麼的,只有兩種人:新手跟高手。

不過,再網頁上還有幾種不同的可能性,會讓留白太多或太少:諸如廣告之類的非技術性原因、設計觀念不同、或是選錯架站軟體。前兩者比較容易理解,後者可能需要說明一下。

舉例來說吧,我的主站是用Xoops這個系統架設的,分站用的則是樂多網誌的服務。這兩者之間在技術上的主要差異,就是Xoops原本是社群軟體、樂多則是blog系統。

我常常勸朋友不要用Xoops架個人網站,因為它「很吃內容」;也就是說,如果沒有相當程度的寫作量、或是頗為活潑的讀者互動,Xoops就會像大房子裡傢具擺得不夠一樣,看起來空空的。

就它原來的用途:讓上千位會員貼文章、討論而言,不會有這個問題;但如果當作個人網站,就會寫得很累。當然,站長也可以把它大多數功能隱藏起來,只用其中一小部份,不過這樣說來就有點浪費它的功能、以及用在維護上面的精力了。

而我自己之所以使用Xoops有兩個原因:第一,我先前擁有過兩個會員數都在六千以上的社群網站,所以已經比較熟悉Xoops系統的管理。

第二,在前一代用FileMaker資料庫系統做的網站不敷使用、需要升級的時候,「blog」這個名詞似乎還沒出現,更不用提現在許多人使用的MovableType、WordPress、pLog等系統了;所以只好找上已知確實可用的這套內容管理系統(Content Management System,CMS)。

說來實在是殺雞用了牛刀,不過既然沒有步槍可以用,也只好將就用到現在了。

也就是說,每個禮拜寫一篇blog的人如果選了Xoops這類架站軟體,那麼可能就會留白留得很嚴重,只好抓別人家的廣告招牌來補版面;但如果用了適合這類寫作頻率的blog系統或服務,就比較不會有這類問題。

至於經常資訊過剩的商業網站,要在版面上(更精確的說,在首頁上)能夠以簡馭繁,就是更大的學問。像是前一陣子有人做過歷年Google和Yahoo首頁的比較,就可以看出Google到現在還能堅持留白,而不跟著其他網站一起潑墨山水,實在是很不容易的事情。

2. 不要裝可愛。如果有個按鈕要人家按,就直接說「按這裡」。

我不太清楚他指的是不是要在按鈕下面寫個「按這裡」,如果是的話,那也未免太不典雅了。

至少在以往的網頁設計格調指南上,「按這裡」是絕不鼓勵使用的字。舉例來說,如果要提供一個連結,應該寫成像這樣子:

請參閱狗狗變裝秀

而不是:

請參閱這裡

理由很簡單:如果文章被拷貝到網頁瀏覽軟體之外的地方、或是被列印出來,「請參閱這裡」就不知道是請參閱哪裡了。而且如果整篇文章都「這裡」的話,可以想見參考價值會變得多慘。

我想作者的原意應該是,在按鈕或連結上做出明顯一點的標示、甚至鼓勵讀者潛意識去按的設計。這個題目就比較大了;連結要能時時提醒讀者自己的存在、鼓勵讀者去按,而且在數量多的時候不能影響版面美觀、以及文字閱讀時的順暢,其實是蠻不容易的。

3. 不要「此地無銀三百兩」

這個和讀者的民族性、以及網站的性質還是有關係吧。至少我自己看到線上交易網站有相關的安全標示,還是多少會放心一點;不過最好的方法還是看網址:如果是線上交易、或是需要填寫某些個人資料的網頁上,只要網址不是「https」開頭,我通常就會直接轉檯。

其實這也是分辨釣魚網站和正規網站的方法之一,因為釣魚網站通常不會有閒功夫去搞https安全協定。當然這不是百分之百精確,不過至少可以過濾掉一些比較不用心的釣魚網站;至於用心的、有安全交易協定釣魚網站……,好吧,人家有人家的本事,被騙了就只能怪學藝不精囉。

4. 除非老闆是名人,否則放老闆的照片保證讓訪客倒彈。

這一點我基本上都嚴格遵守,只在某個不顯眼的地方放了一張數十年前的泛黃照片。個人網站嘛,總得有點個人的標記,不像商業網站,通常大老闆跟網站之間沒什麼大關係。

至於我算不算名人,原則上是不算,但也曾經在千里之外被認出來過,而且認出我來的人還不是親戚、也沒把我誤認成某位港星,這就不簡單了。

Facebook回應

%d 位部落客按了讚: