臺灣博碩士論文加值系統

隨著網路科技的發達，許多資訊透過網路流傳，數位學習是一種藉由網路提供使用者學習的應用服務，使用者介面設計的好壞，影響數位學習的使用性， 然而不同的設計者在建構網頁操作介面呈現多元的特色，使用者通常透過過去的網頁使用經驗來操作電腦，假設操作介面不明確，那麼使用者必須花費許多時間學習，同對地減少不明確的介面設計可增加使用者的操作效率，本研究透過可靠之評估模式來評估國中學習網站課程，經由使用者實際之操作並實施問卷調查來評估『國民中學學習資源網－國文線上語文遊戲』課程，研究結果提供給網頁設計師之參考，以利未來開發適合國中學生之學習網站。
『使用性』一詞主要是在設計過程中用來改善設計流程，以及讓介面容易使用的方法，使用性工程主要目地為滿足使用者的需求，讓介面的設計具可靠度，提供適當的標準化、整合性、一致性和可攜性，另外，互動性設計的系統主要提供使用者容易使用、操作有效率，以及令使用者感到滿意的方式。數十年前並沒有網路教學，網際網路也開創了教學的新時代，網際網路改變了教學的型態，並且提供互動式的教學方式，例如：學生能從數位圖書館存取學術報告，或者在家參與線上課程，傳統學習理論的模式也影響數位學習的發展模式，數位學習的理論基礎由著名的學習理論發展而來，例如：認知學派、建構學派、行為學派、社會心理學派等。
本研究採用COGS問卷模型，於1989年由Nielsen、 Molich所開發之便宜且具成本效益之評估工具，此工具提供實用性之分析方法，為不拘形式之使用性評估方式，另外學習網站評估的步驟，包括：選擇評估對象，實施預試問卷、正式問卷調查以及回收資料，最後進行統計分析與解釋，研究結果如下所列。
（1）系統狀態之視覺化：
網站設計讓初次使用的操作者容易上手及容易操作使用。
（2）網站與真實世界之對應：
網站課程的文字敘述、課程順序的安排為適合國中使用者邏輯思考的方式，網站課程內容的呈現以簡單、自然為原則，並無冗長的課程資訊。
（3）使用者之控制度與自由度：
介面提供回到上ㄧ題或下ㄧ題以及再試一次的功能，讓使用者能夠修改答案或重新操作。
（4）一致性和標準性：
網站整體設計介面一致性高，看起來的感覺也具一致性。
（5）避免錯誤：
網站介面設計簡單可避免造成使用者操作錯誤。
（6）再認與記憶：
介面的物件、動作、選單採用視覺化的設計，選單及按鈕容易使用。
（7）使用之彈性與效用：
網站提供的內容為國中課程的範圍，課程範圍為使用者所熟悉，以及相關性高之課程，且網站提供互動的操作方式。
（8）美學與極簡之設計：
整體網站的設計簡單、直覺、易學、美觀，且網站使用明確的圖示與按鈕。
（9）輔助說明與文件：
網站的輔助說明提供具體的操作步驟，輔助說明或文件容易遵循使用。
（10）導覽：
網站所提供導覽的功能為簡單且有用的介面設計。
（11）資訊架構：
課程內容為循序漸進，網站提供由淺入深的課程資訊。
（12）趣味性：
此學習網站具趣味性。

