數位學習在網際網路興盛的今日早習以為常。各企業與大專院校亦於近幾年來陸續開設「介面設計」課程，其重要性可見一般，然大多數仍以面對面教學為主，因此本研究以「介面設計」課程為例，探討如何利用網際網路無遠弗屆之特性，並配合適切之教學策略及科技媒體，有效幫助使用者利用網際網路進行介面設計之學習。故本研究目的為：（一）分析與規劃「介面設計」網路課程內容；（二）運用系統化教學設計之理念，分析、設計、發展與評鑑「介面設計」網路課程教材。
本研究文獻探討分為四個部分：「數位學習」探討數位學習定義與實施之模式；「網路課程」探討網路課程實施模式與網路教學之策略；「教材設計」探討網路教材設計之原則；「介面設計」探討介面設計之基本元素與一般原則，並藉由國內外現有之「介面設計」網路課程之觀察，整理出適用於本課程教材設計與發展之方法。
再者，本研究之研究設計根據系統化教學設計模式，依照分析、設計、發展與評鑑步驟進行，利用網頁製作與影音製作軟體為工具，發展本課程之網路教材，並將教材置於Blackboard教學平台。最後，藉由專家與使用者之評鑑進行修正，以提升教材品質與學習成效，並根據在研究過程中的發現與心得提出建議，希望能作為未來相關教材發展之參考。

Today creation of Web based courseware has become easier and quicker, particularly, for non-Web experts with the advent of courseware authoring software which allows teachers to put together resources. However, there are problems regarding the usability and accessibility of instructional resources produced by such technology. Technology alone may not win learner acceptance and how the user experiences the end product is the key to acceptance. And that is where User Interface Design enters the design process.
The purpose of this study focused on the design of courseware and curriculum design for the “Interface design” course.  Major objectives included: (1) analyzed and developed curriculum for web-based course “interface design”, (2) applied instructional design model to design, develop and evaluate “interface design” courseware. 
Review of literature of this study focused on “e-learning”, “web-based curriculum development”, “courseware design and development”, and “principles of web-based interface design”.  Every units of the course were analyzed and designed according to the literature review. “Blackboard” web-based learning management system was chosen as the developing tool to design and develop “Interface design” courseware. Formative evaluation data were collected with expert review and student evaluation to create opportunities to learn and enriches the learning environment

目次

第一章　緒論	1
第一節　研究動機與背景	1
第二節　研究目的	4
第三節　研究範圍與限制	5
第四節　名詞釋義	6
第五節　研究預期貢獻	7

第二章　文獻探討	8
第一節　數位學習	8
一、	數位學習的定義	8
二、	數位學習模式	9
第二節　網路課程	11
一、	網路課程定義	11
二、	網路課程實施模式	12
三、	網路教學策略	14
第三節　教材設計	19
一、	網路教材	19
二、	教材設計原則	20
第四節　介面設計	23
一、	介面設計的重要	23
二、	介面設計基本元素與一般原則	24
三、	介面設計現有網路課程探討	27
第三章	研究設計	29
第一節　分析階段	30
一、	需求分析	30
二、	學習者分析	33
三、	內容分析	35
四、	資源與限制分析	38
第二節　設計階段	39
一、	時程規劃	39
二、	課程設計	40
三、	系統架構	42
第三節　發展階段	44
一、Blackboard教學平台	44
二、動畫製作	45
三、影音處理	45
四、網頁製作	46
第四節　評鑑計畫	47
一、內容專家評鑑	48
二、教學設計專家評鑑	48
三、使用者評鑑	48

第四章	研究結果	49
第一節　教材開發成果	49
一、	「介面設計」網路課程說明	49
二、	「介面設計」網路課程內容	52

第二節　評鑑結果	66
一、	介面設計內容專家評鑑結果	66
二、	教學設計專家評鑑結果	67
三、	使用者評鑑結果	69

第五章	結論與建議	74
第一節　結論	74
第二節　建議	77
參考文獻	79
【中文部份】	79
【英文部份】	81

【附件一】教學者需求訪談大綱	83
【附件二】使用者需求訪談大綱	84
【附件三】學習者分析問卷	85
【附件四】內容專家訪談大綱	86
【附件五】教學設計專家訪談大綱	87
【附件六】使用者評鑑問卷	88


