本研究的研究目的在於設計與發展一個以圖像所組成的學習平台介面，並從使用者操作該介面雛形之回饋訊息，探討視覺化圖像式介面在學習平台介面設計發展上的原則。
    近年來數位學習的學習方式改變了傳統學習的面貌，學習管理平台成為傳遞數位學習資訊的主要媒介，且從許多研究中發現，以文字形式為主的學習平台介面在使用操作上產生許多問題，因此本研究運用圖像化物件在視覺上的原則進行學習平台介面之設計。
    本研究透過分析、設計、發展和評鑑四個部分進行：分析學習平台使用者介面設計原理原則、設計視覺化學習平台介面、發展視覺化學習平台介面、評鑑視覺化學習平台介面。研究結果發現：圖形物件所組成之學習平台介面在視覺上較容易使用、圖形介面可以降低使用者的短期記憶需求、圖像化物件和虛擬空間畫面清楚有助學習者操作學習平台。圖像化物件設計使用適當的隱喻有助於學習者認識學習平台所具備的功能。

In recent years, e-learning approach to learning has changed the face of traditional education, and learning management systems(LMS) were used widely to engage in e-learning courses. However, research on the interface of learning management system revealed many usability problem. Teachers and learners were often confused by the interface structure of the system. Therefore, this research aims to design visual interface for learning management system.

    This research went through four stages: analysis of LMS user interface design principles, design the prototype of visual LMS interface, development of the visual-based LMS interface and evaluated visual LMS interface. The results revealed that the graphical user interface of LMS was easier to use, these visual interface can reduce the demand for short-term memory. Users operated the LMS system faster when the appropriate metaphors for image-based object were visualized clearly and objects in visual environment helped users understand the functions of interface.

第一章	緒論 1
    第一節	研究動機與背景 1
    第二節	研究目的 5
    第三節	研究範圍與限制 6
    第四節	重要名詞釋義 8
    第五節	研究預期貢獻 12
第二章	文獻探討	13
    第一節	數位學習 13
	         數位學習的定義 13
	         數位學習的類型 15
	         數位學習的特色 17
                  數位學習的應用現況	17
    第二節	學習管理平台 21
	         網路教學與學習管理平台 21
	         學習管理平台的類型 23
	         學習管理平台的功能與架構 26
    第三節	圖形化學習管理平台介面設計 32
	         使用者介面的定義 32
	         使用者介面基本組成要素 33
	         圖形化使用者介面的應用演變與現況 36
	         圖形化使用者介面設計原理原則 40
第三章	研究架構與設計 50
    第一節	分析階段	51
    第二節	設計與發展階段 52
    第三節	評鑑階段	59
第四章	研究結果	64
    第一節	視覺化學習平台介面雛形開發成果 64
    第二節	專家評鑑結果 77
    第三節	使用者測試結果 80
第五章	結論與建議	92
    第一節	結論	92
    第二節	建議	96
參考文獻	99
中文部分	99
英文部分	101
附件一、專家評鑑問卷	104
附件二、使用者滿意度問卷	107
附件三、使用者訪談大綱	109

表次
表2-2-1 設計良好之教學平台應具備的面向與內容..................22
表2-2-2 內容管理系統CMS 核心價值..............................23
表2-2-3 學習管理系統LMS 八大功能及內容........................25
表2-2-4 學習內容管理系統LCMS 功能及內容.......................26
表2-2-5 智慧大師學習管理平台之功能............................28
表2-2-6 WwbCT 學習管理平台之功能...............................28
表2-2-7 Moodle 學習管理平台之主題架構與功能....................29
表2-2-8 學習管理平台功能內容..................................30
表2-3-1 使用者介面組成要素....................................33
表2-3-2 使用者介面設計之基本元素..............................34
表2-3-3 使用者介面設計應考量之設計要點........................41
表2-3-4 使用介面設計之基本原則................................42
表2-3-5 使用者介面設計的八個黃金定律..........................43
表2-3-6 圖像物件設計的原則....................................45
表2-3-7 圖形化使用者介面具備之特性............................46
表2-3-8 圖形化使用者介設計之原則..............................47
表2-3-9 使用者介面設計之原理原則匯整..........................48
表4-2-1 介面專家評鑑結果......................................77
表4-3-1 使用者操作介面觀察記錄整理............................80
表4-3-2 使用者滿意度問卷評鑑結果..............................87
表4-3-3 使用者訪談評鑑結果....................................88
圖次
圖2-3-1 Mac Ii 作業系統介面...................................37
圖2-3-2 Mac OS 1.1 圖形使用者介面.............................37
圖2-3-3 Mac OS 8 作業系統介面.................................38
圖2-3-4 Mac OS 9 作業系統介面.................................38
圖2-3-5 Rhapsody 作業系統介面.................................39
圖2-3-6 Mac OS X 作業系統介面.................................39
圖3-1-1 視覺化之學習平台介面設計研究流程圖...................50
圖3-2-1 視覺化學習平台介面雛型組織架構圖.....................53
圖3-2-2 課程播放教室簡圖.....................................54
圖3-2-3 課程播放選單功能簡圖.................................55
圖3-2-4 小組討論會議桌功能簡圖...............................56
圖3-2-5 專家演講播放功能簡圖.................................57
圖3-2-6 角色扮演功能簡圖.....................................58
圖3-2-7 教師辦公室功能簡圖...................................59
圖4-1-1 視覺化學習平台介面雛形登入畫面.......................64
圖4-1-2 視覺化學習平台介面雛形學生群組畫面...................65
圖4-1-3 視覺化學習平台介面雛形課程播放教室畫面...............66
圖4-1-4 視覺化學習平台介面雛形課程播放選單畫面...............67
圖4-1-5 視覺化學習平台介面雛形學生群組小組討論教室畫面.......68
圖4-1-6 視覺化學習平台介面雛形學生群組小組討論會議桌畫面.....69
圖4-1-7 視覺化學習平台介面雛形學生群組專家演講教室畫面.......70
圖4-1-8 視覺化學習平台介面雛形學生群組專家演講播放畫面.......71
圖4-1-9 視覺化學習平台介面雛形學生群組角色扮演畫面............72
圖4-1-10 視覺化學習平台介面雛形學生群組角色扮演進行畫面.......73
圖4-1-11 視覺化學習平台介面雛形老師群組教師辦公室畫面.........74
圖4-1-12 視覺化學習平台介面雛形老師群組成績管理畫面...........75
圖4-1-13 視覺化學習平台介面雛形老師群組學生資料管理畫面.......76

