多媒體互動式光碟軟體使用者介面之研究

1

行政院國家科學委員會專題研究計畫成果報告

多媒體互動式光碟使用者介面之研究

Resear ch of the Inter active Multimedia CD-ROM User Inter face

計畫編號：NSC 87-2416-H-004-022

執行期限：八十六年八月一日至八十七年七月三十一日

主持人：裘錦天副教授 國立政治大學資訊管理系

一、中文摘要 多媒體互動式光碟軟體種類繁多，且 並未有一套標準的設計原則。本研針對國 內外光碟軟體之使用者介面作一研究評 估，以作為從事光碟軟體設計者之參考。 本研究所評估之 CD-ROM 產品將針對 工具類、教學類、幼教類、電子書等四種 類的光碟軟體，依照使用者介面設計評估 原則，就使用者控制因素、一致性因素、 清晰性因素、回饋性因素、允錯性因素等 五大類原則，以分別編碼的方式進行評 估。 本研究藉著探討設計原則，針對使用 者介面設計各層面進行實體評估，並製作 一圖形資料庫光碟作為實例工具，將各種 使用者介面的畫面分類建檔。本研究希望 建立多媒體光碟之使用者介面的設計規 範，以供未來國內軟體業界以及教育研究 的參考。 關鍵詞：使用者介面、互動設計、多媒體 光碟 Abstr act

This research establishes the guideline of the user interface for multimedia CD-ROMs. Four categories of various CD-ROM applications are analyzed, and this research produces a database of user interface examples for academics and business.

Keywor ds: User Interface, Interactive

Design, Multimedia CD-ROM.

二、緣由與目的 這幾年來由於資訊科技不斷地進步， 個人電腦的使用已非擁有專業知識的電腦 工程師的權利，個人電腦幾乎成為一般的 家庭的家電般。多媒體，顧名思義是整合 多種媒體，是整合了影像 (Image)、視訊 (Video)、文字 (Text)、聲音 (Audio) 等不 同的資料型態，在同一個螢幕下呈現多樣 的風貌，它豐富了電腦螢幕的表現方式， 也提供更豐富的學習支援。 多媒體軟體運用交談式設計，提供友 善的溝通介面，滿足人們聽、看、操作等 多種感官的刺激。多媒體運用於企業行銷 與教學，將成為未來電腦應用的必然發展 趨勢。因此在開發多媒體光碟的時候，如 何考量親和且操作簡易的使用者介面，有 待進一步的探討。

Schwier & Missanchuk (1994) 指出，多 媒體的應用，是藉由不同媒體的使用，改 善人與電腦系統間互動溝通的可能性。 Dannerberg & Blattner (1992) 亦指出，多媒 體的目標是使人與電腦間有更好的溝通。 然而在使用者與電腦的互動行為之間，必 須透過一個特殊的軟體設計才能達成，稱 之為使用者介面 (UI, User Interface) 或稱 為 人 機 界 面 (HCI, Human-Computer Interface)，是介於人與電腦之間以達成傳 遞資訊與溝通功能的設計。一個良好的多 媒體使用者介面設計，可使得使用者減少 使用電腦的恐懼，縮短學習時間，增進學 習效率，加強學習記憶，並能提高個人學 習滿意度 (Shneiderman,1992)，因此使用者 介面設計的好壞，是影響使用者與電腦之 間互動效果的必要因素，亦是決定多媒體 應用軟體 (Application Software) 成敗的關 鍵因素之一。 儘管在這個領域已有不少的文獻，但 是仍然存在很多重要的問題有待解決。例 如對於產品的評估的領域；雖然有一些模 式或是評分表，可以協助使用者作為購買

