第二章 文獻探討
第二節 線上展覽網站介面設計
國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
11
第二節 線上展覽網站介面設計
所謂網站設計主要以內容資訊、視覺呈現、導覽三大方向所構成（王欽泉 2007）。網站設計之分工細項繁多，良好的網站設計過程需要經驗豐富的設計者，
且也須利用網站設計者之經驗。本研究採用網頁內容分析法，故本節將探討網頁 內容分析有哪些指標，因檔案線上展覽網頁內容分析相關文獻不多，故筆者將前 人文獻中所探討網頁內容分析指標做整理，以供第三章整理出適合本研究檔案線 上展覽網頁的分析指標。
對於網頁設計，國內外諸多專家學者提出各項網頁設計原則相關性研究。專 家學者提出網頁資訊編排設計應簡潔一致、清楚明確；由左而右、由上而下編排，
選單按鈕每頁應固定位置；每個網頁要有標題，以利辨識網頁間關係，以免迷失。
而在網頁顏色設計上網頁背景顏色應保持一致，與前景顏色須反差較大以利判 讀，並提供使用者有自行選擇背景顏色的彈性（李欣怡，2003）。Newman 與 Landay
（2000）提到網頁設計之三大構面為：
(一) 導覽(navigation)設計：規劃完整及明確的網站架構，讓使用者能迅速 且方便找到所需資訊。
(二) 資訊(information)設計：為豐富網站內容，並將不同訊息整合後置於 網站架構內之各單元，以清楚傳達至使用者。
(三) 視覺(visual)設計：運用網站所需之基本視覺要素，如文字、影像、色 彩、編排等，創造出網站風格的獨特性，並使整體視覺更具吸引力，同 時亦能因視覺化的呈現，以輔助網站資訊傳達。
陳海平、鍾春蘭（2014）將高中檔案網站的內容分為宣傳性內容、服務性內 容、資源性內容、互動交流平台以及網絡導航與其他 5 大類。而吳美美、林珊如、
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
12
黃慕萱、葉乃靜（2000）在探討數位圖書館及博物館網站品質的評鑑指標中，融 合網路設計者與中介者的意見，認為評鑑項目應包含：資訊內容、美工設計、使 用性、互動性、連結性、搜尋與檢索功能、人機介面、資源分類架構、輔助說明、
整體設計、網站管理資訊、回應時間等。
張衍、林巧敏（2016）在評估地市級檔案館網站時，將評分指標分為：
(一) 館局資訊：包含交通位置、機構設置。
(二) 館藏資源：館藏資源介紹。
(三) 資源利用：包含館藏目錄、一站式檔案檢索平台、檔案利用指南。
(四) 用戶交互：信息交互。
岳修平（1999）在評估美國 American Memory 的 The Learning Page 時，以 教學設計以及心理學的觀點，分為內容設計、認知設計、學習者需求考量、版面 與瀏覽設計、以及互動設計來評析網站。
何兆華等人（2010）回顧過去學者對博物館網站的研究，發現在訂評估標準 時大致上可分為五個構面：功能、內容、設計、互動與可使用性。
(一) 功能項下，內容包括：使用性、操作性、導覽性。
(二) 內容方面包含：內容的組織、內容的呈現、操作介面與互動關係。
(三) 設計方面包含：呈現風格、多媒體整合方式的一致性與藝術性。
(四) 互動方面則包含：使用者為基礎，考慮使用者對內容的需求、互動 性與回饋性等。
(五) 可使用性方面包含：使用者介面、導航、網站方位與搜尋引擎。
然而，教學資源網站的目標族群特殊，以融入學校教育、推廣終身學習為目
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
13
的，所以這類型網站著重的要項更有一定的考量。當然其他網站的評估準則也可 以用在檔案線上展覽網站上，不過必須以使用者的角度進行評估，畢竟這些資訊 將來對於使用者而言常造成深刻的影響。因此，以下探討展覽網站設計的相關文 獻。
展覽設計是典藏、教育、研究的內容在使用者端呈現的關鍵，因此，在展示 功能的建構任務中，包括使用者介面、網站內容與功能架構的設計等非常重要。
以下分使用者介面與網站內容與功能架構兩部份說明：
(一) 使用者介面
參考陳百薰、項潔、姜宗模、洪政欣（2002），認為使用者介面設 計是一種資訊結構設計與視覺設計的結合，需以使用者本身為基準，
整理其步驟包括：
(1) 確定我們的觀眾和我們所要傳達的資訊
線上展覽的觀眾包含了社會大眾，也就是說必須考量各種類 型、年齡的使用者，進一步了解他們的生活與使用電腦經驗，設計 出針對不同使用者所需求的版本。
(2) 確定使用對象的使用環境
線上展覽的使用對象是社會大眾，所以任何使用環境都必須考 量，需照顧到所有網路環境的使用者。
(3) 確定使用對象可能形成的使用經驗
設計的內容主要是讓使用者自行探索其中的樂趣或依循步驟 性的引導來接收資訊。
再來，使用者介面是影響使用者觀感的，使用者介面設計要領包
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
14
括：
(1) 資訊簡潔
在一個螢幕上只要呈現「現在」所需要的資訊，以便凸顯主 題內容。
(2) 介面功能的一致性
功能性的選項必須貫穿整個網站。如果在任一網頁中圖像放 置位置都是相同的，對使用者來說是最方便的。
(3) 資料存取步驟不要超過三層
盡量使用平台式組織架構，將大量不同的資訊分門別類，方 便使用者存取。每個主題的相關資訊連結，以所屬單元、子單元、
相關單元等連結平台，區別主題內容中不同資訊連結的關係。
(4) 將介面功能融入圖像或內文中
最重要的是，畫面功能容易讓使用者了解，在螢幕上也不顯 得突兀。
(5) 讓使用者產生參與感
這是最抽象的，舉例來說，大英博物館線上古文化內容展示 在木乃伊的介紹中，有個挑戰區，主要讓使用者了解木乃伊身上 的咒語在死後的世界之用途，運用故事性、互動性、場景的布景，
整內容設計不僅讓人清楚了解咒語的意義，並讓使用者有身歷其 境的感受。
(二) 網站內容及功能架構
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
15
網站內容方面，注重內容的廣度、深度、完整性、實用性、生活 性的呈現。在廣度與深度的取捨上，必須是內容提供的對象，例如針 對專業人員、小孩，或者內容由廣、淺而深，當然，這會隨內容架構 的設計而給人不同的感受。在主題、資料的完整性上，在網站上所呈 現的資料，不要讓使用者明顯的看出內容只完成一部分，例如只有連 結的標題，內容卻還在建構或無法連結。內容的實用性與生活性上，
在多數專業知識的內容中，輔以一般大眾能夠在生活中運用的知識技 能，便能夠加深對主題的吸收。另外在製作時，必須考量內容的準確 性、有效性、符合主題等。
參考陳百薰、項潔、姜宗模、洪政欣（2002），認為網站功能架構 部分應注意以下事項，包括：
(1) 網站地圖的提供，讓使用者能夠直接連結多層的資料內容。
(2) 多媒體的應用及與使用者的互動。
(3) 功能與主題的符合。
(4) 功能內容設計對使用者的意義。
網頁設計最終目的是讓使用者在瀏覽後對網站整體產生認同感，增加新的使 用者與再造訪率。線上展覽不是擴大館員工作範圍，而是透過技術導入與使用者 產生互動。儘管傳統檔案館做為資料保存單位，而顯現「檔案館-使用者」二分 的資訊服務模式，但隨著網路技術與社群媒體互動平台的發展，使用者不再侷限 於單純接收位置，甚至翻轉成資訊提供者和生產者。所以檔案館員該思考的是如 何融入資訊創造過程，並加以運用。
各家學者提出的評鑑指標有所不同，可能是評估之網站性質不同，或者是研 究者對於評估之各個面向重視的程度不同。但若仔細分析，有許多指標是概念相
‧
Newman & Landay 導覽(navigation)設計、資訊(information)設計、視 覺(visual)設計
陳海平、鍾春蘭 宣傳性內容、服務性內容、資源性內容、互動交流平
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
17
致性與藝術性。
4. 互動方面包含：使用者為基礎，考慮使用者對內 容的需求、互動性與回饋性等。
5. 可使用性方面包含：使用者介面、導航、網站方 位與搜尋引擎。
陳百薰等人
資訊簡潔、介面功能的一致性、資料存取步驟不要超 過三層、將介面功能融入圖像或內文中、讓使用者產 生參與感。
陳百薰等人
1. 網站地圖的提供，讓使用者能夠直接連結多層的 資料內容。
2. 多媒體的應用及與使用者的互動。
3. 功能與主題的符合。
4. 功能內容設計對使用者的意義。
資料來源：本研究整理
根據上表，以張衍與何兆華的指標為基本架構，再輔以其他各家的部分指標 與研究者考量檔案網站特有功能，整理出五大指標、十四小指標：
1. 展覽資訊：主辦單位、展覽網頁所有權與製作單位、展覽消息。
2. 展覽內容：展覽概述與各主題介紹、展覽內容可信度、相關連結。
3. 網頁技術：瀏覽器相容性、網站圖片、維護與更新。
4. 網頁架構與設計：網站方位、多媒體運用。
5. 互動性：成員互動、互動遊戲或活動、問題回報。
‧ 國
立 政 治 大 學
‧
Na tiona
l Ch engchi University
18