網站設計大不易

使用Frame壞處多（一）

對設計者來說，採用Frame很方便，但對使用者來說，卻正好相反。螢幕空間變小、使用者無法記錄網頁位址、站內搜尋系統設計困難、不易從搜尋引擎找到等，都是使用Frame的缺點。以上台北市市民交通旅遊網，查詢公車資訊為例，使用Frame設計的缺點就表露無遺。

如圖所示，整個螢幕畫面被切成四塊，其中最上方保留給網站Logo與一些功能選項及單元連結，左側則作為全域導覽區，中間放了一張台北市地圖，右邊則是「大眾運輸轉乘查詢」的各種查詢方式。因使用Frame而造成不易使用的地方包括

1. 由於左側的Frame沒有上下捲軸，因此如果不是採用大螢幕或高解析度的使用者，根本不知道在【停車拖吊資訊】單元下面，還有【加油加氣充電】等其他單元。作為全域導覽選項卻很可能不會被看到，實在不是一個好的設計。

2. 查詢公車資訊放一張地圖，乍看之下好像很有道理，但實用性其實不強。因為如果要使用者先學會操作電子地圖，找出自己現在以及要前往地點的位置，來尋找公車資訊的話，絕對事倍功半（而且這還是在電子地圖沒有設計得很難用的情況下)。反而是各種查詢方式與界面的設計比較重要。所以擺這張地圖在中間，反而是浪費了寶貴的空間與視覺焦點。

3. 右側的Frame裡面提供了一種以上的查詢方式是好的做法。但很可惜的是，一旦選定某一種查詢方式之後，要再選擇另一種查詢方式的指示不是那麼清楚。如果不是採用Frame的設計方式，可用的空間就不會那麼少，整個查詢系統也才有機會做得更直覺與容易使用。

附帶一提的是，很多網站都對電子地圖存有幻想，認為自己一定要有，而且有就是好，卻從未去考慮使用者在找尋資訊的過程中，什麼時候會需要這種視覺上的輔助。以這個例子來說，大家可以去看看【直接圖面點選】這種查詢方式，然後問問你自己會不會需要以輸入X座標與Y座標的方式來查詢公車資訊。又不是在建立火炮陣地說....

案源︰台北市政府 EZGO市民交通旅遊網 http://ezgo.taipei-elife.net/homepage/index.asp

搜尋結果頁的引導

創新很重要，不過也得看時間與環境，尤其是牽涉界面設計的時候。因為人們可能已經長期習慣某種資訊的表示方法，或功能的控制方式，改變不一定就會更好，反而有可能造成使用者的混淆。

以搜尋結果頁的引導為例，大多數網站在經過查詢之後，都會列出一共找到了幾筆資料，而這些資料以每頁X筆的方式分布在幾頁。一般搜尋結果頁的引導項目通常包括：一共幾頁、目前是在第X頁的標示、往前一頁與往後一頁的符號按鈕，或是前X頁或後X頁的選擇（當搜尋結果頁數很多時）。當許多人已經從一些portal或搜尋網站上習慣這些意義的表示方法時，如果不依照這樣的做法就容易造成困擾。像下面這張圖就是。

當使用者看完第一頁的內容，找不到自己要的之後，很可能會按下一頁的標示或按鈕，但他其實到不了下一頁，因為這個按鈕根本不會work。原來是設計者把「下一頁」的意思詮釋成「下面10頁」，因此當整個搜尋結果頁只有9頁的時候，「下一頁」的按鈕自然無法點選。

案源：永慶房屋 http://www.evertrust.com.tw/