本研究在探討數位教材的介面設計原則。本研究採用參與式設計來達成研究目標，透過研究者、設計者、使用者的共同解釋、分析、設計來瞭解並解決產出數位教材介面設計原則的問題，對於數位教材介面的設計應具有參照與應用的價值。

The purpose of this study is to probe into the principles of interface design in digital learning materials. We are expecting some reference and application value from the process of practicing the principles of interface design in digital learning materials. The study adopted participatory design to achieve the research objective. Through the interpretation, analysis and design of various users such as researchers, designers and consumers, we can understand and solve the problems of interface design. The results of the study are expected to put forward concrete proposals and directions for how to develop and produce principles of interface design in digital learning materials.

目　　　　錄
中文摘要 i
英文摘要 ii
致謝 iii
目次 iv
表次 vi
圖次 vii
一、 緒論 1
1.1 研究背景 1
1.2 研究目的 3
二、 文獻探討 4
2.1 介面設計的意義 4
2.1.1 介面設計的意義 4
2.1.2 介面設計的原則 5
2.2 介面設計在數位教材的運用 18
2.2.1 數位教材介面設計的意義 18
2.2.2 數位教材介面設計使用的原則 18
2.3 結語 24
三、 研究方法 28
3.1 參與成員 29
3.2 單元數位教材產出 30
3.3 研究流程 32
3.3.1 初步探索（Initial exploration of work） 32
3.3.2 發掘歷程（Discovery processes） 33
3.3.3 雛形產出（Prototyping） 33
3.4 資料收集與分析 34
3.4.1 資料收集 34
3.4.2 資料分析 35
四、 結果與討論 36
4.1 數位教材介面設計原則需考量的面向或因素 36
4.1.1 視覺性 36
4.1.2 操控性 37
4.1.3 親和性 37
4.2 數位教材介面設計原則 38
4.2.1 視覺性的數位教材介面設計原則 38
4.2.2 操控性的數位教材介面設計原則 41
4.2.3 親和性的數位教材介面設計原則 43
4.3 數位教材介面設計原則的應用 46
4.4 數位教材介面設計原則的應用所遭遇的問題及限制 59
4.4.1 數位教材介面設計原則用詞不易表達 59
4.4.2 開發不同的數位教材介面需調整或是修改原則 59
4.4.3 數位教材介面設計的原則會因資訊技術而改變 61
五、 結論與建議 62
5.1 結論 62
5.2 建議 62
參考文獻 64
中文部分 64
英文部分 66

中文部分
行政院國家資訊通信發展推動小組（2002）。數位學習國家型科技計畫。台北：行政院。 2007年7月24日，取自
http://www.nici.nat.gov.tw/content/application/nici/faq/guest-cnt-browse.php?ordinal=&cnt_id=444
行政院國家資訊通信發展推動小組（2002）。數位學習國家型科技計畫。台北：行政院。
2007年7月24日，取自
http://www.nici.nat.gov.tw/content/application/nici/generala/guest-cnt-browse.php?ordinal=&cnt_id=834
邱瓊慧（2004）。智慧型程式設計數位學習策略庫之研究－多重數位學習策略之分析、
設計與研究。行政院國家科學委員會專題研究成果報告（報告編號：
NSC-93-2524-S-024-001），未出版。
邱瓊慧（2006）。結合5E學習環策略之國小自然科數位教材的設計與發展。行政院國家科學委員會專題研究計畫申請書（NO.NSC-95-2520-S-024-006），未出版。
李世忠（1993）。使用者介面的探討。視聽教育雙月刊，35，1，49-57。
陳惠美（1994）。電腦教學軟體畫面設計之探討。視聽教育雙月刊，36，6，12-23。
林淑芳、林麗娟（1995）。使用介面─電腦輔助學習之認知要徑。視聽教育雙月刊，37，3，18-27。
曾淑文（1998）。Medical Device & Diagnostic Industry。MD News，11。
王超弘、楊欣哲（1999）。WWW網頁設計之準則與應用。工業工程學刊，16，2。
陳坤淼（2000）。電腦多媒體之使用者介面設計探討。高速計算世界，8，1。
黃朝盟、趙美慧（2001）。COM 的策略規劃與設計。台北：商鼎圖書公司。
徐新逸（2003）。數位學習課程發展模式初探。教育研究月刊，116，15-34。
李賢輝（2001）。網頁設計與平面編排原則。2007年8月24日，取自
http://140.112.185.185/hlee/course/th7_530/th7_530l1.htm
張淑萍（2004）。當教學設計遇上e-Learning。2007年1月23日，取自http://www.elearn.org.tw/NR/exeres/02A76568-7FD1-4BEB-8F8A-FDEC84DF337C.htm
蔡秀勤（2005）。數位教材介面設計－以印度IBM 知識工廠之設計原則為例。2007年1月23日，取自http://www.elearn.org.tw/NR/exeres/05E9D50E-6F3B-4194-AE05-375CFD3F2926.htm
朱孝龍（1995）。多媒體教學軟體介面研究設計之研究。淡江大學教育資料科學學系碩士論文。
李俊宏（1996）。網頁設計原則的研究-以大專院校首頁設計為例。雲林技術學院工業設計研究所碩士論文。
龍斯雲（2000）。全球資訊網之人機介面設計-以勞保局網站系統為例。淡江大學資訊工程學系碩士論文。
李國銘（2000）。多媒體形態之設計資訊認知模式研究。國立雲林科技大學工業設計研究所碩士論文。
蘇建元（2006）。整合學習環策略於自然科數位學習內容開發之研究。國立台南大學資訊教育研究所碩士論文，未出版。
姬明暐（2007）。電腦輔助教學介面設計次原則研究。大同大學工業設計研究所碩士論文。


