實驗設計

本研究以中正大學圖書館網站首頁為實驗網頁，以PhotoShop CS6 設計三種 內容訊息相同，但分別將廣告放置於左、右、上位置之網站首頁。此外，為降低 其他可能干擾視覺注意力之影響因素，本研究將三個版面依據以下原則設計：

一、 版面設計原則

（一） 根據 2014 年 Internet 螢幕解析度使用分析報告(Internet Users Screen Resolution Realtime Statistics for 2014)指出，1024 x 768 以 上之螢幕解析度為最普遍被設定使用之螢幕解析度，因此本研究 採17 吋液晶螢幕，並將螢幕解析度固定為 1024 x 768。

（二） Nielsen 及 Pernice(2010) 的研究指出，使用者偏好網站首頁資訊 能夠不需要捲軸即能瀏覽之設計，因此本研究將實驗網頁設定為 無卷軸狀態。

（三） 實驗之觀看網頁以靜態網頁方式呈現，受試者不需點選任何網頁 功能。

（四） 蔡孟甫(2001)的研究指出，黑體字體自行閱讀的舒適度大於點陣 字，因此本研究實驗用網頁採用中黑體字體設計。

二、 版面尺寸與廣告位置

（一） 版面尺寸：美國Maitland Grares 調查受歡迎的雜誌封面設計比例，

結果顯示最受歡迎的比例為 1:1.618(柳閩生，1987)，此一比例 又稱為黃金分割比例，最早見於古希臘和古埃及，即把一根線段 分為長短不等的 a、b 兩段，使其中長線段的比(即 a+b)等於短 線段 b 對長線段 a 的比，列式即為 a:(a+b)=b:a，如圖3-4 所示。

34

圖 3-4 黃金分割示意圖

因此，在同時考慮使用螢幕解析度1024 x 768 之下，本研究將三 個版面設計為1020 x 630，以符合黃金分割比例。圖 3-5 為廣告 置左之黃金分割比例網頁設計示例。

圖3-5 廣告置左版面之黃金分割比例網頁設計示例

（二） 廣告位置：三分定律原則(The Rule of Thirds)是指在決定構圖時，

所引用的一個簡化的黃金比例原則，此一原則係以畫面兩條相等 間距的水平線和兩條相等間距的垂直線，將畫面分成同大小的九 等份矩形，而這4 條分界線所構成的交叉點，即為三分定律原則 中用來放置主體內容的最佳位置，如圖3-6 所示。

35

圖3-6 三分定律示意圖

（三） 廣告尺寸：基於黃金分割比例，本研究進一步以三分率劃分廣告 圖片寬，以形成置左、置右、置上之三個不同廣告位置之版面，

據此得置左及置右之廣告黃金比例尺寸為340 x 210；置上廣告 尺寸為970 x 140，圖 3-7 為廣告置左之廣告圖片尺寸設計。

圖3-7 廣告置左版面之廣告圖片尺寸設計

三、 廣告內容與網頁元素

（一） 廣告內容：廣告內容設計係以傳達圖書館宣傳訊息為主，以符合 實際之狀況。此外，為避免受試者因廣告圖片樣式喜好差異而影 響其視覺注意力，造成眼動數據偏差，本研究以文字型式設計廣 告。此外，Moore, Stammerjohan 及 Coulter (2005)的研究指出，

36

當色彩的組合為紅色配白色時，可有效提升受試者的閱讀理解率，

並且答題反應時間也會相對較快。因此，本研究亦採用紅色搭配 白色的色彩組合設計圖書館首頁的文字型廣告。圖3-3、圖 3-4 及圖3-5 分別為本研究所設計之置左、置右、置上不同廣告放置 位置之圖書館網站首頁。

圖3-8 廣告置於左方之圖書館網站首頁

圖3-9 廣告置於右方之圖書館網站首頁

37

圖3-10 廣告置於上方之圖書館網站首頁

（二） 網頁元素:1956 年 Gerrge.Miller 發表 The Magical Number Seven, Plus or Minus Two 的心理學法則，提出人類一次能夠掌握的訊息 數量約為七個，而這個法則也被運用於網頁設計，以利於使用者 一眼找出所需資訊(矢野，2007；雲南治嘉，2010）。基於此一法 則，本研究將圖書館網站首頁設計為九個網頁項目，並將其定義 為九個興趣區域，以利於以眼動儀追蹤九個興趣區域的眼動指標，

如圖3-11 所示。以下針對廣告置左版面網頁項目元素進行說明。

❶圖書館標誌:放置識別圖書館之圖書館標誌。

❷導覽列:放置相關於本館、館藏目錄、電子資源、推廣活動、

服務與指引、校史典藏、來粒芭樂電子報之圖書館服務資訊。

❸廣告圖片:放置圖書館為宣傳圖書館活動訊息之廣告設計圖 片。

❹館藏查詢目錄:放置可搜尋圖書館館藏之搜尋界面。

❺常用服務:放置圖書館經常使用之服務項目。

❻重要連結: 放置以小圖示方式呈現之重要連結。

❼最新消息:放置圖書館發佈之最新消息，設計以不超過九則訊

38

息項目為主。

❽社群標誌:放置社群網站之連結標誌。

❾版權資訊:放置圖書館相關版權宣告與聯絡資訊。

圖3-11 廣告置左之九個興趣區域版面

（三） 除❸廣告圖片興趣區分別採置上、置左、置右設計外，圖書館 標誌、導覽列與版權資訊三個興趣區項目在三個設計的版面中位 置不變，以符合一般使用性原則，其餘則依據廣告圖片放置位置，

將館藏查詢目錄、常用服務、重要連結、最新消息、社群標誌作 適當位置考量，因此在三個版面中皆呈現於不同位置。以置左版 面為例，在置左版面中，本研究以完形心理學視覺法則中的接近 性(Proximity）與相似性(Similarity）原則，考量人類傾向將彼此 接近的物體視為群組，因此將項目❻重要連結放置於左方廣告 下。而置上版面將❻重要連結置於版面下方；置右版面將❻重 要連結安排於左方。

39