【中文參考文獻】
Burdek, B. E.(1994)。產品開發的新挑戰－人性化介面設計。產品設計與包裝，58期，38-41頁。
方裕民(2003)。人與物的對話-互動介面設計理論與實務。台北:田園城市文化。
田雲鵬(2003)。關於遠端教育中的網上資源建設和教學策略探索。遠距教育國際學術研討會論文，頁89-103。台北：國立空中大學、國立台灣大學。
李世忠(1993)。使用者介面的探討。視聽教育，35:1，49-57。
李世忠、何政興(1998)。電腦教學軟體介面設計。台北: 立威出版社。
吳明隆(1998)。電腦網路學習特性及其相關問題的省思。教育部電子計算機中心簡訊，8709 期。
吳俞民（1999）。網路教學技術應用分析。國立屏東科技大學資訊管理所碩士論文，未出版，屏東。
林志隆、蕭君如、蔡孟諺與吳宗霖(2007)。探討以建構式數位學習平台發展教學模式。科技與學習學術研討會。屏東：國立屏東教育大學。
林奇賢（2000）。網路主題探索式課程與應用環境的設計。亞太成人教育，1（1），頁1-23。
林菁、李曉媛(2003)。網路教學的媒體呈現方式之研究。教學科技與媒體，65，34-58。
洪明洲(2000)。網路教學。台北：華彩軟體。
侯東旭、廖志中（2000）。人機介面中電腦圖像呈現方式之研究。工業工程學刊，17期，2， 181-190。
許有真(2001)。人機介面隱喻之探討。教學科技與媒體，58，26-33。
陳年興、王逸宏(2004)。網路學習重要觀與小組同步合作學習模式探討。教育研究月刊，125。
陳年興(2005)。全球資訊網整合式學習環境。資訊與教育，64，2-13。
陳佳賢(2001)。我國線上學習市場現況與未來展望。資策會產業報告。
陳盈儒(2002)，數位學習環境與未來發展，RUN!PC，106 期。
張明敏(2001)。網路教學網站之營運策略與關鍵因素之探討。國立彰化師範大學商業教育學系碩士論文，未出版，彰化。
張基成(1999)。教師專業成長網路學習社群之規劃及其預期效益與挑戰。教學科技與媒體，40。31-42。
連士傑、李世忠(2006)。國內部落格(Blog)於教學上之應用。電腦與網路科技在教育上的應用研討會。新竹：國立新竹教育大學。
黃貝玲(2001)。從線上學習的發展看企業線上訓練。電子化企業－經
理人報告，19，頁12-23。
黃秀鳳(2004)。企業導入e-Learning 的成功關鍵因素之探討以科技框架模式分析。國立中山大學 資訊管理學系 碩士在職專班碩士論文。 
黃雅萍(2004)。數位學習產業人才培育之內涵分析與探討。教育研究月刊，118，108-119。
傅安生(2005)。BLOG 部落格在校園的應用。北縣教育第50期。59-64。
鄒景平(2003)。數位學習概論。數位學習最佳指引。
楊承勳(2008)。教學知識社群推廣之行動研究。天主教輔仁大學資訊管理學系碩士論文。
楊家興(2003)。網路教學課程品質指標研究。遠距教育國際學術研討會論文279-312 台北：國立空中大學、國立台灣大學。
壽大衛(2001)。資訊網路教學。台北：師大書苑。 
蔡德禒(2003)。數位學習概論。數位學習最佳指引。
賴志群(1999)。數位學習現況與未來發展趨勢。資訊尖兵雜誌，經濟部技術處。
藝力協(2003)。Blog：部落格線上出版、網路日誌實作。台北：上奇科技。

