若將一個網站視為茫茫網海中的一份作品、網站內的網頁（節點）則為作品 內容，引人注意的方式之一是運用使用者所熟悉的、具體的概念來比擬在沒有接 觸過的網站超文本結構上，本研究所選取的三個網站裡，個自運用了不盡相同的 隱喻手法來吸引使用者的注意：《楊懿如的青蛙學堂》與《愛情國小》皆運用了 空間隱喻來比擬、但運用了不同的網頁呈現形式（圖形導向、文字導向）；而《愛 情國小》與《養男人》皆為社群交友網站，但運用了不同的隱喻概念（空間隱喻、
互動經驗隱喻），這些基於不同網站定位、不同設計者的理念與價值而存在的差 異，自然也會對使用者傳遞出不同的訊息意義、造成使用者不同的網站瀏覽經驗。
呈現形式（語彙層級）是吸引使用者注意力（look）的第一步，包括主要媒 材、編排方式、圖文比例等設計，而在隱喻性網站裡，呈現形式可視為是作用在 人機互動語言層面上的「隱喻表述」，藉此喚起使用者認知歷程裡心智空間的互 動。「隱喻表述」可以透過各種媒材來進行（文字、圖片、影音、動畫…），本文 依據網頁設計的分類將網站的主要鏈結頁面粗分為圖形導向及文字導向的介面 隱喻設計，我們發現，在圖形導向的介面設計裡（如《楊懿如的青蛙學堂》），節 點間的關係多半被整合在一圖像式的情境裡，網站設計者利用拼圖影像或隱喻式 圖片等技巧來整合網站資訊結構，以視覺化、圖像化的方式比擬網站的資訊內容 結構。而在文字導向的隱喻設計裡，網站設計者將網站設計的「文字腳本」以劇 情性、故事型態的方式鋪陳在網頁內，使用者透過閱讀網站上的說明文字而得知 所欲隱喻的網站訊息，介面的圖像或做為裝飾、或作為輔助鏈結文字的圖示，但 圖示裡的些微變化仍可以隱涵有隱喻訊息（如《愛情國小》）。
訊息的呈現形式自然影響到了使用者與網站內容、網站功能的互動方式
（feel），在電腦桌面進行的拖曳、拖拉、雙擊滑鼠等直接操作語法移至全球資訊 網的頁面操作裡，除了基本的介面操作（轉動滾軸以上下移動頁面、操作視窗開 關按鈕等）外，只剩下點（pointing）、按(clicking)、選(selecting)等動作，有時會 參雜著選單、填空式等互動設計方式，因而一般來說，在全球資訊網的頁面裡使
用者所要做的就是瀏覽、點選超鏈結、選取下拉式選單中設定好的項目、在欄位 內輸入文字等動作。由於人機互動語言的句法設計決定介面個別資訊意義單位的 組成規則、以及操弄輸入與輸出設備間的次序，我們暫且將觀看節點、選擇並點 選鏈結、觀看下一節點視為一語法動作程序，在圖形導向的主頁面裡，整個頁面 以圖像方式含括了所有鏈結組合，因此使用者只需觀看具體的隱喻圖像來聯想可 能鏈結到的網站內容、所費時間較短；而在文字導向的隱喻介面內，除了直接操 作語法外也涵括了線性的書寫及閱讀習慣，與電腦的互動形式可視為是介面語法 的操作程序與線性敘事結構裡的語法程序的合成，使用者在瀏覽資訊時會花費較 多的時間。
而在影響網頁動線的鏈結設計上，圖形導向的隱喻網站裡，由於超鏈結結構 被設計於介面的圖像情境中，因此鏈結多半以真實世界的場所、物件等具體事物 做為使用者移動意志的行為受詞，而「（我）要….」的句型表現則隱而不顯（如
《楊懿如的青蛙學堂》）；但在文字導向的隱喻介面內，由於保留傳統的敘事形 式，因此鏈結也會將「我要…」的句型表現出來，譬如【我要寫日記】（《愛情國 小》）、【我已決定，就是它】、【我想選擇他】（《養男人》）等設計，使用者在瀏覽 頁面時須決定資訊的進入點，因而使用者是在閱讀及選擇自己還沒做而將要做的 移動意志及行為、使用者將自己的意志投射在介面上第一人稱的鏈結語意設計 上，因此，相較於圖像的共時性、動覺直接性，網站設計者對敘事權力的掌握使 得真實世界內的關係（權力關係、角色互動關係）可以隱涵在具備索引功能的鏈 結文字、或是敘述性的頁面說明裡，間接也便加深了使用者在網站內的行動規約。
而超媒體結構則會影響使用者在網站中的遊走方式，每一種網站結構各有其 優缺點，循序式結構預測性高但只能表現有限的關係、而網狀結構表現能力強
（expressiveness），但卻可能令人感到混淆（Powell, 2001）。分析中發現，循序 式結構多半設計有具有引導性的入門網頁，設計者可在這些頁面裡說明系統功能 或遊戲規則，由於只有前進與後退兩種路徑，這使得使用者的行為具有高度預測 性；而階層和網狀結構其實都有出現在三個網站結構裡，網站瀏覽列提供一跳躍 平台，這平台之下的各區塊裡或許有著交互鏈結的網狀結構，但使用者可先回至 瀏覽列、再鏈結至其他區塊的網狀結構。由於隱喻是以系統性方式範限住使用者
第五章 網站介面中的隱喻情境
的瀏覽經驗，當使用者既是介面操作者、也是隱喻中的角色人物時，那麼隱喻情 境便會與網站的超文本結構相疊合，譬如遊走經驗與線性結構的前進/後退相疊 合、而地域大小的知識則與階層式結構的區塊/次區塊的關係相疊合等。
而物件關係決定了使用者與網站互動時的心理狀態與經驗，網站設計者將資 訊分門別類、安置在不同的節點結構內，然而，對於初進入的使用者而言，則必 須經由較為具體的、豐富的、結構完整的真實世界的概念（第一輸入空間）來建 構抽象的、模糊的網站結構知識（第二輸入空間）。透過概念合成理論發現，本 研究所選取的網站樣本，分別建立起「網站即學堂」、「網站即國小」、「男使用者 為寵物/女使用者為主人」的新穎概念，而這些概念的建立是為了要框架出使用 者在該網站中的瀏覽經驗，除了在介面上運用各種不同媒材、或鑲嵌在多項人機 互動設計的「隱喻表述」外，跨領域映射的互動過程也範限了看不見的概念要素 間的對應關係。我們可以將設計者所動用的隱喻概念視為來源空間、所要隱喻的 網站資訊內容、網站功能、甚或網友間的互動經驗為目標空間，來源空間可以是 單一的輸入空間、也可以是多個輸入空間先行合成出來的結構知識（譬如《養男 人》網站內的「寵物與主人/獵物與主人/寶寶與媽媽/男人與女人」都是日常生活 中的角色互動概念），而目標空間可以看做是建立在使用者平日的電腦、網站操 作經驗的背景知識上，因此，來源空間是為了要建立起目標空間內的組織框架，
經由共享的類空間框架限定兩空間要素內的互動關係，最後，透過介面操作所合 成出的隱喻取景，是經由組構、完整化、精緻化等心智互動程序所浮現出的新經 驗秩序。
從個案分析裡我們發現，雖然資訊設計與互動設計是不同的學門領域，但其 實介面操作元素與超文本內容結構的關係基本上是很難分割的，運用隱喻設計的 網站更是將此二者巧妙地以某些真實的概念整合在一起，這使得網站的外觀（呈 現形式）、功能（與網站的互動方式）和內容（網站的節點物件關係）全都覆蓋 在某一個使用者所熟悉、瞭解的概念下，而在概念合成理論的觀點下，我們進一 步將網站的外觀（呈現形式）視作在符號層面的「隱喻表述」，隱喻概念外顯的、
具體的表現，但經由心智空間的範限，使得網頁設計者與網站建置者所欲隱喻的 資訊內容（目標空間）和所動用的隱喻概念（來源空間）之間的互動關係更為複
雜、動態，最後在類空間的限定下，網站介面隱喻所引導出的隱喻後果便是經由 介面的中介，將使用者在此網站內的介面操作行為和對此網站的結構知識整合為 一獨特而新奇的網路使用經驗。