表次

表2-2-1 學者對網路課程定義	11
表2-2-2 網路課程實施模式之歸納	12
表2-2-3 Gagn’e九大教學事件	14
表2-2-4 Dick and Carey教學事件描述	15
表2-2-5 Alan Jolliffe網路教學五步驟	15
表2-2-6 網路教學策略包含的關鍵要素	17
表2-2-7 網路教學策略之綜整	17
表2-3-1 各學者教材設計之原則	20
表2-4-1 University of Missouri-Columbia介面設計課程分析	27
表2-4-2 台科大互動介面設計課程分析	28
表3-1-1 教學者需求訪談結果	30
表3-1-2 學習者需求訪談結果	32
表3-1-3 學習者分析問卷調查方法	33
表3-1-4 國內外介面設計相關課程大綱整理	36
表3-1-5 本研究課程大綱	37
表3-1-6 本研究資源與限制說明	38
表3-2-1 研究進度甘特圖	39
表3-2-2 介面設計課程策略設計	40
表3-2-3 第三週「螢幕設計」單元課程設計	42
表3-4-1 形成性評鑑規劃	47
表4-1-1 介面設計網路課程內容與策略設計	50
表4-1-2 「定義、要素與元件功能」單元課程設計	54
表4-1-3 「組織架構」單元課程設計	58
表4-1-4 「互動設計」單元課程設計	61
表4-1-5 「螢幕設計」單元課程設計	64
表4-2-1 內容專家評鑑結果	66
表4-2-2 教學設計專家評鑑結果	67
表4-2-3 「介面設計定義、要素與元件」使用者問卷評鑑結果-選擇題	69
表4-2-4 「介面設計定義、要素與元件」使用者問卷評鑑結果-開放式問題	70
表4-2-5 「組織架構」使用者問卷評鑑結果-選擇題	70
表4-2-6 「組織架構」使用者問卷評鑑結果-開放式問題	71
表4-2-7 「互動設計」使用者問卷評鑑結果-選擇題	71
表4-2-8 「互動設計」使用者問卷評鑑結果-開放式問題	72
表4-2-9 「螢幕設計」使用者問卷評鑑結果-選擇題	72
表4-2-10 「螢幕設計」使用者問卷評鑑結果-開放式問題	73
 
圖次

圖3-1-1 研究架構	29
圖3-2-1 系統架構	43
圖4-1-1 Blackboard教學平台登入畫面	49
圖4-1-2 課程進入畫面	50
圖4-1-3 課程畫面說明	51
圖4-1-4 學生活動產出與師生問答區設置	51
圖4-1-5 單元課程「教學目標」畫面	52
圖4-1-6 單元課程「教學活動說明」畫面	52
圖4-1-7 多媒體檔案（知識領航者.wmv）畫面	55
圖4-1-8 知識領航者位置說明畫面	55
圖4-1-9小組討論區畫面	56
圖4-1-10學習單提供畫面	56
圖4-1-11活動單下載提供畫面	59
圖4-1-12活動一教師解答參考畫面	60
圖4-1-13 活動結果上傳畫面	60
圖4-1-14 活動學習單下載畫面	62
圖4-1-15 教學活動小組回應之畫面	63
圖4-1-16 網頁製作內容給予畫面	65
圖4-1-17 討論區投票畫面	65

【中文部分】