【英文參考文獻】
Abram, S. (2005). The role of e-learning in the K-12 space. Multimedia & internet@Schools, 12( 2), 19-21.
Allen, M. (2003). Michael Allen’s guide to e-learning. NY: John Wiley & Sons.
Barker, K. (2002). E-learning in three step. School Business Affairs.  Retrieved Feb. 20, 2006 from:http://www.asbointl.org.
Bilyk, R. (2005). elearning that goes beyond text and graphics. T.H.E. Journal, 33( 2), 36-38.
Blvd, S. L. (2005). Schematic’s content management system(CMS). Retrieved Dec.15, 2005 from http://www.schematic.com/softandweb/schematic_cmanager.pdf
Cato, J. (2001). User-centered Web Design.  London, Addison-Wesley.
Cisco System(2001). Model of an e-learning solution architecture for the enterprise. Retrieved October 10, 2001, from www.cisco.com/warp/public/10/wwtraining/elearning/implement/solution_architecture_wp.pdf .
Driscoll, M. (2002) . Blended learning. E-Learning, 3(3), 54.
Galitz, W. O. (2002). The essential guide to user interface design. New York: John Wiley and Sons.
Giguere,	P. & Minotti, J.(2005). Rethinking web-based learning. Training and Development, 59(1), 15-16.
Gilbert, S., & Jones, M. G. (2001). E-learning is e-normous. Electric Perspectives, 26(3), 66-82.
Hann,D.E.,Glowacki-Dudka,M., & Conceicao-Runlee, S . (2000) 147 
Practical tips for teaching online groups: Essentials os web-based education. 
Madison, WI: Atwood Publishing. 
Head, A. J. (1999). A question of interface design : how to online service GUIs measure up ?  Online, 21(3), 20-28.
Jacobsen, P. (2002). The lastword. e-learning, 3(6), 54 .
Khan, B. H. (2001). web-based instruction. New Jersey: Educational Technology Publications.
Koohang, A. & Plessis, J. D.(2004). Architecting usability properties in the e-learning instructional design process. International Journal on ELearning, 3(3), 38-44.
Kumar, P., Kashyap, S., Mittal, A., & Gupta, S. (2005). A fully automatic question-answering system for intelligent search in e-learning documents. International Journal On Elearning, 4(1), 149-166.
Lanham, E. & Zhou, W. (2003). Cultural issues in online learning---is blended learning a possible solution ? International Journal of Computer Processing of Oriental Languages, 16(4), 1- 19. 
Machrone, B. (2005). I blog/ I do not blog; a surprising number of people don’t realize that blogging software is a content management system. PC Magazine, 24(13).
Mandel, T. (1997). The elements of user interface design. NY: John Wiley & Sons.
Marcus, A. & Baumgartner, V. J. (2004). A visible language analysis of user-interface design components and culture dimensions. Visible Language, 38(1), 2-65. 
Nielsen, J. (2000). Designing web usability. New Rider Press.
Pass,F., Renkl, A., & Sweller, J. (2003). Cognitive load theory and instructional design : recent development. Educational Psychology, 38(1), 4.
Presswire, M. (2005). Axis communication. Increased demand for accessibility compliance and NET-based CMS drives growth for immediacy country.
Rapoza, J. (2005). RedDot CMS eases web content creation; review: version 6.1 lets multiple users work on a site, but it keeps safeguards in place. eWeek, 22(20), 46.
Rosenberg, M. J. (2001). E-learning .Strategies for delivering knowledge in the digital age。McGraw Hill.
Rovai, A. P. (2000). Building and sustaining community in asynchronous learning networks, Internet and Higher Education, 3, 285-297 
Ryan, S. (2001). Is online learning right for you ? American Agent & broker, 73(6), 54-57.
Schwartz, N. H., Andersen, C., Hong, N., Howard,B., & Mcgee, S. (2004). The influence of metacognitive skills on learners’memory of information in a hypermedia environment. Educational Computing Research, 31(1), 77-93.
Sridhar, S. (2005). E-government – a proactive participant for e-learning in higher education. Journal of American Academy of Business, 7(1), 258-268.
Sweller, J. (1988). Cognitive load during problem solving: effects on learning. Cognitive Science, 257-284.
Tennant, R. (1999). User interface design: some guiding principles. Library Journal, 124(17), 28-29.
Weinschenk, S., Jamar, P., & Yeo, S. (1997). GUI Design Essentials. 
NY: John Wiley & Sons.
William Y. Arms (2000), Digital Libraries Boston: MA:MIT Press, 146.