專題討論專題討論期末報告期末報告指導教授：王鵬森 教授指導教授：王鵬森 教授

學號：學號： M9550217M9550217 學生：張家偉學生：張家偉

電子書導介面設計研究電子書導介面設計研究 -- 以多媒以多媒體百科全書為例體百科全書為例

研究生：鍾秉華 台科工設所研究生：鍾秉華 台科工設所 出處：全國碩博士論文網出處：全國碩博士論文網 關鍵字：人機介面設計、操作時間績效、主觀評關鍵字：人機介面設計、操作時間績效、主觀評

價、工作負荷量價、工作負荷量

摘要摘要實驗共分為實驗共分為兩階段兩階段，第一階段實驗以現有，第一階段實驗以現有之多媒體百科全書為樣本，對現況進行分之多媒體百科全書為樣本，對現況進行分析。析。

第二階段實驗，第二階段實驗，設計出設計出 3 3 組電子書使用者組電子書使用者介面原型介面原型為探討對象。實驗之進行為透過為探討對象。實驗之進行為透過「「受測者間受測者間」的實驗設計方式，針對所要」的實驗設計方式，針對所要探討之功能，進行一連串的操作任務；其探討之功能，進行一連串的操作任務；其後並填寫 後並填寫 (SUS)(SUS) 主觀感受評量表主觀感受評量表，對於所，對於所操作之軟體的主觀評價；實驗第二階段並操作之軟體的主觀評價；實驗第二階段並增加了增加了 (NASA-TLX)(NASA-TLX) 工作負荷量表工作負荷量表，以量測，以量測受測者之身體與心智方面的負荷量。受測者之身體與心智方面的負荷量。

論文大綱論文大綱一、緒論一、緒論二、文獻探討二、文獻探討三、相關樣本蒐集三、相關樣本蒐集四、方法與實驗設計四、方法與實驗設計五、結果分析五、結果分析六、結論與建議六、結論與建議

一、緒論一、緒論 1.1. 其操作介面進行其操作介面進行多方面的分析比較多方面的分析比較，並，並將其操作方式的優缺點，作為最終介面實將其操作方式的優缺點，作為最終介面實作之參考依據。作之參考依據。

2. 2. 讓使用者在進行多量資料的閱讀及瀏覽讓使用者在進行多量資料的閱讀及瀏覽時，不至於迷失方位，以改善類似使用網時，不至於迷失方位，以改善類似使用網際網路時，所會產生的際網路時，所會產生的方位感迷失方位感迷失。。

3.3. 提供合適的介面呈現及操作方式，使用提供合適的介面呈現及操作方式，使用者過濾及篩選資訊，改善類似使用網際網者過濾及篩選資訊，改善類似使用網際網路時，所會產生的路時，所會產生的認知額外負擔問題認知額外負擔問題。。

二、文獻探討二、文獻探討 ODA ODA 對於電子文件的結構，按照閱讀的方式將其對於電子文件的結構，按照閱讀的方式將其

分為分為 3 3 種型式 。種型式 。 3 3 種電子文件之架構，牽涉到「階層式架構」種電子文件之架構，牽涉到「階層式架構」

的觀念。階層式架構分為 的觀念。階層式架構分為 2 2 種，一種是「種，一種是「深度深度的架構的架構」，電子文件若具深度架構的特性，則每」，電子文件若具深度架構的特性，則每一個節點擁有較少的分支節點，但每一個節點之一個節點擁有較少的分支節點，但每一個節點之中卻有很深的層級；另一種稱為「中卻有很深的層級；另一種稱為「廣度的架構廣度的架構」，」，相較於深度架構有更多的分支，但每一個分支節相較於深度架構有更多的分支，但每一個分支節點之後的層級較淺 點之後的層級較淺

1. Geometric structure1. Geometric structure （實體架構）（實體架構）

22 、、 Logical structureLogical structure （邏輯架構）（邏輯架構）

33 、、 Hypertext structureHypertext structure （超文件架構）（超文件架構）

三、相關樣本蒐集三、相關樣本蒐集

所蒐集之樣本，針對所蒐集之樣本，針對每一個樣本作簡短描每一個樣本作簡短描述後，將以表列型式，述後，將以表列型式，以前面文獻分析所述以前面文獻分析所述之介面設計原則為基之介面設計原則為基礎，對每一個樣本之礎，對每一個樣本之功能特性作一綜合之功能特性作一綜合之分析比較分析比較

