以眼動分析大學圖書館網頁使用者心智模式與物件位置典型性之研究
90
0
0
全文
(2) 謝辭 很快的三年過去了，在研究所的生活學習到很多新的知識與技能，感謝吉 隆老師一直以來的指導，雖然寫論文的過程中跌跌撞撞，但還是能感受到老師 給予的耐心和肯定，也感謝所上柯皓仁、卜小蝶、謝建成、邱銘心、陳昭珍、 吳美美老師們的教導，另外特別感謝柯皓仁老師及林呈潢老師擔任我的口試委 員，給予我論文修改許多的寶貴建議。 一路上遇到各種困難和挫折，但幸好這三年來有各位朋友的陪伴讓我走完 這一段路程，從輔大一起到師大的阿符、千千、周伯、薷方這些日子常常能聊 起大學的時光，非常高興這三年認識到 102 圖資碩班各位，像是人生楷模的張 煦哥，越南團的明媛、書宇，常常一起留在所上奮鬥的德雯、柏凱，同一家的 學長姊、筠喬，平常不出門一直在所上的學妹們水柔、沛萱、奕吾、小態、凱 纓。輔大羅生門、領才的夥伴，每次見到大家都讓我補充很多正能量，提醒自 己要堅持下去，以及最後一學期在君文的推薦下跑去參加創業競賽，除了認識 許多優秀的隊員，也讓我認真思考未來的人生方向。 最後感謝家人一直以來的支持，讓我在這三年當中能夠順利完成學業，終 於要畢業了要即將前往人生的下一個階段，這三年研究所的點滴都將成為珍貴 的回憶，真的非常謝謝所有曾經幫助過我的老師、朋友以及家人。. i.
(3) 摘要 本研究主要探討大學圖書館網站使用者對於首頁版面的既定印象，以及網 頁物件的位置和使用的經驗對於使用者的搜尋任務表現之影響。共有 62 為大學 生及研究生參與本研究。本研究利用繪圖方式呈現使用者對於首頁排版的既定 印象，以相似程度不同的網頁測驗受試者的視覺行為，透過眼動儀器記錄受試 者的眼動數據以及任務表現行統計分析。 繪圖結果說明使用者對於大學圖書館網站首頁的版面配置具有心智模式， 在眼動實驗結果顯示（1）網頁物件的位置會影響使用者的視覺行為及任務表現 （2）使用圖書館網站的頻率對使用者的視覺行為及任務表現沒有影響，最後本 研究依據研究結果進行討論，並針對大學圖書館網站首頁設計及未來研究提出 相關建議。. 關鍵詞：心智模式、網頁物件、位置典型性、眼動追蹤. ii.
(4) Abstract This study aims to explore the users’ expectations towards the layouts of university library website home pages and the influences of the locations of website objects and usage frequency towards the users’ retrieval tasks. There are 62 undergraduate or graduate students participate in this study. Drawing is used to reveal the users’ expectations for the home page layouts.. Participants with different. typicality of gaze behaviors are tested. Eye tracker is used to record the participants’ eye movements and their task performances. Statistical analyses are used to analyze the results. The results of the drawings show that users have mental models towards the layouts of university library website home pages. The results of the eye tracking experiment reveal the following conclusions: First, the locations of web objects on the website pages do affect the users’ gaze behaviors and their task performances. Second, the frequency of library website usage does not affect the users’ gaze behavior and task performance. Finally, a discussion is made according to research results and related advices are given to university library website home page design and future researches.. Keyword: Mental model, Web object, location typicality, eye-tracking. iii.
(5) 目次 第一章 緒論.................................................................................................................. 1 第一節 研究動機與背景...................................................................................... 1 第二節 研究目的與問題...................................................................................... 5 第三節 研究範圍與限制...................................................................................... 7 第四節 名詞解釋.................................................................................................. 8 第二章 文獻探討........................................................................................................ 11 第一節 網頁心智模式研究................................................................................ 11 一、心智模式與網頁行為.......................................................................... 11 二、不同使用者群體心智模式的差異...................................................... 14 三、網頁物件位置典型性.......................................................................... 15 第二節 眼動追蹤技術用於網頁互動................................................................ 16 一、眼動與網頁瀏覽行為.......................................................................... 17 二、眼動指標的研究應用.......................................................................... 19 第三節 圖書館網站使用者心智模式與眼動應用研究.................................... 20 第三章 研究方法........................................................................................................ 23 第一節 研究架構與設計.................................................................................... 23 第二節 研究對象................................................................................................ 24 第三節 實驗材料................................................................................................ 25 第四節 實驗工具................................................................................................ 31 第五節 實驗流程................................................................................................ 33 第六節 資料收集與分析.................................................................................... 36 第四章 研究結果........................................................................................................ 37 第一節 受試者基本資料分析............................................................................ 37 第二節 繪圖實驗結果分析................................................................................ 39 iv.
(6) 一、位置相似值.......................................................................................... 39 二、繪圖圖像結果...................................................................................... 42 三、分組圖像相似程度.............................................................................. 44 第三節 眼動實驗結果分析................................................................................ 45 一、首次凝視目標時間.............................................................................. 47 二、目標前凝視點數量.............................................................................. 52 三、完成任務時間...................................................................................... 56 四、任務難易度.......................................................................................... 60 第四節 綜合討論................................................................................................ 65 第五章 結論與建議.................................................................................................... 71 第一節 研究結論................................................................................................ 71 第二節 研究建議................................................................................................ 76 參考文獻...................................................................................................................... 77. v.
(7) 表次 表 1-1 十所國內大學圖書館首頁檢索工具與對應位置 ........................................... 3 表 3-1 圖書館名稱（Logo）位置相似性對照表 .................................................... 26 表 3-2 中、英文切換位置相似性對照表 ................................................................ 27 表 3-3 讀者登入位置相似性對照表 ........................................................................ 28 表 3-4 最新消息位置相似性對照表 ........................................................................ 29 表 3-5 搜尋欄位置相似性對照表 ............................................................................ 30 表 4-1 網際網路能力評量與使用大學圖書館網站頻率摘要表 ............................ 38 表 4-2 各組網頁物件位置累計百分比對照表 ........................................................ 39 表 4-3 實驗網頁物件所在位置與範圍對照表 ........................................................ 40 表 4-4 位置相似值描述統計摘要表 ........................................................................ 42 表 4-5 繪圖實驗各網頁物件結果圖對照表 ............................................................ 43 表 4-6 網頁物件 Pearson 相關係數統計摘要表...................................................... 44 表 4-7 網頁物件各組重疊方格 Pearson 相關係數統計摘要表.............................. 45 表 4-8 網頁物件對應興趣區域（AOI）位置對照表 ............................................. 46 表 4-9 首次凝視目標前時間描述統計摘要表 ........................................................ 47 表 4-10 圖書館名稱（Logo）首次凝視目標前時間重複量數變異數分析摘要表 ...................................................................................................................................... 48 表 4-11 中、英文切換首次凝視目標前時間重複量數變異數分析摘要表 .......... 48 表 4-12 讀者登入首次凝視目標前時間重複量數變異數分析摘要表 .................. 49 表 4-13 最新消息首次凝視目標前時間重複量數變異數分析摘要表 .................. 50 表 4-14 搜尋欄首次凝視目標前時間重複量數變異數分析摘要表 ...................... 50 表 4-15 目標前凝視點描述統計摘要表 .................................................................. 52 表 4-16 圖書館名稱（Logo）目標前凝視點數量重複量數變異數分析摘要表 .. 53 表 4-17 中、英文切換目標前凝視點數量重複量數變異數分析摘要表 .............. 53 表 4-18 讀者登入目標前凝視點數量重複量數變異數分析摘要表 ...................... 54 表 4-19 最新消息目標前凝視點數量重複量數變異數分析摘要表 ...................... 55 表 4-20 搜尋欄目標前凝視點數量重複量數變異數分析摘要表 .......................... 55 表 4-21 完成任務時間描述統計摘要表 .................................................................. 56 表 4-22 圖書館名稱（Logo）完成任務時間重複量數變異數分析摘要表 .......... 57 vi.
(8) 表 4-23 中、英文切換完成任務時間重複量數變異數分析摘要表 ...................... 57 表 4-24 讀者登入完成任務時間重複量數變異數分析摘要表 .............................. 58 表 4-25 最新消息完成任務時間重複量數變異數分析摘要表 .............................. 59 表 4-26 搜尋欄完成任務時間重複量數變異數分析摘要表 .................................. 59 表 4-27 任務難易度描述統計摘要表 ...................................................................... 60 表 4-28 圖書館名稱（Logo）任務難易度重複量數變異數分析摘要表 .............. 61 表 4-29 中、英文切換任務難易度重複量數變異數分析摘要表 .......................... 61 表 4-30 讀者登入任務難易度重複量數變異數分析摘要表 .................................. 62 表 4-31 最新消息任務難易度重複量數變異數分析摘要表 .................................. 63 表 4-32 搜尋欄完成任務時間重複量數變異數分析摘要表 .................................. 63 表 4-33 外校生組各校學校人數統計表 .................................................................. 65 表 4-34 三校圖書館網站首頁截圖 .......................................................................... 66 表 4-35 讀者登入、最新消息繪圖結果對照表 ...................................................... 67 表 4-36 位置相似性網頁熱區圖對照表 .................................................................. 69 表 4-37 搜尋欄各組熱區圖對照表 .......................................................................... 70 表 5-1 全體受試者的繪圖結果彙整表 .................................................................... 72 表 5-2 統計結果彙整表 ............................................................................................ 74. vii.
(9) 圖次 圖 1-1 繪圖實驗不同使用者圖例 .............................................................................. 4 圖 2-1 F 字形的凝視熱區圖 ...................................................................................... 17 圖 2-2 瀏覽網頁各長度時間百分比 ........................................................................ 18 圖 2-3 圖片對網頁瀏覽的影響 ................................................................................ 19 圖 3-1 研究架構圖 .................................................................................................... 23 圖 3-2 實驗設計圖 .................................................................................................... 24 圖 3-3 繪圖實驗操作示意圖 .................................................................................... 31 圖 3-4 EyeTribe 眼動儀 ............................................................................................. 32 圖 3-5 Ogama 眼動實驗軟體 ..................................................................................... 32 圖 3-6 實驗流程圖 ..................................................................................................... 33 圖 3-7 繪圖實驗結果範例圖 ..................................................................................... 34 圖 3-8 眼動實驗流程圖 ............................................................................................ 35 圖 3-9 繪圖實驗物件相似值與漸層表示範例 ........................................................ 36 圖 4-1 圖書館名稱（Logo）網頁物件位置交疊圖 ................................................ 45 圖 4-2 物件位置相似值橫條圖 ................................................................................. 68. viii.
(10) 第一章 緒論 數位時代來臨，網站成為使用者利用圖書館服務的第一道大門，大學圖書 館網站提供豐富多元的資源與服務，讓使用者能夠方便地取得需要的資源。圖 書館也會定期維護並且適時地更新、更換網頁的版面設計，以符合使用者的需 求，讓使用者獲得更好的使用經驗。本研究欲從使用者的心智模式探討大學圖 書館網頁物件擺放位置對使用者的視覺行為與任務表現所產生的影響。本章將 分為三節：第一節介紹研究背景與動機，第二節說明研究目的與研究問題，第 三節為名詞解釋。. 第一節 研究動機與背景 透過大學圖書館網站來取得圖書館資源與服務已經是現今多數使用者的第 一步，甚至有些使用者只曾利用過虛擬的網站而從來沒有走進實體的圖書館， 圖書館網站成為了使用者與圖書館建立關係的橋樑，而理想中的大學圖書館網 站必須快速地引導使用者找到所需要的資訊、完成任務（謝寶煖，2004），使用 的經驗直接影響使用者對網站的滿意度，也影響使用者是否願意再次使用網 站，如何讓網站易於理解和使用的使用性（usability）議題，在圖書館網頁設計 逐漸受到重視（謝建成、劉至逢，2009）。 使用性的一大問題在於設計者和使用者心智模式的差距（Nielsen, 2010a）， 心智模式是個人用來瞭解外在事務運作的認知歷程，過去研究大學圖書館網站 使用者的心智模式有採用卡片分類法來獲得使用者組織資訊的方式，藉此比對 圖書館網站資訊架構與使用者認知的差異（謝建成、林黃瑋，2010；Sinkinson, Alexander, Hicks, & Kahn, 2012）；或是以繪圖搭配實驗測試用來瞭解使用者的 資訊檢索行為（Zhang, 2008a; Zhang, 2008b），檢視使用者如何在圖書館網站中 1.
(11) 找到自己所需要的資料，這些研究試圖獲取使用者的心智模式作為圖書館網站 設計是否貼近使用者的參考，然而過去鮮少有研究討論圖書館網站首頁的版面 對於使用者心智模式影響。 使用者對於不同類型的網站有哪些常見的網頁物件以及這些物件該出現的 位置已經有既定印象（Roth, Schmutz, Pauwels, Bargas-Avila, & Opwis, 2010）， 以 Chow、Bridges 與 Commander（2014）的研究調查為例，在美國的學術圖書 館首頁上能夠找到常見的項目就包含開館時間、圖書館地址、最新消息和事 件、進入 OPAC、線上續借、聯絡資訊以及給予意見回饋，並且從 Chow 等人 （2014）的研究結果顯示使用者對學術圖書館首頁上的常見物件的既定印象並 不相同，例如調查中有 29%的使用者認為檢索工具應該置於首頁右上角的位置 以提供檢索服務，但另有 37%的使用者認為不會出現在首頁，這顯示雖然都是 常用的功能但使用者對於所在的位置仍有不同的認知。 國內大學圖書館首頁大部分都能找到檢索工具，因為各自的設計風格及版 面編排的方式，即使同樣的網頁物件在不同學校的圖書館網頁上擺放的位置也 會有些許的差異，表 1-1 列舉的十所大學圖書館為例，不同學校圖書館首頁上 的檢索工具所在位置也不完全相同，例如國立中正大學在畫面的正下方，而逢 甲大學圖書館的檢索工具在畫面的左上方，不同學校的學生使用版面排版不同 的網站也會導致學生對檢索工具的位置產生認知上的差異。. 2.
(12) 表 1-1 十所國內大學圖書館首頁檢索工具與對應位置 逢甲大學圖書館. 國立中正大學圖書館. 國立臺灣大學圖書館. 國立陽明大學圖書館. 國立臺北科技大學圖書館. 中原大學張靜愚紀念圖書館. 國立交通大學圖書館. 東吳大學圖書館. 國立政治大學圖書館. 國立清華大學圖書館. 3.
(13) 過去 Roth 等人（2010）透過排版頁面雛型的方式讓使用者於空白網頁以拖 曳和縮放常見的網頁物件，將頁面分割為方格圖像清楚呈現不同群體認為網頁 物件在首頁上應該出現的位置和分布，如圖 1-1 為企業網站外部連結這項網頁 物件的圖例，圖左為設計專業人員的繪圖結果，他們認為對外的連結功能主要 置於首頁的右邊；圖右為一般使用者的繪圖結果，大多數人則認為這些連結會 在首頁的左邊出現，然而為了瞭解使用者的既定印象對行為反應有何影響， Roth、Tuch、Mekler、Bargas-Avila 與 Opwis（2013）透過眼動實驗檢視網頁物 件的位置是否影響使用者的視覺反應，發現若是位置符合使用者預期的網頁， 能夠幫助使用者確認方向和找尋到需要的功能項目。 一般使用者. 網頁設計人員. 圖 1-1 繪圖實驗不同使用者圖例 資料來源：Roth, S. P., Schmutz, P., Pauwels, S. L., Bargas-Avila, J. A., & Opwis, K. (2010). Mental models for web objects: Where do users expect to find the most frequent objects in online shops, news portals, and company web pages? Interacting with computers, 22(2), 140-152. doi:10.1016/j.intcom.2009.10.004. 眼動實驗是透過眼動儀器來記錄人眼的視覺生理反應，經過數據計算來呈 現視覺現象如凝視（fixation）為使用者注視畫面的某處一段時間以及掃視 （saccade）為凝視點與凝視點之間的移動，搭配實驗設計能夠觀察使用者在網 頁上的瀏覽行為（Nielsen, 2006）或是視覺注意力的分布（Nielsen, 2010c）。過 去的眼動研究指出網頁物件擺放的位置會直接影響使用者視覺注意力，並且影 4.
(14) 響使用者的任務表現與網頁的滿意度（Li, Song, Lu, & Zhong, 2009; Leuthold, Schmutz, Bargas-Avila, Tuch, & Opwis, 2011; Roth et al., 2013; Wang, Yang, Liu, Cao, & Ma, 2014），從前段研究案例來看以繪圖實驗再搭配眼動儀器記錄使用者 的眼動數據，便能同時取得並驗證使用者對物件所在位置的既定印象， Baharum 與 Jaafar（2014a, 2014b）也採用了這兩種方法用於探討探討東南亞國 家協會（Association of Southeast Asian Nations, ASEAN）各國使用者的心智模 式關於一般網頁、電子商務網頁、圖書館網頁的網頁物件的位置和排版。 綜合上述，網站首頁作為使用者開啟大學圖書館資料和服務的大門，本研 究欲探究大學圖書館使用者對於首頁版面的心智模式，結合眼動追蹤技術觀察 使用者視覺搜尋行為，說明頁面的既定印象對於使用者的影響。. 第二節 研究目的與問題 本研究目的在於探索國內大學圖書館網站使用者對於網站首頁的既定印 象，試圖瞭解使用者腦海中所認知的首頁版面，並且從過去的使用經驗分析不 同大學圖書館使用者的差異，透過網頁物件的位置檢驗使用者對於大學圖書館 網站首頁的既定印象，再利用眼動數據判斷不同學校的使用者在視覺行為以及 搜尋任務的差異，同時呈現和驗證使用者對於大學圖書館網站首頁版面的心智 模式，這項研究有助於瞭解使用者對於網頁物件位置的認知以及其效果，提供 大學圖書館網站首頁設計的參考。. 5.
(15) 為達成上述研究目的，本研究提出研究問題如下： 一、國內大學圖書館網站的使用者對於網站首頁排版的心智模式為何？ 二、網頁物件位置與心智模式 1.. 網頁物件所在位置與使用者預期的位置相似與否是否影響使用者首次 看到目標網頁物件的時間？. 2.. 網頁物件所在位置與使用者預期的位置相似與否是否影響使用者看到 目標網頁物件前產生的凝視點數量？. 3.. 網頁物件所在位置與使用者預期的位置相似與否是否影響使用者完成 任務的時間？. 4.. 網頁物件所在位置與使用者預期的位置相似與否是否影響使用者判斷 任務的難易度？. 三、使用大學圖書館網站的經驗 1.. 大學圖書館網站的使用頻率是否影響使用者首次看到目標網頁物件的 時間？. 2.. 大學圖書館網站的使用頻率是否影響使用者看到目標網頁物件前產生 的凝視點數量？. 3.. 大學圖書館網站的使用頻率是否影響使用者完成任務的時間？. 4.. 大學圖書館網站的使用頻率是否影響使用者判斷任務的難易度？. 6.
(16) 第三節 研究範圍與限制 本研究以國立臺灣師範大學圖書館網站作為研究案例，避免個別網站設計 風格造成的心智模式差異，同時用於比較單一學校使用者與其他學校使用者的 差異，研究著重在網站首頁的排版，特別是網頁物件的位置影響，因此不包含 整個網站的資訊架構範疇如資訊組織、分類標籤、導覽系統，例如有關網頁物 件之間的組織關聯以及標籤上的詞語用字的效果，以及網頁和網頁之間的連結 不在本研究範圍。 本研究因實驗設計有以下限制： 一、常見的網頁物件 本研究僅選擇少數的常見網頁物件，用於檢驗受試者的心智模式，並且作 為繪圖實驗中指定項目以及眼動實驗的任務目標，因此無法包含全部大學圖書 館首頁的網頁內容。 二、任務操作 眼動實驗是以單一畫面加上簡易操作，受試者在任務中搜尋指定的單一目 標，並非記錄真實的網頁瀏覽行為。 三、練習效應 眼動實驗中讓受試者觀看不同位置相似性的網頁，包含相似性高與相似性 低的網頁，總計共有十個網頁並作隨機處理，但無法確認受試者從第幾次試驗 後開始熟悉實驗而產生練習效應。. 7.
(17) 第四節 名詞解釋 以下就研究中重要名詞之概念與操作上的定義列舉說明： 一、心智模式 本研究探討之心智模式為使用者對於大學圖書館網站首頁排版的既定印 象，即使用者所認知的大學圖書館網站首頁版面，實驗中受試者將首頁上常見 的網頁物件置於認為應出現的位置並調整大小，以呈現預期出現的網站頁面。. 二、網頁物件 網頁物件（Web objects）是指網頁設計人員為網頁特定功能建置，能夠接 收、處理、傳遞指令，根據過去的研究（Bernard, 2001; Bernard,2002; Vasantha & Harinarayana, 2011; Roth et al., 2013）舉凡導覽列、Logo 圖像、回首頁、檢索 工具、最新消息等，從單一圖像到多功能函式，使用者在頁面上視覺可見可判 別其獨立功能的個別物件皆屬於網頁物件。. 三、位置相似性 根據 Roth 等人（2013）的研究指出使用者對不同類型的網頁已有的既定印 象，認為某些類型的網頁具有特定的網頁物件，除此之外也認為這些網頁物件 如搜尋欄、回首頁、網站導覽等會出現在網頁的特定位置，網頁物件所在位置 反映使用者的心理預期的程度稱之為位置典型性（Location typicality），當物件 所在位置越符合使用者預期的位置則典型性越高，為便於閱讀理解本研究實驗 與結果將以「位置相似性」稱之。. 8.
(18) 四、眼動追蹤 眼動追蹤（Eye-tracking）技術能夠自然且即時地記錄眼球運動過程，利於 探討認知思考，已被廣泛使用在各個領域的研究上，使用最多的是閱讀研究。 利用圖像處理技術以及能夠鎖定眼球的攝影機，捕捉從人的眼角膜和瞳孔反射 出來的紅外線，連續記錄眼球變化，從而記錄並分析眼球追蹤過程（陳學志、 賴惠德、邱發忠，2010）。本研究使用 EyeTribe 眼動儀取樣頻率為 60Hz，並結 合柏林自由大學（Freie Universität Berlin）開發之眼動實驗程式製作軟體 Ogama 進行實驗結束後的資料分析。. 五、興趣區域 研究者通常會從理論或假設出發，事先在觀看的刺激內容（stimuli）中定 義出一些興趣區域（Area of Interest, AOI），然後以區域為單位來分析其眼球移 動的資料（陳學志等人，2010）。當某一興趣區域有越多注視時，代表該區域容 易受到使用者的注視或興趣，本研究中的興趣區域為指定網頁物件的所在位 置，依不同大學圖書館首頁而不同，用於分析使用者群體的眼動數據與位置相 似性的影響。. 9.
(19) 10.
(20) 第二章 文獻探討 本研究欲探討使用者心智模式對網頁互動所帶來的影響，透過眼動追蹤觀 察使用者的視覺反應來獲得驗證，本章一共分為三個小節，第一節回顧網頁心 智模式的相關研究；第二節說明眼動追蹤技術如何用於網頁互動的相關研究； 第三節綜述大學圖書館網站與使用者心智模式的研究方向，以及眼動追蹤技術 帶入圖書館網站研究的效益。. 第一節 網頁心智模式研究 一、心智模式與網頁行為 心智模式（Mental model）是人類理解日常事物運作的內在認知歷程， Johnson-Laird（1983）認為心智模式是個人以直接的知覺或語言間接理解而建 立，受到視覺圖像訊息、聲音訊息、符號表徵等影響，並且人在接觸新的事物 時會嘗試以既有的心智模式去互動。Norman（1983）指出心智模式的概念在人 機互動（Human–computer interaction, HCI）的過程中又可以區分為系統概念模 式（conceptual model）或稱設計者的心智模式、系統圖像（system image）以及 使用者的心智模式（user’s mental model），使用者的心智模式會隨著使用系統 而自然發展出來，並且具有以下六種現象： 1.. 心智模式是不完整的（incomplete）。. 2.. 人們執行心智模式的能力有嚴重限制的（limited）。. 3.. 心智模式是不穩定的（unstable）：人們會忘記所使用心智模式的細 節，特別是一段時間後沒有使用它們。. 4.. 心智模式沒有明確的邊界（boundaries）：類似的機制經常相互混淆。. 11.
(21) 5.. 心智模式是不科學的（unscientific）：人們常採取迷信的模式以達到心 理與安全上的效果，縱使他們知道是並非必要的。. 6.. 心智模式是簡約的（parsimonious）：人們會多做一些可以透過心智規 劃而省去的行動。. 由於心智模式並不完整也不穩定的，使用者會依經驗的累積和系統互動的 次數強化其心智模式，並且受到使用者的背景知識和專業所影響，因此 Norman （1983）認為概念模式應盡可能與使用者心智模式相符，以便使用者容易理解 系統並提高使用性。 然而心智模式是抽象的，必須引導受試者執行任務操作，靠研究人員觀察 行為反應或是從受試者的回應陳述來取得，過去用於研究網頁系統互動常見的 方法有： 1.. 詞彙計量（verbal accounts）：引導受試者描述網頁系統的運作機制，或 是描述該系統的類比或隱喻，或是大聲念出完成指定任務的每一個步 驟，將受試者口頭敘述的內容轉換文字後作計算，藉此呈現和評估受 試者心智模式的結構（Katzeff, 1990; Bruce,1999; Slone, 2002; Papastergiou, 2005）。. 2.. 繪圖（drawing）：要求受試者繪製指定系統的圖像，透過繪製的結果評 估其心智模式的複雜度與熟悉度（Yan, 2008a; Yan, 2008b; Roth et al., 2010; Vasantha & Harinarayana, 2011; Naughton & Agosto, 2012; Baharum & Jaafar, 2014a）。. 3.. 卡片分類法（card sorting）：以不同卡片讓使用者針對各卡片內容排序 與分類整理，來獲得受試者分類組織的心智模式。（謝建成、林黃瑋， 2010; Sinkinson et al., 2012）. 4.. 眼動追蹤（eye tracking）：透過眼動追蹤儀器觀察受試者與系統互動的 視覺反應，計算眼動數據如凝視時間與凝視點數量評估使用者心智模 12.
(22) 式的差異（Li et al., 2009; Leuthold et al., 2011; Roth et al., 2013; Baharum & Jaafar, 2014b）。 分析使用者的心智模式有助設計人員瞭解使用者是如何理解網頁系統， Farris、Jones 與 Elgin（2002）的研究讓受試者進入畫面上顯示代號和字詞組成 連結表格的實驗網頁，時間內可以自行探索整個網頁，實驗結束後請受試者畫 出網頁連結的組織圖，結果大多數受試者畫出的組織圖和實驗網頁的組織不 同，受試者傾向將類似的資訊群組在一起，而不是回憶網頁真實的內容。心理 學者 Jones 指出過去文獻假設使用者在上網瀏覽時會對網頁建構空間心智模式 （spatial mental model），亦即使用者會透過自己的理解與認知來組織網站的架 構與其內容，使用者並非全然是以網頁設計者的想法來記憶網頁（The University of Kansas, 2002）。網頁設計人員需要把焦點放在使用者會如何組織網 頁呈現的資訊，使網頁的資訊組織和使用者所想的組織方法必須盡可能一致。 網頁設計若符合使用者心智模式，使用者就能夠順利且快速完成任務， Oulasvirta、Kärkkäinen 與 Laarni（2005）為瞭解使用者對網頁物件預期和記憶 效應影響為何，要求實驗受試者找到指定的連結，並且使用眼動儀記錄眼球運 動反應。實驗依三種排版方式分別製作出功能列靠左、功能列靠右以及兩側都 有功能列的三個不同的網頁，除了功能列置於右側的網頁外，任務指定的連結 都固定在左側功能列上，實驗組和對照組的參與者都會看到三種網頁，實驗組 可以依照顯示畫面按下連結，而對照組的受試者在目光進入網頁後畫面便會消 失只能以記憶和猜測回答連結所在的位置，依照實驗組和對照組的比較的結果 發現受試者是以功能列的大致位置做記憶，而不是尋找確切的目標連結字詞， 另外因記憶效應的影響當顯示的功能列置於左側時，受試者能夠更加快速找到 任務目標。 若違反心智模式將會造成使用者不易理解，錯誤的使用行為增加，花費更 多的時間在辨識網頁內容，降低對網頁的滿意度。Santa-Maria 與 Dyson 13.
(23) （2008）研究網頁違反視覺習慣的影響為何，刻意將網路論壇頁面的物件進行 轉置修改，例如將功能列以水平加上文字呈現的方式改為垂直的文字搭配圖像 呈現，觀察使用者在這樣的實驗網頁中的瀏覽行為，發現使用者會因為違反視 覺習慣，出現頻繁按下回上一頁和反覆凝視等非常態執行的心智模式，造成使 用者必須花費更多的時間理解網頁，但隨著瀏覽次數增加，使用者繪逐漸習慣 轉置的網頁且找尋任務目標速度更加快速。 二、不同使用者群體心智模式的差異 心智模式會因為和系統的互動而自然發展，隨著經驗和知識的累積，使用 者對於使用網頁已發展出一套自己的心智模式，除了受到外在網頁的不同而造 成發展的差異，另一方面也受到使用者的內在因素的影響，背景知識如專家與 新手是最常用來解釋的例子，Chevalier 與 Kicka（2006）實驗新手、有經驗的 使用者以及專業的網頁設計人員的搜尋策略，他們發現專業的網頁設計人員很 難自行拆解搜尋的步驟，因為網頁設計人員已經從自身豐富的經驗形成自然的 習慣，而有經驗的使用者和網頁設計人員有相似的搜尋策略，這樣的結果顯示 一般使用者和有經驗的使用者、網頁設計人員的心智模式可能是不同的。 Roth 等人（2010）將實驗網頁公開於網路一段時間，共有超過 1000 位受 試者執行實驗，以列舉的網頁物件在空白的網頁上設計指定類型（一般企業網 頁、線上新聞網頁、電子商務網頁），從結果發現男性、女性的分群無法看出兩 者心智模式上有任何明顯的差異，而從網頁設計人員、非專業人員的繪圖結果 來看，同樣也無法看出兩者有任何差別，就繪圖結果而言網頁排版可能沒有明 顯的條件能找出群體之間的差異，只能說明對於特定的網頁物件該出現在什麼 類型的網頁，以及網頁物件該出現在頁面上的什麼位置使用者已經有一定的既 定印象。. 14.
(24) 三、網頁物件位置典型性 如今大眾已經越來越習慣網際網路，對網頁上的網頁物件已經有一定的既 定印象，即心智模式，像是搜尋欄就是一條細長的輸入框能夠打入關鍵字，右 邊附上一個按鈕可能是搜尋字樣或者是一個放大鏡的圖示，又例如帳號登入， 大部分的人腦海中畫面浮現的是兩個同等大小的輸入框，兩個輸入框彼此相 近，一個用於輸入帳號、另一個則輸入密碼，若開啟的畫面不是如此還有可能 無法正確登入（Spool, 2008），Roth 等人（2010）研究各類型網站上最相關的網 頁物件，讓使用者依不同類型的網頁選取相關的網頁物件，針對（1）一般企業 網頁（2）線上新聞網頁（3）電子商務網頁，調查結果顯示使用者所選出的網 頁物件和網站本身的性質一致，例如：使用者在線上新聞網頁不會選擇「購物 車」這樣的網頁物件。 除了網頁物件本身，應該放在頁面上的什麼位置先前有不少研究（Bernard, 2001; Bernard, 2002; Oulasvirta, 2004; Oulasvirta et al., 2005; Roth et al., 2013; Baharum & Jaafar, 2014a），這些研究也針對網頁的內容和排版提出一些建議。 過去網頁設計者只能憑經驗決定物件要放在網頁的哪個位置上，為此 Bernard （2001）以找出一般典型網頁上六項網頁物件：「網頁標題橫幅」、「站內連結群 組」、「連外連結群組」、「回首頁」、「搜尋引擎」、「橫幅廣告」，讓實驗受試者進 入一份 7×7 表格狀的實驗網頁，這些方格代表網頁的相對位置，請受試者利用 網頁工具將網頁物件名稱的卡片放置在對應的方格上。 研究結果指出網頁物件「網頁標題橫幅」、「橫幅廣告」被使用者預期在網 頁的上方；「站內連結群組」被預期在網頁的左側；「連外連結群組」被預期在 螢幕的左右兩側；「回首頁」被預期在網頁的左上角，「搜尋引擎」在頁面中央 偏上的位置。Bernard（2002）為瞭解電子商務網頁使用者很難使用網頁購物的 原因，改以研究電子商務網頁並且提出電子商務常用物件如（1）購物車：應置 於位於頁面右上角（2）登入/註冊：位於頁面左上角（3）求助/服務：位於頁面 15.
(25) 右上角（4）帳戶/訂單狀態：傾向於網頁右上角（5）站內搜尋引擎：網頁的中 央上方（6）回首頁：位於左上角（7）個別商品連結群組：位於畫面中央偏 左，最後 Bernard 與 Sheshadri（2004）更將討論範圍推至全球電子商務網頁， 進行跨國網頁的分析研究。 Bernard 的方法之後被廣泛應用於討論使用者對於特定網頁物件該放置於網 頁何處，以大學圖書館網頁的研究也有 Harinarayana（2011）以世界前 75 所大 學之圖書館網頁首頁作為研究對象，比較圖書館網頁物件「關於我們」、「我的 帳戶」、「幫助」、「搜尋欄/連結」、「回首頁」、「館藏目錄」、「詢問館員」累計出 現在頁面上對應的位置，總結來說「回首頁」和「搜尋欄/連結」物件大部分至 於位於網頁的左上角和右上角位置，而這項研究是以現有大學圖書館網頁首頁 所執行的物件位置分析，呈現的是設計者的心智模式。 網頁設計人員和使用者彼此相互影響，設計者不只是建置一套網頁系統， 也需要使用者的回饋來瞭解使用者是否能夠理解並且順利使用網頁的各項功 能，當使用者隨著經驗發展出新的心智模式，設計者也有參考依據作為新的頁 面或服務的設計基礎。. 第二節 眼動追蹤技術用於網頁互動 眼動追蹤適用於瞭解使用者與網頁介面設計的視覺互動，透過儀器精確量 測觀察使用者在執行任務或自然地瀏覽網頁時在看哪裡（Rohrer, 2014），正如 同 Just 與 Carpenter（1984）的心眼假設所述。過去應用眼動分析來探討的網頁 研究例如動態和垂直選單對網頁導覽的效益（Leuthold et al., 2011）；不同網頁 內容框架下使用者瀏覽行為的差異（Cyr & Head, 2013）；網頁物件位置和使用 者預期相符與否對使用性的影響（Roth et al., 2013）、不同網頁複雜程度下使用 者的認知負荷（Wang et al., 2014），透過眼動儀器量測取得的數據能轉換成用於 16.
(26) 分析的指標如凝視點、凝視持續時間、掃視路徑等，將分析指標視覺化藉此得 知使用者在看網頁的哪些地方、持續注視了多長時間、視線移動的順序為何來 反映使用者觀看網頁的行為。使用者在網頁上到底看了些什麼？是如何看這些 網頁的？以及使用者如何的網頁作互動這些問題利用眼動分析能提供更直覺的 答案。 一、眼動與網頁瀏覽行為 Neilsen（2006）的研究指出使用者並不會詳細閱讀網頁，而是大略掃視整 個頁面來找尋有興趣的資訊，使用者以掃視的方式快速瀏覽整個網頁（尤其是 以文字為基礎的網頁），凝視熱區圖呈現「F/E」形狀，使用者瀏覽網頁內容區 域時習慣在上緣二次橫向的水平掃視，第二次的掃視比前一次短，最後沿著區 域左側由上而下掃視。經由眼動追縱視覺化呈現使用者的閱讀習慣，能夠用來 評估網頁撰寫內容的使用性，然而「F」形狀只是一個使用者概略、普遍的視覺 習慣，有時使用者受到圖片影響以不同的方式掃視網頁，或者因為特殊的資訊 如價格、數字直接移動視線過去。. 圖 2-1 F 字形的凝視熱區圖 資料來源：Nielsen, J. (2006). F-Shaped Pattern for Reading Web Content. Retrieved from http://www.nngroup.com/articles/f-shaped-pattern-reading-web-content/. 17.
(27) 由於使用者沒有閱讀整個網頁的習慣，網頁的長度也成為了研究的議題， 報紙的摺頁（page fold）概念被帶入網頁設計中，一般會將重要的內容與照片 放置在摺頁以上（above the fold），就像報紙不需要攤開就能看見，位置明顯吸 引讀者大部分的注意力，並且願意繼續翻閱下去，同樣的道理網頁長度影響使 用者是否需要滾動頁面，越長的網頁相對摺頁的次數也越多，對使用者來說滾 動頁面是額外的操作，Neilsen（2010c）的眼動實驗數據顯示使用者 80%的注意 力會集中在網頁摺頁以上，在摺頁以下的注意力僅 20%，使用者並不會覺得有 趣而去滾動網頁，而是相信下方的內容是有價值的，在注意力有限的情況下， 設計上要鼓勵使用者滾動網頁，從眼動追蹤的結果可以找出引起使用者的注意 的可能，進一步改善網頁的配置（Nielsen, 2010c; Nielsen, 2015）。. 圖 2-2 瀏覽網頁各長度時間百分比 資料來源：Nielsen, J. (2010c). Scrolling and attention. Nielsen Norman Group. Retrieved from http://www.nngroup.com/articles/scrolling-and-attention/. 圖像作為網頁內容的一部分，如何影響使用者的瀏覽習慣，眼球提供的資 訊能夠提供更直觀的解釋，Nielsen（2010b）舉企業網站為例在介紹工作夥伴的 頁面放上真人照片後會改變使用者的凝視路徑，使用者會順著照片將視線向下 移動甚至滾動滑鼠，又從網路購物的商品呈現頁面發現，當商品照片下方有較 18.
(28) 詳細的介紹使用者會花許多的時間在這些文字上，另外大型的圖片及夾帶大量 資訊的圖片也會吸引使用者的注意，但並不是所有類型的圖片都會受到使用者 的注視，例如網頁上與內容無關用於點綴裝飾用的相片、照片會被直接忽略， 這些觀察讓我們知道網頁內的圖像如何改變使用者的行為。. 圖 2-3 圖片對網頁瀏覽的影響 資料來源：Nielsen, J. (2010c). Scrolling and attention. Nielsen Norman Group. Retrieved from http://www.nngroup.com/articles/scrolling-and-attention/. 這些眼動行為能夠反映使用者和網頁介面的互動過程，利用數據的視覺化 來呈現使用者的瀏覽行為、注意力分配或是網頁內容的影響。 二、眼動指標的研究應用 眼動資料是透過儀器將偵測到訊號轉換成一筆一筆的樣本資料，原始的眼 動資料歸納整理後成更上層的眼動現象，而所謂的凝視（fixation）是指人的眼 球持續注視在某處一段時間，跳視（saccades）是眼球從一個凝視點快速移動至 另一個凝視點，凝視的資料包含凝視時間（fixation duration）以及凝視位置 （fixation position）的訊息；跳視的資料則包括跳視時間（saccade duration）、 跳視幅度（saccade length/saccade amplitude）、跳視方向（saccade direction）、跳 視速度（saccade velocity），除了這些資料眼動追蹤所使用的基本元件，研究者 19.
(29) 通常根據理論或假設，事先在觀看的實驗內容定義出一些興趣區域（Area of Interest, AOI）（陳學志等人，2010）。 眼動指標搭配不同實驗設計探討使用者與網頁互動的議題，AOI 和凝視點 數量與凝視時間的結合是最常見的使用，例如 Cyr 與 Head（2013）以享樂 （Hedonic）、功利（Utilitarian）兩種認知框架，將購物網頁中的項目劃分為不 同的 AOI，比較使用者在不同任務情境下的在 AOI 中的凝視點數量與凝視時間 的差異，同樣的指標 Wang 等人（2014）結合不同複雜度（complexity）的實驗 網頁來探討使用者的認知負荷（cognitive load）。Roth 等人（2013）則將首次凝 視目標時間（time to first fixation）、目標前產生凝視點（fixations before target） 用於探討網頁物件的位置是否符合使用者的心智模式，除了眼動指標之外 Leuthold 等人（2010）結合了滑鼠點擊並且計算首次點擊前的凝視點數量 （fixations before first click）來計算動態選單的設計與任務複雜度的影響。. 第三節 圖書館網站使用者心智模式與眼動應用研究 大學圖書館提供豐富的資訊給教師與學生來滿足教學和學術所的需要，而 大學圖書館網站幾乎決定了使用者能否順利取得這些的資訊，網站的使用者研 究是為了獲知使用者在操作時關心的重點，而心智模式在使用者研究中探討的 是使用者是怎麼樣使用這個網站，特別是和設計人員、圖書館員所想像的有什 麼樣的差異，往往一個良好的創新概念導入網站時卻發現使用者的操作和想像 的不同，除了使用者本身的想法與網站混淆，更糟的狀況是產生了錯誤的心智 模式，完全背離了原本設計的理念，而瞭解心智模式可以幫助我們釐清使用性 的問題意識，選擇讓網站更符合使用者的心智模式或是提升使用者的心智模式 （Nielsen, 2010a）。. 20.
(30) 大學圖書館服務的每一位使用者心智模式都不盡相同，但是圖書館的必須 在一個網站內組織龐大且複雜的資訊內容，包含多樣化的學科領域以及學習、 教學、學術等不同專業的需求，這些內容的組織與資訊架構應盡可能貼近多數 的使用者，讓網站的內容能夠被使用者快速的理解。謝建成與林黃瑋（2012） 以卡片分類法獲取大學圖書館使用者對於網站資訊內容的分類認知，找出使用 者共同認知的分類模式以建立大學圖書館網站架構，給予網站內容深度與廣度 的建議以提升圖書館網站的尋獲度，而針對單一學科 Sinkinson 等人（2012）為 了瞭解不同的使用者對大學圖書館網站中研究指南（research guides）內容理解 的差異，針對大學生、研究生以及圖書館員以卡片分類的方式做研究指南內容 的組織與分類，來比對不同群體間如何組織學科領域的資訊，也讓圖書館員瞭 解該學科領域的心智模式。 圖書館使用者心智模式討論的方向大多是資訊的組織和架構、檢索行為 （Zhang, 2008a; Zhang, Y. 2008b），不論任何的類型圖書館，然而從使用者對於 圖書館網站的印象討論心智模式的研究卻是比較少的，Naughton 與 Agosto （2012）讓青少年畫出他們心目中的青少年圖書館網站，從圖像中可以看出使 用者期望的圖書館網站樣貌，也發現使用者受到先備知識（prior knowledge）的 影響很深，例如青少年喜歡的遊戲網站，圖書館雖然具有推廣教育以及閱讀的 使命，但介面的設計如果能獲得使用者的認同，拉近與受試者的距離也能提升 使用者的意願，這樣的研究結果也能作為網站原型與主題發展的參考。 雖然能夠以繪圖的方式來獲得使用者對於圖書館網站的原型即心智模式， 但大學圖書館網站內容複雜，首頁上有各式連結與網頁物件，這些網頁物件受 到使用者心智模式影響的效果為何還需要搭配其他的方法來做驗證，過去 Roth 等人（2013）則選擇眼動實驗來測試 Roth 等人（2010）所做出的各類型網站的 心智模式圖像，因為使用者的視覺反應能夠給予研究人員直覺的回饋，而過去 的研究指出使用者判斷網站的第一印象最快只要 17 毫秒（Tuch, Presslaber, 21.
(31) StöCklin, Opwis, & Bargas-Avila, 2012），眼動追蹤技術是一個快速且直覺的方法 來探究使用者在不同設計條件下的生理視覺反應。 眼動儀器過去因為價格昂貴且技術難度較高，用於圖書館的相關研究仍然 還在發展中，Kules 與 Capra（2012）就以眼動追蹤技術來觀察使用者接受圖書 館推廣教育的效果，分別測試一般使用者和有觀看過 60 秒檢索教學影片的使用 者執行搜尋任務，從眼動記錄兩組受試者的視覺行為發現即使只有非常短的時 間，有受過訓練的使用者能夠注意到搜尋介面上的小工具、圖示或連結，並且 使用較有效率的搜尋策略來完成任務。另外 Al-Wabil、Alabdulqader、AlAbdulkarim 與 Al-Twairesh（2010）透過眼動儀記錄兒童與國際兒童數位圖書館 （International Children's Digital Library, ICDL）的互動，發現兒童能夠在圖標指 示的幫助下順利在網頁上閱讀由右至左排序的阿拉伯語系電子書，而眼動數據 也發現圖標的設計會影響兒童能是否瞭解指示的意思否則視線會在圖示上反覆 移動，例如有部分兒童只認同手掌圖形是代表暫停或停止，而較年紀較大的兒 童有更多的經驗理解不同圖示代表的意涵，研究也建議介面的設計應盡量採用 通用設計讓不同年齡範圍的兒童與大人都能理解。 上述研究顯示眼動追蹤技術能協助圖書館人員從使用者的角度看出影響使 用經驗的關鍵點，從視覺反應找出使用者與介面互動的方式以及問題，以作為 使用介面開發的方向或者改良的依據。本研究將以繪圖結合眼動實驗來探討大 學圖書館使用者對於網頁物件位置的心智模式，以及使用者在不同的大學圖書 館網頁執行搜尋任務時受到既定印象的影響為何。. 22.
(32) 第三章 研究方法 本研究為探討大學圖書館網站使用者心智模式，以及過去使用經驗對心智 模式造成的差異，並且從使用者的視覺反應驗證心智模式的影響。本章一共分 為六小節，第一節為研究的架構與設計，第二節說明研究實驗所使用的實驗材 料，第三節研究對象與招募條件，第四節研究工具為本次研究所使用的實驗器 材，第五節為整個研究的實驗流程，第六節為資料收集與實驗分析的方式。. 第一節 研究架構與設計 本研究以繪圖實驗讓大學圖書館使用者排版網站首頁的常見物件，以取得 使用者對於物件位置的心智模式，並透過眼動實驗觀察使用者在不同大學圖書 館網站尋找指定任務目標的行為反應，來驗證心智模式的影響。. 圖 3-1 研究架構圖 繪圖實驗主要讓受試者透過簡易的操作建立大學圖書館首頁的原型，著重 網頁物件於首頁的排版，放置於預期的位置以及物件本身的大小。眼動實驗為 2×2 的混合設計，組間設計依照國立臺灣師範大學圖書館網站使用頻率分為校 23.
(33) 內學生使用與校外學生二組，組內設計根據網頁物件位置，依國立臺師大圖書 館網站首頁為基準比對不同的大學圖書館網頁，分為物件位置相似性高與位置 典型低兩組，依變項首次凝視目標時間（Time to first fixation）、目標前凝視點 數量（Fixations before target）、完成任務時間以及任務難易度。. 圖 3-2 實驗設計圖. 第二節 研究對象 為瞭解使用者利用大學圖書館網頁的熟悉程度對心智模式的影響，依過去 使用頻率為條件分別招募實驗對象：國立臺灣師範大學學生以及非臺師大之大 學學生，其中臺師大學生使用圖書館網站頻率為至少每週 1 次，而非臺師大學 生則是近 1 個月內使用臺師大圖書館網站不超過 1 次。本研究包含眼動實驗， 欲參與本實驗者必須沒有近視或視力矯正後正常，執行實驗時要求不能配戴全 視線鏡片及有顏色之隱形眼鏡。招募資訊發佈管道包含 Facebook 個人平台、 Facebook 社團 NTNU 師大人交流版，欲參與研究者進入連結網址，填寫相關聯 絡資料以及可行的實驗時間。 本次研究招募結果共計 62 位學生參與，完成繪圖實驗共 62 人，通過定位 校正作業並完成眼動實驗者共 62 人，男性 25 位、女性 37 位，年齡平均 25 （SD=4.88），年齡範圍為 19 至 45 歲，師大學生與外校學生各 31 位。 24.
(34) 第三節 實驗材料 本研究眼動實驗擷取各大學圖書館網站首頁，首頁截圖套用摺頁以上 （above page fold）的概念，選擇開啟首頁且不須滾動作操作的畫面為實驗材 料，常見網頁物件的選擇也遵守這項為條件。常見網頁物件數量以 Vasantha 與 Harinarayana（2011）、Roth 等人（2013）與 Baharum（2014a）的研究中 4~10 項為參考，並比對其中圖書館首頁的常見網頁物件如「Logo」、「語言 （language）」、「登入（login）」、「搜尋(search)」選為圖書館網頁常見物件，再 參考師大圖書館 AWSTATS 2015 年 11 月的統計結果將存取次數最多且出現於 首頁的網頁物件包含「最新消息」、「熱門關鍵字」，但「熱門關鍵字」並沒有太 多學校圖書館首頁有此項網頁物件，最終選以「圖書館名稱（Logo）」、「中、 英文版切換」、「讀者登入」、「最新消息」、「搜尋欄」5 項物件作為本研究中的 大學圖書館網站首頁常見的網頁物件。 本研究以國立臺灣師範大學圖書館首頁為網頁物件相似性基準，並比對其 他大專院校圖書館網站首頁的物件擺放位置，每項指定物件選擇兩間圖書館分 別做為位置相似性高與相似性低的代表網頁，首頁圖像擷取時間為 2015 年 12 月，表 3-1 至表 3-5 為國立臺灣師範大學圖書館網站首頁與其他大學圖書館網 站首頁各物件所在位置之對照圖。. 25.
(35) 表 3-1 圖書館名稱（Logo）位置相似性對照表 物件. 圖書館網站首頁截圖 師大圖書館. 位置相似性高. 圖書館 名稱 （Logo）. 位置相似性低. 26.
(36) 表 3-2 中、英文切換位置相似性對照表 物件. 圖書館網站首頁截圖 師大圖書館. 位置相似性高. 中、英文 切換. 位置相似性低. 27.
(37) 表 3-3 讀者登入位置相似性對照表 物件. 圖書館網站首頁截圖 師大圖書館. 位置相似性高. 讀者登入. 位置相似性低. 28.
(38) 表 3-4 最新消息位置相似性對照表 物件. 圖書館網站首頁截圖 師大圖書館. 位置相似性高. 最新消息. 位置相似性低. 29.
(39) 表 3-5 搜尋欄位置相似性對照表 物件. 圖書館網站首頁截圖 師大圖書館. 位置相似性高. 搜尋欄. 位置相似性低. 30.
(40) 第四節 實驗工具 研究採用 ASUS X450J 相容之筆記型電腦設備，Windows 10 作業系統。繪 圖實驗軟體採用 Microsoft Visio Professional 2013，方便製作快速圖形選單提供 受試者直接拖曳移動與調整大小，並將底圖設定為實驗用的方格圖像如圖 3-3， 受試者能夠直接在畫面中排版網頁物件。. 2. 1. 圖 3-3 繪圖實驗操作示意圖 眼動實驗外接 HP Pavilion 2009v 顯示器便於實驗人員判斷受試者校正結 果，根據 W3schools（2015）網路調查結果以網頁瀏覽最多人使用的 1366×768 像素設為實驗螢幕解析度。實驗眼動追蹤儀器使用 EyeTribe 為紅外線 LED 偵 測眼球移動技術之眼動儀，凝視誤差率介於 0.5˚~1˚，受試者與眼動儀器距離可 調整 45cm~75cm，本研究實驗取樣頻率採用 60Hz，眼球定位校正採用 9 點校 正。. 31.
(41) 圖 3-4 EyeTribe 眼動儀 資料來源：The Eye Tribe. (2016). The Eye Tribe. Retrieved from https://theeyetribe.com/. 實驗分析搭配德國柏林自由大學（Freie Universität Berlin）Vosskühler 開發 之開放軟體 Ogama 作實驗設計、記錄、分析與資料匯出，凝視點偵測時間為至 少 100ms，本研究實驗設定凝視點容許偵測範圍為 30 像素且至少含有 2 筆取樣 資料（Vosskühler, Nordmeier, Kuchinke, & Jacobs, 2008）。. 圖 3-5 Ogama 眼動實驗軟體. 32.
(42) 第五節 實驗流程 研究者於實驗前向受試者宣讀「研究實驗知情同意書」，受試者確認內容並 簽署同意書後開始實驗。受試者首先填寫背景資料問卷，其中包含個人資訊能 力與圖書館網站使用頻率的題目，完成問卷後進入實驗部分。實驗共分為兩階 段，繪圖實驗與眼動實驗，其中眼動實驗階段受試者必須完成兩個練習實驗， 練習實驗一的目的為平衡受試者過去經驗影響，會請受試者先隨意瀏覽實驗用 的十個網頁；練習實驗二讓受試者於五個網路書店頁面尋找指定的任務目標， 讓受試者熟悉最後實驗的操作步驟與任務內容，完成以上兩個練習實驗才進入 大學圖書館網頁的正式實驗。. 圖 3-6 實驗流程圖. 33.
(43) 受試者依照指示「請於空白的網頁中建構一個你預期的大學圖書館網站首 頁」 ，將指定的常見網頁物件拖曳至 16×9 的空白方格圖上，擺放於預期的位置 並調整大小，灰色部分為一般網頁留白處受試者不用將物件放於兩側，全部的 網頁物件皆排版完畢並告知研究者得進入眼動實驗。. 圖 3-7 繪圖實驗結果範例圖. 每位受試者必須經過九點定位校正通過才能進入眼動實驗，而正式實驗流 程如圖 3-8 所示。實驗內包含十個試驗（trial）即任務，受試者首先會看到指定 尋找的網頁物件顯示再畫面的正中央，接著會看到一個十字的定位點固定受試 者的起始視線，最後進入實驗的大學圖書館首頁畫面，前述的每張畫面 （slide）都限時 5 秒鐘，每次任務完成後會請受試者點選任務難易度，沒有時 間限制。 實驗依照位置相似性高與位置相似性低的網頁兩組區分，為平衡練習效應 （practice effect）的影響，組內做隨機處理，而受試者執行位置相似性高與低 的先後也做隨機處理。所有的受試者都會執行十個搜尋任務，眼動實驗後請受 試者提供意見回饋並給予實驗報酬即完成本次研究參與。. 34.
(44) 圖 3-8 眼動實驗流程圖. 35.
(45) 第六節 資料收集與分析 繪圖實驗結果以受試者繪製之圖像，將不同網頁物件圖像覆蓋的方格作加 總計算並換算百分比，如圖 3-9 所示 0.65 代表認為此物件應置於此位置的受試 者為全部受試者的 65%，顏色漸層表示來源為 Roth 等人（2010）的研究，將方 格的累計值分為十階填入不同的顏色，從 0%至>45%每 5%為一階。此外依個別 的網頁物件，將 16×9 共 144 格的累計次數做師大生與外校生兩組的 Pearson 相 關分析，檢驗兩組繪圖的相似度。. 圖 3-9 繪圖實驗物件相似值與漸層表示範例 眼動實驗變項設計為獨立變項為使用頻率與網頁物件的位置相似性，依變 項包含（1）首次凝視時間（time to first fixation）、（2）目標前凝視點數量 （fixations before target）、（3）完成任務時間以及（4）任務難易度，眼動指標 能夠反映受試者多快在螢幕上看到目標並且透過眼動儀記錄下來，所有實驗統 計以 0.5 作為檢驗信心水準，眼動指標採用重複量數變異數分析（Repeatmeasure ANOVA）。 36.
(46) 第四章 研究結果 本研究受試者來自各大專院校生（包含碩士及博士生）共 62 位，為便於閱 讀理解，研究結果依使用頻率的將國立臺灣師範大學學生者簡稱為「師大生」， 而非國立臺灣師範大學學生以「外校生」稱之。第四章一共分為四節，第一節 為受試者基本資料分析，包含網路使用能力與大學圖書館網站使用頻率的統計 結果；第二節呈現繪圖實驗結果分析，將受試者對網頁物件的既定印象以方格 圖像表示，並且計算兩組圖像的相似程度，以及受試者預期位置與實際網頁的 差異；第三節分析眼動實驗數據，從受試者的任務反應到眼動指標的計算；第 四節綜合討論前三節的各項結果。. 第一節 受試者基本資料分析 基本資料問卷用於分辨受試者網路與電腦相關知識能力，以及使用經驗上 是否具有差異。問卷內容分為個人能力評量與圖書館網站使用頻率兩部分，個 人能力的題項包含使用電腦、使用網路、使用大學圖書館網站的能力，個人能 力的評量方式是以 Likert 七點量表，數字由 1~7 選項從新手至專家，由受試者 自行評選自己的程度；使用頻率的題項為使用大學圖書館網站頻率與使用臺師 大圖書館網站頻率，同樣以七點量表形式表示，數字由 1~7 選項分別為 1（從 未） 、2（一年 1~3 天）、3（三個月 1~3 天）、4（一個月 1~3 天）、5（一週 1~3 天） 、6（一週 4~6 天）、7（每天）。使用大學圖書館網站包括使用臺師大圖書館 網站頻率，t 檢定結果如表 4-1 所示。. 37.
(47) 表 4-1 網際網路能力評量與使用大學圖書館網站頻率摘要表 師大生 （n = 31）. 外校生 （n = 31）. M. SD. M. SD. F. p. t. p. 使用電腦的能力. 4.94. .81. 4.90. .91. .41. .53. .15. .88. 使用網路的能力. 5.03. .84. 5.13. .89. .70. .41. -.44. .66. 使用大學圖書館 網站的能力. 4.87. 1.06. 4.32 1.47. 3.30. .07. 1.69. .10. 5.32. .88. 3.81 1.62. 8.37*. .01*. 4.59*. .00. 5.06. .57. 1.39. 2.76. .10. 22.33*. .00. 個人能力. 使用頻率 使用大學圖書館 網站經驗 使用「臺師大」. .72. 圖書館網站經驗 *p<0.05. 不論師大生或外校生兩組受試者的電腦能力、網路能力以及使用大學圖書 館網站能力的評量 t 檢定結果皆未達顯著，顯示參與實驗的兩組受試者對於基 本的資訊使用沒有明顯的落差；使用頻率中的使用大學圖書館網站的經驗師大 生與外校生組在變異數母體 F 檢定上達到顯著（F=8.37，p<.05），因此以假設 母體變異數相等執行 t 檢定，使用大學圖書館網站（t=4.59，p<.05）或使用 「臺師大」圖書館網站的經驗（t=22.33，p<.05）兩項都達到顯著。從基本資料 的結果顯示，兩組受試者在資訊能力上相近，而過去使用大學圖書館網站的頻 率並不相同。. 38.
(48) 第二節 繪圖實驗結果分析 一、位置相似值 繪製完成的圖像依不同的網頁物件以及其對應的位置方格（16×9）共 144 格獨立計算，受試者預期物件所在位置依覆蓋的次數做加總累計並轉換為百分 比，例如 0.65 為 20÷31 以小數點兩位四捨五入表示，代表這一方格在整組受試 者 31 位中共有 20 位受試者將實驗物件的一部分覆蓋於此區塊上，表 4-2 為兩 組受試者計算之結果並排除單一樣本，換算數值相當於 0.03 不出現在此表格。. 表 4-2 各組網頁物件位置累計百分比對照表 物件\組別. 師大生（n=31）. 外校生（n=31）. 圖書館 名稱 （Logo）. 中、英文 切換. 讀者登入. （續下頁）. 39.
(49) 物件\組別. 師大生（n=31）. 外校生（n=31）. 最新消息. 搜尋欄. 根據受試者預期網頁物件所在位置的結果，將數值對應到所選擇的實驗網 頁，依照網頁中該網頁物件所在位置涵蓋的範圍，將該範圍的數值做加總平均 稱為「位置相似值」，表 4-3 為實驗網頁物件所在位置與範圍。. 表 4-3 實驗網頁物件所在位置與範圍對照表 物件\位置. 相似性高. 相似性低. 圖書館 名稱 （Logo）. 中、英文 切換. （續下頁）. 40.
(50) 物件\位置. 相似性高. 相似性低. 讀者登入. 最新消息. 搜尋欄. 表 4-4 為位置相似值之描述統計結果，這項數值是從受試者繪製的結果轉 換對應至實際網頁，以數值表達受試者預期物件的位置在預設相似性不同的網 頁上的差異，在網頁物件中「最新消息」不論師大生或外校生都認為，相似性 低的網頁其最新消息所在位置比相似性高的網頁更符合他們的認知，除此之外 從兩組受試者的物件相似值來看，使用大學圖書館網站頻率較高的師大生其位 置相似值都高於外校生。. 41.
(51) 表 4-4 位置相似值描述統計摘要表 網頁物件 圖書館名稱. 位置相似性 （n=方格數）. 使用頻率. 高（n=4）. 師大生 外校生. 0.73 0.59. 0.07 0.01. 低（n=8）. 師大生 外校生. 0.12 0.10. 0.08 0.06. 高（n=2）. 師大生 外校生. 0.50 0.34. 0.16 0.02. 低（n=2）. 師大生 外校生. 0 0. 0 0. 高（n=4）. 師大生 外校生. 0.27 0.12. 0.03 0.02. 低（n=3）. 師大生 外校生. 0.07 0.05. 0.06 0.05. 高（n=16）. 師大生 外校生. 0.20 0.07. 0.11 0.08. 低（n=28）. 師大生. 0.27. 0.09. 外校生. 0.26. 0.11. 高（n=3）. 師大生 外校生. 0.52 0.29. 0.06 0. 低（n=5）. 師大生 外校生. 0 0. 0 0. （Logo）. 中、英文 切換. 讀者登入. 最新消息. 搜尋欄. 位置相似值 M. SD. 二、繪圖圖像結果 每一位受試者依任務指示將指定網頁物件繪製於空白方格圖，排列出大學 圖書館首頁各項重要物件所在位置，各組受試者所畫出的結果圖根據方格圖像 上的單一格方格做加總計算，並轉換為表之百分比依累計比例做顏色漸層表 示，表 4-5 為轉換之結果。. 42.
(52) 表 4-5 繪圖實驗各網頁物件結果圖對照表 物件\組別. 師大生. 外校生. 圖書館 名稱 （Logo）. 中、英文 切換. 讀者登入. 最新消息. 搜尋欄. 從結果的十張圖像來看，師大生與外校生兩組受試者對於物件擺放位置都 沒有明顯的不同，而各種網頁物件之間則有較明顯的變化，對「圖書館名稱 （Logo）」和「中、英文切換」兩種物件不論師大生或外校生都有較明確的擺 43.
(53) 放位置，圖書館名稱（Logo）置於左上角所佔據面積較大，中、英文切換會在 右上角出現只有較小的區塊；「讀者登入」的圖像結果呈現左側與右側的兩邊區 塊，不論師大生與外校生兩組都有受試者將該物件擺放於左側或右側，但仍然 有較多的受試者此物件應擺放於右上角；「最新消息」呈現擴散分部，大部分的 受試者都給予最多的格數，然而受試者所繪製最新消息累計最高位置與實際的 師大圖書館網站中的最新消息的位置並不相同，從圖像結果來看，最新消息被 認為應放置於左下角；「搜尋欄」被認為置於在畫面中央且偏向上半部，而師大 生組的受試者認為的位置較外校生組一致。 三、分組圖像相似程度 師大生與外校生受試者對於每項網頁物件位置的相似程度比較，將五項網 頁物件個別依總方格數 144 做 Person 相關係數計算，由於數量較多可預期皆達 顯著水準，並依統計學家 Cohen（1988）提出相關係數能夠轉換為效果量 （effect size）判斷其相似程度：r>0.1 為低度效果量、r>0.3 為中度效果量、 r>0.5 為高度效果量，因此對所有網頁物件位置兩組受試者的心智模式都為高度 相似。 表 4-6 網頁物件 Pearson 相關係數統計摘要表 網頁物件. 不同使用頻率的受試者（r）. 圖書館名稱（Logo） 中、英文切換 讀者登入. 0.98** 0.88** 0.59**. 最新消息 搜尋欄. 0.68** 0.89**. **p<.01. 分別將兩組受試者對於每項網頁物件位置相互交疊後，如圖 4-1 為例以 「圖書館名稱（Logo）」為例，重疊部分以及單一組有數據的部分都納入兩組 共同方格數做計算，表 4-7 為重疊部分計算 Pearson 相關係數的結果，僅「讀者 44.
(54) 登入」這項網頁物件的位置兩組受試者的心智模式變為中度相似，顯示兩組受 試者對於讀者登入的所在位置相較於其他網頁物件共同認知的程度較低。. 圖 4-1 圖書館名稱（Logo）網頁物件位置交疊圖. 表 4-7 網頁物件各組重疊方格 Pearson 相關係數統計摘要表 網頁物件 圖書館名稱（Logo） 中、英文切換 讀者登入 最新消息 搜尋欄. 方格數. 不同使用頻率的受試者（r）. 41 15 55 97 53. 0.96** 0.81** 0.36** 0.52** 0.80**. **p<.01. 第三節 眼動實驗結果分析 為瞭解位置相似性對使用者尋找指定物件：圖書館名稱（Logo）、中英文 切換、讀者登入、最新消息、搜尋欄的影響，物件以個別統計分析。實驗任務 中的搜尋目標為各大學圖書館網站首頁的網頁物件，將這些物件位置設定為興 趣區域（Area of Interest, AOI）以進行後續眼動分析，圖 4-8 為實驗網頁 AOI 所 在位置的對照圖，AOI 所選取的範圍與計算位置相似值的範圍並不相同。網頁 物件的 AOI 範圍大小除「讀者登入」外其餘皆相同，「最新消息」的大小僅選 擇最新消息標示最近的範圍，而不是整個網頁物件。 45.
(55) 表 4-8 網頁物件對應興趣區域（AOI）位置對照表 物件\位置. 相似性高. 相似性低. 圖書館 名稱 （Logo）. 中、英文 切換. 讀者登入. 最新消息. 搜尋欄. 眼動指標首次凝視目標時間與目標前凝視點數量受凝視點位置與 AOI 影 響，在任務終止前凝視點未必落在 AOI 範圍內導致可計算樣本數減少，因此眼 動指標分析時樣本數不為各組之人數，依各網頁物件而有不同。 46.
(56) 一、首次凝視目標時間 首次凝視目標時間為受試者在任務過程中於目標 AOI 內產生第一個凝視點 所花費的時間，與完成任務時間不同的是首次凝視目標時間為偵測受試者的視 線多快看向目標。 表 4-9 首次凝視目標前時間描述統計摘要表 M. SD. N. 網頁物件. 組間. 組內. 圖書館. 師大生. 高. 597.95. 418.11. 22. 外校生. 低 高 低. 1852.95 515.06 1972.76. 830.92 300.99 937.49. 17. 師大生. 高 低 高 低. 534.67 574.39 491.37 1133.51. 23. 外校生. 943.87 1216.48 1104.00 1542.64. 師大生. 高 低 高. 1362.75 2370.58 1469.50. 855.85 1145.22 706.42. 12. 低. 2002.38. 1147.78. 高 低 高 低. 1392.16 1447.12 1407.62 1372.08. 679.34 748.10 833.44 936.50. 25. 高 低 高 低. 326.82 929.41 401.53 1107.95. 312.05 545.89 326.33 563.82. 22. 名稱 （Logo） 中、英文 切換. 讀者登入. 外校生 最新消息. 師大生 外校生. 搜尋欄. 師大生 外校生. 47. 22. 16. 26. 19.
(57) 表 4-10 圖書館名稱（Logo）首次凝視目標前時間重複量數變異數分析摘要表 圖書館名稱（Logo） 完成任務時間 變異來源. SS. df. MS. 使用頻率(A) 位置相似性(B). 6533.86 35284374.08. 1 1. 6533.86 35284374.08. A×B 組內. 197019.72 33682027.90. 1 74. 197019.72. 20320087.14 13361940.76. 37 37. 549191.54 361133.53. 69169955.56. 77. 受試者間 殘差 全體(Total). F. p. .01 97.70 * .55. .91 .00 .47. *<.05 在圖書館名稱（Logo）這項物件的分析結果發現，使用頻率與位置相似性 的交互效果，F(1,37)=0.55，p=0.47，未達顯著，因此僅作兩變項的主要效果分 析。受試者間（使用頻率）未達顯著，F(1,37)=0.01，p=0.91，顯示使用頻率和 首次凝視目標前時間沒有關係；但受試者內設計（位置相似性）平均數差異達 顯著水準，組間效果 F(1,37)=97.7，p<0.01，表示不同的位置相似性，受試者的 反應時間有所不同。 表 4-11 中、英文切換首次凝視目標前時間重複量數變異數分析摘要表 中、英文切換 完成任務時間 變異來源. SS. df. MS. F. p. 1329523.67. 1. 1329523.67. 2.27. .14. A×B 組內 受試者間 殘差. 2844110.94 154977.60 45599437.43 25188539.15 20410898.28. 1 1 86 43 43. 2844110.94 154977.60. 5.99* .33. .02 .57. 全體(Total). 49928049.64. 89. 使用頻率(A) 位置相似性(B). 1329523.67 474672.05. *p<.05. 48.
(58) 在中、英文切換這項物件的分析結果發現，使用頻率與位置相似性的交互 效果，F(1,43)=0.33，p=0.57，未達顯著，因此僅作兩變項的主要效果分析。受 試者間（使用頻率）未達顯著，F(1,43)=2.27，p=0.14，顯示使用頻率和首次凝 視目標前時間沒有關係；但受試者內設計（位置相似性）平均數差異達顯著水 準，組間效果 F(1,43)=5.99，p=0.02，表示不同的位置相似性，受試者的反應時 間有所不同。. 表 4-12 讀者登入首次凝視目標前時間重複量數變異數分析摘要表 讀者登入 完成任務時間 變異來源 使用頻率(A) 位置相似性(B) A×B 組內 受試者間 殘差 全體(Total). SS. df. MS. F. 234378.72 8138681.72 773435.72 49730470.92. 1 1 1 52. 234378.72 .22 8138681.72 9.51* 773435.72 .90. 27474539.21 22255931.71. 26 26. 1056713.05 855997.37. 58876967.08. 55. p .64 .01 .35. p<.05 在讀者登入這項物件的分析結果發現，使用頻率與位置相似性的交互效 果，F(1,26)=0.90，p=0.35，未達顯著，因此僅作兩變項的主要效果分析。受試 者間（使用頻率）未達顯著，F(1,26)=0.22，p=0.64，顯示使用頻率和首次凝視 目標前時間沒有關係；但受試者內設計（位置相似性）平均數差異達顯著水 準，組間效果 F(1,26)=9.51，p=0.01，表示不同的位置相似性，受試者的反應時 間有所不同。. 49.
(59) 表 4-13 最新消息首次凝視目標前時間重複量數變異數分析摘要表 最新消息 完成任務時間 變異來源. SS. df. MS. A×B 組內 受試者間. 22626.97 2403.70 52191.00 63799138.00 42033592.29. 1 1 1 98 49. 857828.41. 殘差. 21765545.71. 49. 444194.81. 63876359.67. 101. 使用頻率(A) 位置相似性(B). 全體(Total). 22626.97 2403.70 52191.00. F .03 .01 .12. p .87 .94 .73. p<.05 在最新消息這項物件的分析結果發現，使用頻率與位置相似性的交互效 果，F(1,49)=0.12，p=0.73，未達顯著，因此僅作兩變項的主要效果分析。受試 者間（使用頻率）未達顯著，F(1,49)=0.03，p=0.87，顯示使用頻率和首次凝視 目標前時間沒有關係；而受試者內設計（位置相似性）亦未達顯著水準，組間 效果 F(1,49)=0.01，p=0.94，表示不同位置相似性，對受試者凝視行為沒有影 響。. 表 4-14 搜尋欄首次凝視目標前時間重複量數變異數分析摘要表 搜尋欄 完成任務時間 變異來源. SS. df. A×B 組內 受試者間 殘差. 326925.68 8734733.51 54955.27 15941744.27 6996423.30 8945320.97. 1 1 1 78 39 39. 全體(Total). 25058358.73. 81. 使用頻率(A) 位置相似性(B). MS. F. 326925.68 1.82 8734733.51 38.08* 54955.27 .24 179395.47 229367.20. p<.05. 50. p .19 .00 .62.
相關文件
Wang, Solving pseudomonotone variational inequalities and pseudocon- vex optimization problems using the projection neural network, IEEE Transactions on Neural Networks 17
volume suppressed mass: (TeV) 2 /M P ∼ 10 −4 eV → mm range can be experimentally tested for any number of extra dimensions - Light U(1) gauge bosons: no derivative couplings. =>
Define instead the imaginary.. potential, magnetic field, lattice…) Dirac-BdG Hamiltonian:. with small, and matrix
incapable to extract any quantities from QCD, nor to tackle the most interesting physics, namely, the spontaneously chiral symmetry breaking and the color confinement..
• Formation of massive primordial stars as origin of objects in the early universe. • Supernova explosions might be visible to the most
• Children from this parenting style are more responsive, able to recover quickly from stress; they also have better emotional responsiveness and self- control; they can notice
(Another example of close harmony is the four-bar unaccompanied vocal introduction to “Paperback Writer”, a somewhat later Beatles song.) Overall, Lennon’s and McCartney’s
Microphone and 600 ohm line conduits shall be mechanically and electrically connected to receptacle boxes and electrically grounded to the audio system ground point.. Lines in
