第五章网站介面中的隐喻情境.pdf

第五章 網站介面中的隱喻情境 第五章 網站介面中的隱喻情境 在人機介面裡，隱喻被視為是用來控制介面複雜度、降低使用者認知負荷的 某種設計方式，它會牽動出相當複雜的認知運作過程，引領初次進入某個隱喻設 計的網站使用者 ，熟悉此網站的資訊內容、瀏覽動線、進而建構對此網站的結構 知識。以下我們將針對數個有運用隱喻來設計介面的網站，以概念合成理論為分 析工具，依概念層級、語法層級及語彙層級來進行解讀。 第一節 圖形導向的空間隱喻網站設計 一、語彙層級（網站的呈現形式） 以 《楊懿如的青蛙學堂》的網站為例，在青蛙學堂含有主要鏈結的頁面 （圖 5-1 ）裡 ，網頁設計以情境式導覽的影像地圖 （image map ）為主 ，整個頁面為青 蛙生態與學校環境的合成意象 ，既有池塘、荷葉、蓮花、蝌蚪等熟悉的青蛙生態 圖像、也有圖書館、電腦、書籍、建築物等學校環境的圖示和文字標籤。在超鏈 結部分 ，畫面下方有一網站導覽列 ，如 【賞蛙情報】、【校史館】、【校長室】等含 有文字和青蛙圖像的按鈕。在網頁上下方有跑馬燈1的設計，以及一些網站附屬 2 的資訊，如使用者計數器 、建站日期及頁面最後的更新時間以及建議運用的瀏 覽程式。此網站在聲音上也做了比擬，當使用者一進入網站首頁時，便可聽到蛙 鳴聲此起彼落，如此更強化此介面所營造的青蛙生態情境。 1 跑馬燈（marquee ）是一種在網頁上會自行捲動的文字 ，如同街上或電視新聞上常見的跑馬燈 告示牌，網頁設計者可以指定文字捲動的方式（左右或上下捲動）、設定文字內容等（PC Shopper 編輯部，2001 ）。 2 計數器是用來統計網頁被瀏覽的次數，只要網頁被讀取時，計數器的值就會自動加 1 ，因此計 數器可以對進站瀏覽人數有概略的估算（PC Shopper 編輯部，2001 ）。 66 第五章 網站介面中的隱喻情境 跑馬燈 隱藏式鏈結 （圖像按鈕加文字） 計數器 網站導覽列： 跑馬燈 文字和青蛙圖像的按鈕 圖5-1 《楊懿如的青蛙學堂》首頁（來源 ：http:// www.froghome.idv.tw/ ） 當游標挪移至某些圖形上，會出現浮動的文字輔助說明（圖5-2 ），告知使用 者此圖形含有超鏈結功能、以及所鏈結到的檔案內容。 圖5-2 浮動的文字輔助視窗 介面語彙指的是個別資訊單位與隱喻物件間的對應 ，我們在 「青蛙學堂」的 主要頁面裡發現，網站的超鏈結功能幾乎都被涵蓋於學堂隱喻內。而首頁的圖像 設計裡，之所以標示出一種新鮮、活潑、別出心裁的設計，主要因「青蛙學堂」 的網站命名為一複合詞彙，背後所牽引出來的是我們對學校概念的瞭解以及我們 對青蛙生態的瞭解，因而，首頁設計也是由兩個概念合成出來的圖像：在真實世 界中學堂是人類活動的空間、池塘則是青蛙棲息的環境，兩者所共享的是生物體 在某一個情境中活動 ，而合成圖像裡學堂與池塘疊合 （建築物、書櫃、書本、電 腦螢幕都在荷葉叢上）、人類學習能力也擬人化到青蛙上（如青蛙在看書、蝌蚪 67 第五章 網站介面中的隱喻情境 在聽訓的圖示）。然而，此動畫圖像中的青蛙及其生態網絡（荷葉、蓮花、池塘、 蝌蚪…）是為初來乍到的使用者標示出網站主題 ，並不是為了延伸出「池塘即學 堂」、或擬人化出「會學習的青蛙」的隱喻含意，青蛙與荷葉、池塘轉喻的是「介 紹青蛙專門知識的主題網站」，在首頁中運用具體的青蛙形象、場景來提示網站 內的蛙類物種、習性、賞蛙方式等專業的資訊內容。 由於影像地圖的製作原理即是用圖片來呈現所存取的