四、方法與實驗設計四、方法與實驗設計設計出多媒體百科全書導覽介面，以現有設計出多媒體百科全書導覽介面，以現有之介面設計相關文獻探討，以及相關樣本之介面設計相關文獻探討，以及相關樣本蒐集分析為基礎。蒐集分析為基礎。

實驗結果將以三種方式分析，分別為實驗結果將以三種方式分析，分別為操作操作時間績效時間績效、、受測者主觀感受受測者主觀感受以及以及工作負荷工作負荷量量

第第 1 1 階段實驗階段實驗 第一階段的實驗進行，以現有多媒體百科第一階段的實驗進行，以現有多媒體百科全書樣本作為研究對象，並以介面設計原全書樣本作為研究對象，並以介面設計原則，為探討之主題 。則，為探討之主題 。

目錄架構呈現型式目錄架構呈現型式、、方位線索的設計考量方位線索的設計考量，，以及以及書籤管理工具的設計書籤管理工具的設計對使用者操作績對使用者操作績效的影響，並評量受測者對個別操作的多效的影響，並評量受測者對個別操作的多媒體百科全書樣本之主觀感受。媒體百科全書樣本之主觀感受。

第第 1 1 階段實驗假設階段實驗假設 本研究在「本研究在「方位線索方位線索」與「」與「目錄架構目錄架構 」 等 」 等實驗探討的兩個主題中，挑選差異性最大之實驗探討的兩個主題中，挑選差異性最大之兩套樣本：兩套樣本： Encarta encyclopediaEncarta encyclopedia ，以及，以及 BBritannica encyclopediaritannica encyclopedia ，其中，其中 Encarta enEncarta encyclopedia cyclopedia 使用展開式目錄架構，而使用展開式目錄架構，而 BritaBritannica encyclopedia nnica encyclopedia 使用「縮放式線性表使用「縮放式線性表單 單

0

10

20

30

40

50

60

70

80

90

第一季 第三季

東部

中部

北部

第第 1 1 階段實驗設計階段實驗設計 1. 1. 量化研究：針對不同探討之主題，設計量化研究：針對不同探討之主題，設計一連串的搜尋任務，量測受測者執行任務一連串的搜尋任務，量測受測者執行任務時的操作時間績效，藉以比較個別電子書時的操作時間績效，藉以比較個別電子書的的任務達成時間任務達成時間及及效率。效率。

2. 2. 質化研究：透過系統使用性尺度量表質化研究：透過系統使用性尺度量表（（ SUSSUS ）的問卷型式，評估使用者對於電）的問卷型式，評估使用者對於電子書之不同導覽設計方式的子書之不同導覽設計方式的主觀感受主觀感受。。

第第 2 2 階段實驗設計及研究方法階段實驗設計及研究方法 由研究者自行設計之介面原型，作為實驗對象。由研究者自行設計之介面原型，作為實驗對象。在介面呈現形式上，採用（在介面呈現形式上，採用（邏輯架構邏輯架構）的型式，）的型式，透過目錄連結內文，有助於使用者可改善方位透過目錄連結內文，有助於使用者可改善方位感迷失的現象。感迷失的現象。

本階段探討問題有本階段探討問題有 33 ，分別為，分別為深度與廣度切換深度與廣度切換鍵鍵的導覽模式、的導覽模式、內文資訊的選擇性內文資訊的選擇性，以及，以及記憶記憶導覽位置的書籤功能導覽位置的書籤功能。任務後進行簡短的訪談，。任務後進行簡短的訪談，並填寫並填寫 SUS SUS 量表後，再填寫量測工作負荷程量表後，再填寫量測工作負荷程度之「度之「 NASA-TLX NASA-TLX 量表」量表」 TestTest ）。）。

第第 2 2 階段實驗設計階段實驗設計 研究基於研究基於 FlashFlash 文件容量小、多媒體支援性文件容量小、多媒體支援性強可，提供許多視窗元件可在開發軟體時，對強可，提供許多視窗元件可在開發軟體時，對介面構成予以視覺化的編排優點，作為介面構成予以視覺化的編排優點，作為 3 3 組組測試介面開發工具。測試介面開發工具。