While the evolving of the Internet technology, more information can be directly accessed through Internet than before. Students can learn through the application network using the emerging computer technology. The way interfaces are designed will determine the usability of learning website. However, different web designers create computer operational interfaces with multiple characteristics. Users often need to figure out how to operate from the beginning through the end, or to operate web pages based on past experiences. If the operational interface doesn’t express clearly, users must spend additional time on learning. Simultaneously, the less expressive interfaces also affects users’ learning efficiency. This study proposes a reliable evaluation model of the learning websites for junior high school courses. The main purpose is to investigate the online Chinese game of learning resource websites on Chinese subject by actually examining the website and fill out the evaluation questionnaires. The result may be used as references to evaluate web interface for further designers. Therefore, they are able to create a website which may fulfill junior high school students’ need.
The word "usability" also refers to methods for improving ease-of-use during the design process. Usability engineering satisfies users’ requirements and provides reliable, standard, integrated, consistent and portable interface designs. Usability recommendations involving building certain functionalities into the software to improve user-system interaction. The interaction design is about interactive system is easy, effective, and enjoyable while users operate it. The emerging Web/Internet technologies have opened a new era for Web-based instruction. Online courses can be created and accessed by a very easy way that never happened over the last decade. The Web-based instruction has changed learning style and interactions between learning environments and students. For instance, students can now access academic papers from digital libraries, and attend Web-based courses at home. The traditional learning theory has influenced e-Learning model. The well-known learning models provide a useful theoretical basis for developing e-Learning models, such as the Cognitive development theory, Construction theory, Behavior theory, Social-learning theory and so on.
We adopt the COGS model for this study. It was developed by Nielsen and Molich in 1989 as a cheap and cost-effective evaluation method of evaluating the user interfaces of computer systems. It is essentially an informal and somewhat subjective method of usability analysis. The e-Learning website evaluation has six steps：choose subjects, pilot Test, item analysis, quantitative research, statistical analysis. Based on the data collected from this questionnaire, the researchers tried to analyze some meaningful information and findings from the usability point of view. According to those investigation results above, we hope this study will provide some basic principles for the website interface design for junior high school students. The results are shown below.
（1）Visibility of system status：
The e-Learning website should keep users informed about what is going on.
（2）Match between system and real world：
The e-Learning website speaks the users'' language, with words, phrases and concepts familiar to the users, and system information appear in a natural and logical order.
（3）User control and freedom：
The e-Learning website supports previous step, next step and try again.
（4）Consistency and standards：
The e-Learning interfaces to have similar operations and use similar elements.
（5）Error prevention：
The e-Learning website prevents users from making serious errors.
（6）Recognition rather than recall：
This is important for e-Learning website that is used infrequently, such as meaningful icons and menu options.
（7）Flexibility and efficiency of use：
It is an interactive website, we may find having interactive quizzes and cartoon characters helping them along to be highly motivating.
（8）Aesthetic and minimalist design：
Overall website design is simple, intuitive, easy to learn, pleasing.
（9）Help and documentation：
The website provides help in a set of concrete steps that can easily be followed.
（10）Navigation：
The navigation are simple but usable user interface.
（11）Structure of information：
The topics covered in the courses were, in principle, familiar to the students.
（12）Enjoyment：
The e-Learning website is fun.

摘 要 i
ABSTRACT iii
謝 誌 vi
目 錄 vii
圖 目 錄 ix
ㄧ、緒 論 1
1.1 研究動機與背景 1
1.3 研究範圍與限制 4
1.4 名詞釋義 4
二、文獻探討 6
2.1 全球資訊網之發展與特性 6
2.2 網站介面設計 6
2.2.1 數位學習的介面設計原則 15
2.3 數位學習 17
2.4 使用性目的與評估 20
2.5 本章總結 22
三、研究方法與步驟 25
3.1 研究架構 25
3.1.2 問卷調查法 27
3.2 研究設計 28
3.2.1 問卷設計 28
3.3 國民中學學習資源網－國文線上語文遊戲內容分析 32
3.4 預試問卷 33
四、研究分析與結果 37
4.1 正式問卷調查 37
4.2 統計分析 41
4.2.1 項目平均數、標準差 41
4.2.2 獨立樣本T檢定 43
4.2.3 單因子變異數分析 52
五、結論與建議 65
5.1 研究結論 65
5.2 研究之限制與不足 66
5.3 未來研究與建議 67
參考文獻 68
附錄一 國中學生喜愛的網站介面設計 72
附錄二 問卷評估內容中英對照 75
附錄三 學習資源網使用性研究問卷調查表 78