2 時的決策參考，使用者介面的重要性仍然 並未被詳細提出討論。如果將光碟視為終 端使用者 (end-user) 的應用程式，使用者 介面便是決定性的一環了，與其他人機互 動的電腦系統並無二致。這裡探討的重點 將放在圖形使用者介面 (GUI, Graphical User-Interface) 上，不僅因為現在越來越多 的軟體使用這樣的介面，這種方式也使得 學習與使用變得更加容易，尤其是對於較 無經驗的使用者。若有一套類似工業標準 (de facto) 的標準使用者介面，就像是 Microsoft Windows 系統的介面般，這樣共 通的介面可節省使用者適應與學習的時 間，提高生產效率。 然而，使用者介面常因某些因素而令 使用者感到不易學習、不易使用，以致於 生產力降低或減低學習興趣，這些負面因 素包含繁瑣的資料輸入、語意晦暗不明的 錯誤訊息、過於強制的允錯能力、雜亂的 螢幕配置與不一致的操作程序等。為了減 少如上述設計上之缺失，諸多學者先進提 出許多有關界面設計之原則，希望能藉由 設計原則與設計策略的運用，提昇使用者 介面設計的品質與效率，而不只是靠著零 碎的試誤性經驗累積來修正。雖然使用者 介面設計並沒有一個嚴格的定義，也很難 在這片視覺化的浪潮中找到共同遵守的規 定，但仍希望能藉由本研究對國內外光碟 軟體之使用者介面做一評估研究，作一綜 合性之評估與分析，建立多媒體互動式光 碟軟體之使用者介面設計的規範，以提供 國內軟體業者與教育機構，對於使用者介 面評估的參考依據。 基於上述的各項原因，本研究計劃將 歸納出諸多學者先進所提出關於使用者介 面與互動性的設計原則，並加以研究，以 便拋磚引玉建立規範。 本研究的具體目即在於： 一、針對目前國內外市售的多媒體光碟 軟體之使用者介面，就介面種類、顯示方 式、互動方式與控制行為等四方面加以分 析評估，並列示其設計不足點。 二、收集目前市售之多媒體光碟軟體， 針對光碟軟體之使用者介面設計之各個層 面，作一綜合性的評估，並揭示其設計特 色或不足處。 三、製作一圖形資料庫光碟作為實例研 究的工具，本光碟內收集不同產品的使用 者介面之畫面，作為實例參考，以便推廣 研究成果。 三、結果與討論 基於光碟片的高容量、便於保存、便 於攜帶等特性，使得目前市面上許多多媒 體軟體出版公司，在成本與其特性之考量 下，大多選擇光碟片作為產品的儲存媒 體。因此，本研究所選定的樣本皆為光碟 軟體。樣本的類別共分成四類，分別是電 子書、工具類、幼教休閒類和教學類。 評估使用者介面與互動性設計之檢核 表，主要是以文獻中所整理之研究因素構 面為基礎，再由文獻中分別就各研究構面 之設計原則歸納整理而成。其中在使用者 控制因素方面有 15 個原則變數，一致性因 素方面有 9 個原則變數，清晰性因素方面 有 24 個原則變數，回饋性因素方面有 12 個原則變數，允錯性因素方面有 8 個原則 變數，共評估 65 個有關界面設計所應遵循 的原則變數，再加上 16 個界面組成元件變 數，總計共有 84 個評估變數。 目前市售設計優良之光碟軟體整體在 一致性因素的原則使用率所佔比例最高， 使用比例高於九成，其次是清晰性因素原 則，使用率約七成，而使用者控制因素、 回饋性因素和允錯性因素的原則使用率都 在五成以下，意即目前市售光碟軟體的界 面設計主要傾向於重視一致性和清晰性的 表現。換言之，大部分的光碟軟體在表達 或展現界面訊息方面，如音效、文字、色 彩、影片等等，都花了相當的心力使得整 體的畫面更加的美觀、清晰和易於學習。 衡量各研究因素構面的變數經過縮減 與彙整之後，可將其歸納為以下幾類。在 使用者控制因素方面：操作軟體時的協助 性、操作軟體時的易用性、操作軟體時的 可選擇權、操作軟體時的便利性。在一致

3 性因素方面：畫面中訊息結構的一致性、 畫面中訊息整體呈現的一致性。在清晰性 因素方面：文字配置呈現的清晰度、色彩 使用的清晰度、畫面中避免出現不必要的 干擾、影片使用的清晰度、聲光效果使用 的適合度、旁白使用的清晰度、全螢幕展 現與轉換、按鈕使用的清晰度。在回饋性 因素方面：系統相對產生的圖形回饋、系 統相對產生的聽覺回饋、系統相對產生的 文字回饋。在允錯性因素方面：避免錯誤 的發生、便於錯誤的修正、減少錯誤的損 害。此結果與文獻中所整理的研究架構相 去不遠。 從光碟軟體調查的結果卻發現所設計 的重點在於一致性因素和清晰性因素。因 此建議廠商： (一) 加強光碟軟體的互動能力：目前市售 的光碟軟體，大多僅是單方面的提供 資訊，無法讓使用者依個人不同的需 求，來加以選擇不同的功能，因此應 該提供更多如熱鍵、捷徑 (shortcut) 、使用範例、教學課程或 內容索引等功能。 (二) 加強系統的回饋性：目前市售光碟軟 體大部分只做到在按鈕部份選擇後 出現變色或凹陷效果，有些甚至在按 鈕部份沒有產生回應，因此應加強系 統本身的回饋性，如加上聲音、文 字、圖形甚或動畫來做為回饋。 (三) 豐富多樣的人機交談方式：大部分光 碟軟體的人機交談方式，多半使用表 徵圖或一般按鈕的選擇，鮮少有其他 方式 (如使用者問答、輸入文字選擇 等) ，從允錯性因素使用率偏低的結 果便可得證，因為大多數的交談方式 固定，以致於在操作過程中很少遇到 需要輸入答案或回答的情形，當然也 就不需要提供錯誤修正的功能；這亦 代表著目前的光碟軟體並沒有提供 豐富且多樣的課後測試或學後評 量，因此應予加強。 四、計畫成果自評 本研究的主要目的，在探討光碟軟體 使用者介面與互動性因素之設計原則，並 建立依使用者介面的資料庫，以提供給業 界於未來設計時的參考依據。然而，多媒 體互動式光碟的種類繁多，且種類之間的 界線愈趨模糊。本研究採四大類共計一百 件多媒體光碟軟體為樣本，希望能夠藉著 各類光碟軟體展現其不同的使用者介面設 計原則，以及實際訪談業界，取得各種類 光碟軟體在市場上的銷售情形。 按本研究目的中，對於各類光碟軟體 之設計原則分析乃依照文獻探討歸納而得 之結果，業已分析完成。而使用者介面資 料庫光碟亦收集了包括本研究樣本與非本 研究樣本之各種執行畫面，可供學界以及 業界參考。唯各軟體執行畫面之版權屬於 其製作或發行公司所有，若有使用上之疑 慮須與版權之所有公司聯絡為荷。 五、參考文獻