實驗將以「受測者間」的方式進行，並依照以實驗將以「受測者間」的方式進行，並依照以上上 3 3 個主題分別設計個主題分別設計 3 3 組介面進行測試組介面進行測試

介面原型一介面原型一

介面原型二介面原型二

介面原型三介面原型三

第第 2 2 階段實驗任務內容與特色說明階段實驗任務內容與特色說明 本階段之本階段之 3 3 組介面原型，以「受測者間」組介面原型，以「受測者間」的實驗方式，每一位受測者隨機操作其中的實驗方式，每一位受測者隨機操作其中一組介面原型，以測試不同操作特性之介一組介面原型，以測試不同操作特性之介面原型的時間績效，以及使用者主觀感受 。面原型的時間績效，以及使用者主觀感受 。

任務一目的，比較多媒體百科全書任務一目的，比較多媒體百科全書搜尋方搜尋方式式之不同，任務二探討的是「使用者階段之不同，任務二探討的是「使用者階段學說」所主張的「學說」所主張的「全文全文」與「」與「摘要摘要」之內」之內文型式，任務三是文型式，任務三是書籤功能的探討書籤功能的探討

實驗任務之流程實驗任務之流程 例如，在實驗任務二之流程例如，在實驗任務二之流程

實驗設備及研究對象實驗設備及研究對象 操作介面原型時，開啟一套名為操作介面原型時，開啟一套名為 Camtasia Camtasia Studio Studio 的紀錄軟體，此軟體的紀錄軟體，此軟體具有擷取螢幕具有擷取螢幕畫面的功能畫面的功能。。

此階段受測者共有此階段受測者共有 60 60 人人，受測者分為，受測者分為 3 3 組組，每一組各有，每一組各有 20 20 位位受測者進行實驗。受測者進行實驗。

受測者，男性佔受測者，男性佔 41 41 位，女性共位，女性共 19 19 位 ，位 ，39 39 位位有傳統百科全書的使用經驗，有有傳統百科全書的使用經驗，有 25 25 位位受測者使用過多媒體百科全書之類的電受測者使用過多媒體百科全書之類的電子書子書

五、實驗結果分析五、實驗結果分析 結果分析，分為兩個部分；結果分析，分為兩個部分；量化分析量化分析中，比較不同的介面原型其平均中，比較不同的介面原型其平均的時間長短，以得知不同操作方式之績效的時間長短，以得知不同操作方式之績效的優劣。的優劣。

質化分析中質化分析中，以受測者填寫的，以受測者填寫的 SUS SUS 主觀感主觀感受量表；第受量表；第 22 階段實驗中階段實驗中 NASA-TLX NASA-TLX 工作工作負荷量表的分析，來了解受測者在操作各負荷量表的分析，來了解受測者在操作各組介面原型時，所產生的各種負荷量。組介面原型時，所產生的各種負荷量。

第第 11 階段實驗成果分析階段實驗成果分析

有顯著差異性存在，即有顯著差異性存在，即 Britannica 2002 Britannica 2002 具備的具備的方方位線索位線索的設計考量。結果表示的設計考量。結果表示 Microsoft Encarta 2Microsoft Encarta 2002 002 所採用的非隱藏式樹狀所採用的非隱藏式樹狀目錄架構目錄架構，有較佳的操，有較佳的操作時間績效，亦即較有利於使用者快速查詢電子書作時間績效，亦即較有利於使用者快速查詢電子書資料 資料

書籤管理工具實驗之結果書籤管理工具實驗之結果

3 3 組間有顯著差異性，再經組間有顯著差異性，再經 LSD LSD 事後檢定結果得知事後檢定結果得知 GlGloria multimedia encyclopedia 2002 oria multimedia encyclopedia 2002 與與 Microsoft BMicrosoft Bookshelf 2000 ookshelf 2000 有顯著差異存在（有顯著差異存在（ P=0.032<0.05P=0.032<0.05 ）將）將書籤管理工具置於操作介面上的書籤管理工具置於操作介面上的 Gloria multimedia eGloria multimedia encyclopedia 2002ncyclopedia 2002 ，其操作方式顯著的優於其餘二者，，其操作方式顯著的優於其餘二者，故書籤管理工具應故書籤管理工具應直接置於操作介面直接置於操作介面上，有較高的操作上，有較高的操作績效績效。。