【中文書籍】
1.Robert Heinich等原著/張霄亭校閱（2002），教學媒體與學習科技，臺北市，雙葉書廊。
2.吳明隆（2003），SPSS統計應用學習實務，臺北市，知城數位。
3.邱皓政（2004），量化研究與統計分析，臺北市，五南。
4.陳建豪（1998），人機介面與互動入門 － 電腦之人因工程，和碩科技文化，台北。
5.曾志軒（2005），人機介面設計：有效的人機互動策略，東華書局，台北。
6.黃朝盟、趙美慧（2001），.com的策略規劃與設計，商鼎文化，台北。
【英文書籍】
1.Courage、Catherine（2005），Understanding your users :a practical guide to user requirements methods, tools, and techniques，San Francisco, CA :Morgan Kaufmann
2.Neilsen,J.（1993），Usability engineering，Boston :Academic Press
3.Powell,T.（2000），The complete Reference-Web Design，California: Osborne/MaGraw-Hill
4.Preece, Jenny（2002），Interaction design :beyond human-computer interaction，New York, NY:J. Wiley & Sons
5.Rosson、Carroll（2002），Usability engineering，New York：Morgan Daufmann
6.Shneiderman, Ben.（2004），Designing the user interface :strategies for effective human-computer interaction，Boston :Pearson/Addison Wesley
【期刊】
1.許一珍（2004），代理人造型於網站導覽之影響，應用媒體暨動畫藝術理論與實務研討會論文集，國立台灣藝術大學，P75，2004年。
2.Jurek Kirakowski（2000），Questionnaires in Usability Engineering，Human Factors Research Group, Cork, Ireland. edition: 2nd June, 2000.
3.Karyn M. Plumm（2008），Technology in the classroom: Burning the bridges to the gaps in gender-biased education?，Computers & Education Vol.50 1052–10
4.Nielsen,J.（1993），Iterative User Interface Design，IEEE Computer Vol. 26, No. 11, pp. 32-41.，November.
【碩士論文】
1.王郁青（2001），人力網站可使用性設計準則之研究，臺灣大學農業推廣學研究所，碩士論文。
2.呂淑怡（2003），訂做一個他--交友網站的個人網頁自我形象分析，中正大學電訊傳播研究所，碩士論文。
3.李俊宏（1996），網頁設計原則的研究:以大專院校首頁設計為例，雲林科技大學工業設計研究所，碩士論文。
4.李俊宏、李賢輝（1996），網頁設計原則的研究-以大專院校首頁設計為例，雲林科技大學工業設計研究所，碩士論文。
5.李國銘（2001），多媒體形態之設計資訊認知模式研究，雲林科技大學工業設計研究所，碩士論文。
6.李傳房、蕭銘宏（1997），全球資訊網操作介面設計之研究-以台灣地區網頁介面設計為例，雲林科技大學工業設計研究所，碩士論文。
7.林珮雯（2004），電子商務網站介面設計研究－美感與使用性，國立交通大學傳播科技研究所，碩士論文。
8.林鴻瑛（2004），多媒體影像在客語教學上的設計與應用--以台北市「佳安國小」為例，國立台北師範學院教育傳播與科技研究所，碩士論文。
9.高筱綺（1998），個人溝通風格、對網路空間的認知及其個人網頁自我呈現之研究∼以交通大學學生為例，交通大學傳播科技研究所，碩士論文。
10.高蓁瑩（2004），不同族群於博物館網站介面操作之研究─以國立自然科學博物館為例，雲林科技大學視覺傳達設計所，碩士論文。
11.莊雁茹（2003），書法教學 e-learning 教材之設計與發展--以國小高年級為例，屏東師範學院教育科技研究所，碩士論文。
12.許峻誠（2001），網頁風格與視覺要素對設計評價影響之研究-以企業網站為例，交通大學應用藝術研所，碩士論文。
13.許銘文（2006），個人網站視覺元素與設計內容表現之研究，雲林科技大學視覺傳達設計所，碩士論文。
14.陳俊隆（1990），一個以多代理人為基礎之智慧型教學代理人，逢甲大學資訊工程研究所，碩士論文。
15.陳俊隆（2000），一個以多代理人為基礎之智慧型教學代理人，逢甲大學資訊工程學系，碩士論文。
16.陳登豪（2006），拍賣網站品質評估模式之研究，雲林科技大學視覺傳達設計所，碩士論文。
17.馮淑萍（2000），全球資訊網頁視覺傳達之使用者介面設計要素研究-以台灣企業形象網頁為例，雲林科技大學視覺傳達設計所，碩士論文。
18.黃如足（2002），美術館網頁設計及使用性之研究，南華大學美學與藝術管理研究所，碩士論文。
19.黃靜純（2003），旅遊網站介面設計與使用性之研究-以易遊網為例，雲林科技大學視覺傳達設計所，碩士論文。
20.楊文祝（2002），從使用者觀點建置理想國小網站-以苗栗縣為例，新竹師範學院職業繼續教育研究所，碩士論文。
21.楊智元（2001），符合使用者個人喜好需求的入口網站介面之研究，大葉大學資訊管理研究所，碩士論文。
22.楊雅淳（2001），從使用者中心探討影視娛樂網頁介面設計原則─以電影公司網頁介面為例，銘傳大學設計管理研究所，碩士論文。
23.歐上晉（2003），網站首頁視覺設計要素與使用者顯著性之相關分析研究─以汽車製造業首頁為例，銘傳大學設計管理研究所，碩士論文。
24.鄭毓晴（2005），國立台灣美術館之虛擬國民美術館網站規劃設計與評估，雲林科技大學視覺傳達設計所，碩士論文。
【中文網站】
1.Deepspot（代理人技術）：http://www.deepspot.com/spot/ia_ia_general.jsp?menu1=2&menu2=6#代理人技術的定義，2006年8月17日
2.小女生化妝遊戲，http://cdn.dearyou.com/eads/main/card_1498.swf，2008年5月26日
3.好玩遊戲網站－熱狗專賣店，http://www.flashgames247.com/play/877.html，2008年5月25日
4.全球資訊網簡介：http://www.cc.nctu.edu.tw/~mjchen/wwwdoc1.htm，2006年8月25日
5.個人網誌：http://www.wretch.cc/blog/Night094163/6525914，2008年5月27日
6.留言版：http://www.wretch.cc/guestbook/，2008年5月27日
7.愛島網站，http://www.aido.com.tw/web/zh/，2008年5月26日
8.教育部學習資源網： http://140.111.34.172/，2008年1月1日
9.彎彎部落格：http://www.wretch.cc/blog/cwwany，2008年5月27日
【英文網站】
1. Alertbox:Current Issues in Web Usability：
http://www.useit.com/alertbox/，2007年10月25日
2. Interactive Heuristic Evaluation Toolkit：http://www.id-book.com/catherb/index.htm