Chitra Andrade（2004）. 數位學習人才培育課程─數位教材介面設計。台北：資策會教育訓練處。
何榮桂、郭再興（1996）。多媒體電腦輔助教學在網路上的發展趨勢，資訊與教育，55，25-31。
李青蓉（1998）。人機介面設計。台北：空中大學。
李宜珍（1994）。訓練評鑑的設計及運用。教學科技與媒體，15，3-7。
李世忠、何政興（1998）。電腦教學軟體介面設計。台北：立威。
李世忠、徐瑜璘（2004）。網路教學互動討論方法之介面設計與發展。教育資料與圖書館學，41（3），389-404。
吳明隆（2002）。WBI的教學原則及其在中小學的應用推展。視聽教育，44（1），2-11。
吳志銘、趙嘉浩（2003）。初入網路教學新領域。資訊與教育，93，25-43。
林奇賢（1998）。網路學習環境的設計與應用。資訊與教育，67，34-50。
林菁（2003）。網路教學的媒體呈現方式。台大教與學，15。http://edtech.ntu.edu.tw/epaper/920710/prof/prof_1.asp
林淑芳、林麗娟（1995）。使用者介面─電腦輔助學習之認知要徑。視聽教育雙月刊，37（3），18-27。
邱玉菁（2004）。數位學習之學習成果的再思考。教育資料與圖書館學，41（4），561-581。
洪明洲（1999）。網路教學Teaching in Internet。台北：華彩軟體。
凌心儀（2004）。網路課程設計與發展－以「教育傳播與科技」課程為例。淡江大學教育科技學系碩士班碩士論文。
徐新逸（2003）。數位學習課程發展模式初探。教育研究月刊，116，15-30。
徐新逸、廖珮如（2004）。數位學習知識類型與訊息設計之探討。教育研究月刊，125，5-16。
軟體自由協會（2002）。數位學習─新挑戰下的新契機。http://www.slat.org/communique/200203
陳年興（2003）。網路教學的課程設計與班級經營。圖書館學與資訊科學，29（1），5-14 。
陳光霽（2002）。數位學習與內容管理。網路通訊，137，59-61。
張雅雯（2000）。兒童英語網路多媒體教材設計原則之探討 。視聽教育雙月刊，42（1）， 1-14。
張國恩（2004）。數位學習國家型科技計畫兼論e-learning跨領域之整合研究。教育研究月刊，125，126-132。
黃雅萍（2004）。數位學習產業人才培育之內涵分析與探討。教育研究月刊，118，108-119。
葛品宏（2004）。談線上教材的建置趨勢。國教之友，55（3），71-75。
鄒景平（2003）。數位學習最佳指引。台北：資策會教育訓練處講師群著。
蔡秉燁（2004）。從有意義的學習談教材設計。教育研究月刊，118，99-107。
廖肇弘（2001）。建置有效的線上學習系統，管理雜誌，321，112-115。
數位內容產業推動辦公室（2004）。http://www.digitalcontent.org.tw/dc_p2.html#

【英文部分】

Chadha, Gaurav.（2002）. E-Learning : an expression of the knowledge economy. New Delhi: Data-McGraw-Hill.
Dick, W. & Carey, L.（1990）. The systematic design of instruction. New York: HarperCollins.
Ertmer, P. A.（1999）. Addressing first-and second-order barriers to change: strategies for technology integration. ETR&D,47（4）,47-61.
Galitz, W. O.（2002）. The essential guide to user interface design : an introduction to GUI design principles and techniques. New York: Wiley.
Horton, W.（2000）. Designing web-based training. New York : Wiley.
Jolliffe, Alan（2001）. The online learning handbook: Developing and using web-based learning. London: Kogan Page.
Karuppan, C. M.（2001）. Web-based teaching material: a user’s profile. Internet Research, 11（2）, 138-146.
Karuppan, C. M. and Karuppan, M.（1999）. Practical issues in the delivery of Web-based teaching materials. Business Communication Quarterly, 62（3）, 37-45.
Kekkonen-Moneta, S., & Moneta, G. B.（2002）. E-learning in Hong Kong: Comparing learning outcomes in online multimedia and lecture versions of an introductory computing course. British Journal of Educational Technology, 33（4）, 423-433.
Kruse Kevin（n. d）. Gagne’s nine event of instruction: an introduction. Retrieved October 14, 2004, from http://www.e-learningguru.com/articles/art3_3.htm
Mandel, T.（1997）. The Elements of User Interface Design. New York: John Wiley & Sons, Inc.
Nielsen, J.（2000）. Designing Web Usability. Indiana: New Riders
Raskin, J.（2000）. The Human Interface: New Directions for Designing Interactive Systems. Massachusetts: ACM Press
Smith, P. L. & Ragan, T. J.（1999）. Instructional Design. NewYork
Williams, B. & Tollett, J.（2000）. The non-designer’s web book. Berkeley, Calif.: Peachpit Press.