第第 2 2 階段實驗成果分析階段實驗成果分析

3 3 組之間有顯著差異存在，亦即切換鍵模組之間有顯著差異存在，亦即切換鍵模式之搜尋方式，在進行多量的文字及圖片式之搜尋方式，在進行多量的文字及圖片搜尋時，較一般以搜尋時，較一般以廣度搜尋模式廣度搜尋模式為主的方為主的方式為佳。式為佳。

任務二分析任務二分析

3 3 組之間有顯著差異存在：亦即組之間有顯著差異存在：亦即摘要型式摘要型式的的內文呈現，確能讓使用者在短時間內，理解全內文呈現，確能讓使用者在短時間內，理解全篇文章所表達的重要資訊。篇文章所表達的重要資訊。

任務三分析任務三分析

3 3 組之間有顯著差異存在：亦即組之間有顯著差異存在：亦即可記憶瀏可記憶瀏覽位置覽位置的書籤功能，能輔助使用者在短時的書籤功能，能輔助使用者在短時間內回憶起瀏覽過的資訊。間內回憶起瀏覽過的資訊。

六、結論與建議六、結論與建議 結論結論 1. 1. 多媒體百科全書等電子書，，使用多媒體百科全書等電子書，，使用非隱非隱藏式之目錄架構藏式之目錄架構，較「縮放式線性表單」，較「縮放式線性表單」更有利於使用者快速的瞭解整體內文架構。更有利於使用者快速的瞭解整體內文架構。

2. 2. 以顏色之轉變以顏色之轉變，標記使用者瀏覽過路徑，標記使用者瀏覽過路徑之「方位線索」的設計考量，有助於在閱之「方位線索」的設計考量，有助於在閱讀大量資料後，能快速的回憶起先前之瀏讀大量資料後，能快速的回憶起先前之瀏覽紀錄。覽紀錄。

3. 3. 多媒體百科全書等電子書的書籤管理工多媒體百科全書等電子書的書籤管理工具，直接具，直接置於操作介面上置於操作介面上，較隱藏式書籤，較隱藏式書籤管理工具更能提昇操作績效。管理工具更能提昇操作績效。

4. 4. 使用使用固定欄位視窗管理書籤固定欄位視窗管理書籤管理工具，管理工具，相較於使用浮動視窗，更能提昇操作績效相較於使用浮動視窗，更能提昇操作績效。。

5. 5. 多媒體百科全書之多媒體百科全書之搜尋功能搜尋功能，。，。故切換故切換鍵的導覽方式鍵的導覽方式，較一般僅具深度或廣度導，較一般僅具深度或廣度導覽方式之設計為佳。覽方式之設計為佳。

6. 6. 多媒體百科全書之多媒體百科全書之內文資訊內文資訊的呈現，應的呈現，應提供「提供「綱要綱要」與「」與「全文全文」兩種模式供使用」兩種模式供使用者選擇，能讓使用者有較具彈性的內文閱者選擇，能讓使用者有較具彈性的內文閱讀方式。讀方式。

7. 7. 多媒體百科全書等電子書的多媒體百科全書等電子書的書籤功能書籤功能，，將一篇文件加入為書籤時，同時能記憶當將一篇文件加入為書籤時，同時能記憶當時瀏覽的位置，能有效減輕使用者的負擔，時瀏覽的位置，能有效減輕使用者的負擔，並僅能將整份文件加入書籤的設計為佳 並僅能將整份文件加入書籤的設計為佳

建議建議受測者建議無論是「深度」或「廣度」搜受測者建議無論是「深度」或「廣度」搜尋模式，「關鍵詞輸入欄位」都尋模式，「關鍵詞輸入欄位」都應固定出應固定出現於介面現於介面中，不應在「深度」搜尋模式時中，不應在「深度」搜尋模式時

消失。消失。建議對於書籤功能「關鍵詞輸入欄位」，建議對於書籤功能「關鍵詞輸入欄位」，應應永遠置於介面永遠置於介面上不應消失。上不應消失。

建議可設計成將重要資訊的一段文字，用建議可設計成將重要資訊的一段文字，用滑鼠圈選並反白滑鼠圈選並反白，即可改變該段文字之底，即可改變該段文字之底色，將更有助於文字之辨識 色，將更有助於文字之辨識

THE ENDTHE END