[1] Barker, P. Interface Design for Learning. In G.M. Champman(Eds) “Computer-Based Learning in Science”, Open Education & Sciences, Opava, Czech Republic, pp. 3-18, 1995.

[2] Brown, C.M. “Human-Computer Interface Design Guidelines”, Ablex Publishing Corporation, 1989.

[3] Chi, H.U. “Formal Specification of User

Interfaces: A Comparison and Evaluation of Four Axiomatic Appporaches”, IEEE Transactions on Software Engineering, 11(8), pp. 671-685, 1985. [4] Dannerberg, R., & Blattner, M. Introduction:The

trend toward multimedia interface in “ Multimedia interface design”, Addison-Wesley Publishing Company, 1992.

[5] Fowler, S.L. & Stanwick, V.R. “The GUI Style Guide”, AP Professsional, pp. 150-153, 1995. [6] Garner, K.H. 20 Rules for Arranging Text on a

Screen. In R.B. Frantzreb(Eds.), “Training and Development Yearbook”, Englewood Cliffs, NJ: Prentice-Hall. pp. 4.16-4.18, 1991.

[7] Helander, M.G., Billingsley, P.A. & Schurick, J.M. An Evaluation of Human Factors Research on Visual Display Terminals in the Workplace. In F.A. Muckler(Ed.), “Human Factors Review”, Santa Monica, CA: The Human Factors Society, chap 3, 1984.

[8] Hobart, J. “Principles of Good GUI Design”, Unix Review, pp. 37-46, September 1995.

4 [9] Issacs, G. “Text Screen Design for

Computer-Assisted Learning”, Bristish Journal of

Educational Technology, 1(18), pp. 41-51, 1987. [10] Jones, M.K. “Human-Computer Interaction: a

design guide”, Educational Technology

Publications Englewood Cliffs, NJ: 07632, 1989. [11] Kerr, S.T. “Instructional text: The Transition

from Page to Screen”, Education and

Communication, Loss Angeles, CA, September 1985.

[12] Kristof, R & Satran, A. “Interactivity by Design”, Adobe Press Mountain View, CA, 1995.

[13] Murch, G.M. “Physiological Principles for the Effective Use of Color”, IEEE Computer Graphics and Applications, pp. 49-54, November 1984.

[14] Preece, J. “Human-Computer Interaction”, Addison-Wesley Publishing Company, 1994. [15] Rubinstein, R. & Hersh, H.M. “The Human

Factor: Designing Computer Systems for People”, Digital Press, 1984.

[16] Schank, R.C. & Birnbaum, L. “ILS Interface Design: Principles and Design Guidelines”, Institute for the Learning Sciences Northwestern Universisty, February 1995.

[17] Schwier,R.A. & Missanchuk,E.R. “Interactive Multimedia Instruction”, Englewood Cliffs, NJ: Educational Technology Publications, 1994. [18] Selnow, G.W. “Using Interactive Computer to

Communicate Scientific Information”, American Behavioral Scientisst, 32(2), pp. 123-135, 1988. [19] Shneiderman, B. “Designing the User

Interface:Strategie for Effective Human-Computer Interface”(2nd ed.), NY:Addison-Wesley Publishing Company, 1992.

[20] Treurniet, W.C. Spacing of Characters on a Television Display. In P.A. Kolers, M.E. Wrolstad & H. Bouma(EDs.), “Processing of visible language”, pp. 365-374, 1985. [21] Tufte, E. “The User Interface: The Point of

Competition”, Bulletion of the American Society for Information Science, pp. 15-17, June 1992. [22] Walker, D. & Cox,K. “User-Interface Design”,