英文部分
Apple Computer Inc. (1987). Apple human interface guidelines. New York: Addison-Wesley Inc.
Angeliki, P., Asimina, M., & Eleni, B. (2005). When instruction meets design: embedding
instructional theory elements into elearning. Retrieved July 01, 2007 from
http:// www.eltrun.gr/newsletters/1/36.pdf
Bouvin, N. O. (2005). Participatory Design. Retrieved July 01, 2007 from http://www.daimi.au.dk/research/areas/human-computer-interaction/participatory-design/
Büscher, M., Eriksen, M. A., Kristensen, J. F., & Mogensen, P. H. (2004). Ways of 　　　Grounding Imagination. Paper presented at the Proceedings Participatory Design 　　　Conference 2004, Toronto, Canada.
Clark, R. C., & Mayer, R. E. (2003). E-learning and the science of instruction. San Francisco: Jossey - Bass Pfeiffer.
Cox, K., & Walker, d. (1993). User Interface Design (2nd, ed.). Prentice Hall.
CPSR. (n. d.). Participatory Design. Retrieved Nov. 8, 2006, from http://www.cpsr.org/issues/pd/
Hamel, C. J., & Jones, R. (2001). Web design guidelines for web-based instruction. Retrieved July 01, 2007 from http://www.uwex.edu/disted/conference/Resource_library/proceedings/01_32.pdf
Holcomb, R., & Tharp, (1991). What Users Say About Software Usability. International Jounal of Human-Computer Interaction, 3, 49-78.
Jones. M. G., & Okey, J. R. (1995). Interface Design for Computer-based Learning Environments. Retrieved July 1, 2007 from http://www.hbg.psu.edu/bsed/intro/docs/idguide
Khan, B. H., & Joshi, V. (2006). E-learning who, what and how? Journal of Creative Communications, 1, 61-74.
Koper, R. (2001). Modeling units of study from a pedagogical perspective the pedagogical 　　　meta-model behind EML. Retrieved July 01, 2007 from http://dspace.ou.nl/bitstream/1820/36/1/Pedagogical+metamodel+behind+EMLv2.pdf
Lohr, L. (2000). Designing the instructional interface. Computers in Human Behavior, 16(2),
161-182.
MCPS (2007). Ecology curriculum guide. montgomery country public schools science
office. Retrieved July 01, 2007 from http://www.mcps.k12.md.us/curriculum/science/
Muller, M. J., & Kuhn, S. (1993). Participatory design. Communications of the ACM, 36(6), 24-28.
Nielsen, J. (1996). Top ten web design mistakes, Jakob Nielsen''s Alertbox. Retrieved July 01, 2007 from http://www.useit.com/alertbox/9605.html
Shneiderman, B. (1996). Designing the user interface. England: Addison Wesley.
Spinuzzi, C. (2005). The methodology of participatory design. Technical Communication, 52(2), 163-174.
Tatiana, N.- H. (2005). Using participatory design to improve web sites. Computers in
　Libraries, 25(9), 20.