• 課程教材總目錄﹝CONTENT﹞
• ﹝第 12 講﹞內容
• 資訊設計要領
• 互動式資訊設計模式
• 設計適當的內容

互動式資訊設計模式

　　直接存取是互動式設計中，所需連結步驟最少、也最簡單的一種形式，由一個主畫面直接顯示出所有其他分支畫面，使用者可直接點選連結到想看的那一個畫面，而在看完之後，使用者就只能跳回主畫面。

　　直接存取有一種變通的設計方式，就是讓主畫面一直維持不動，而欲連結的資訊（包括文字、圖形、影片）則被顯示在另一個觀看視窗中。設計師只要設計一個簡單的目錄形式的程式就可以輕易的使用這種方式。

　　直接存取的架構，最適合在使用者只想在最短時間內取得資訊時使用，例如，在機場的觸控式查詢系統，為了讓旅客能夠快速地決定以何種方式從機場到達旅館，就應採用這種架構。

　　「我該搭什麼車到旅館？在哪裡搭車？多少錢？」這都應該是只要按個鈕就可以得到回答的問題。對於這類的查詢系統來說，一個適當的資訊架構應該像一張放射狀的指示圖，從主畫面延伸出一層的放射狀連結，假設從主畫面可延伸出六個子項目的資訊，那麼螢幕上就應該有六個按鈕，每一個按鈕各自標示清楚它的內容，（例如巴士站、計程車招呼站、火車站、接駁公車、旅館服務、捷運等項目）。

　　隨機存取是一種比較複雜的互動設計方式，使用者可以隨意地以任何順序點選、瀏覽他想看的任何一個畫面。畫面之間的連結是跨越整個程式的，這使得使用者可以自由地連結，而不一定得回到主畫面才能進到下一個畫面。

　　因此，對那些必須在機場等待長時間過境的旅客，你就可以提供一個觸控式的隨機存取式的導覽系統，提供當地有名的餐廳或夜總會等資訊。

　　這套系統的程式可以包含一段當地廚師們做菜、談話的影片畫面，當你聽著那些廚師說話時，旁邊會有一個按鈕標示著『查看菜單』，你按下它就可以看到這家餐廳的完整菜單及價格。而當你在瀏覽這個畫面的同時，你仍然可以連結到城市的地圖來查看這一區其他餐廳的所在地。你只要在地圖上某條街的地方輕輕一按，會有一個下拉式列表，顯示出那條街上的所有餐廳。你觸碰其中一家，就可以看到新的菜單。而『如何到達這家餐廳』的按鈕則可以為你印出地圖、餐廳的電話及地址。

　　由於資訊是讓使用者以一種隨意選擇的方式，依個人的喜好而進行瀏覽的，因此，幾乎沒有兩個人會以同樣的路徑與速度瀏覽同一個程式。

　　在多媒體介上，適當的運用互動模式，會使觀眾更容易記得我們所傳達的訊息，這也正是傳遞訊息的最終目的。互動的模式有以下幾種：

﹝一﹞選單驅動程式﹝Menu Driven Programs﹞

　　選單驅動程式是多媒體作品中最常見的形式。我們經常使用的軟體大部份都依照相同或類似的隱喻方式，來設計選單，因此，使用者可以很容易就上手使用。選單通常是設計為一個階層的組織結構，每個選單的個別選項裡可能又有次選單，如此層層的結構，可以讓使用者選擇他自己有興趣的部份去觀賞或使用。觀眾不一定依照一定的順序，可以直接找到自己有興趣的部份來閱讀。

 

《A Passion for Art》光碟軟體用選單形式，讓使用者選擇他自己有興趣的部份去觀賞或使用。

﹝二﹞超連接﹝Hyperlinked﹞

　　超連接的應用和選單介面的概念很類似，但是超連接的資訊呈現方式並非如選單那樣是有系統的組織。超連接可算是選單中的結構，但它有能夠在任何時候，任意跳到任何段落或文件中去閱讀或使用。超連接的特性就是可讓觀眾依照自己的順序，自由的瀏覽，或在閱讀一份文件的同時，跳到其他相關的部份參考。超連接最常應用在有龐大資料需要交互參考使用時；百科全書就是超連接的使用的最佳範例。

　　超連接在編輯網頁時，經常被用來解釋文章內的特殊名詞。

﹝三﹞狀態模擬﹝Simulation﹞

　　狀態模擬是最初電腦強大的功能之一。電腦模擬狀態的功能對於許多學術或產業的領域貢獻良多。狀態模擬通常指的是過程的模擬，任何可以被圖表化或賦予生命的過程，都可以透過多媒體來模擬狀態，以呈現給特定的觀眾。例如醫學插圖、產品製造過程、金融交易過程等都可以應用。模擬狀態會廣為應用最主要的原因是使用者可以自行控制動作，這就是互動最吸引人也最真實的地方。如果你希望觀眾能真正在作品中扮演一個角色，狀態模擬是很好的互動選擇。

﹝四﹞行為決策模擬﹝Performance-Dependent Simulation﹞

　　狀態模擬的另外一種是行為決策模擬，這種模擬的形式要求使用者某種程度的表現，才能繼續完成前面已進行的過程。最好的例子是互動是電玩，使用者必須先過關，才能繼續下面的遊戲。