建構視覺情境式學習模式–以網路數位學習為例

The Construction of Visual Situated Learning Model－A Case of E-learning

廖晧凱(Hao-Kai Liao)

指導教授 ： 黃琡雅

崑山科技大學/創意媒體學院/視覺傳達設計研究所/碩士(2006年)

https://doi.org/10.6828/KSU.2006.00007

摘要

隨著終身教育與教學多元化的趨勢，數位學習將是未來發展最快的資訊科技教學應用。然而要提高學生學習成效，除了提供豐沛的教學資源之外，仍需整合新的學習觀念與學習平台，並配合適當的教學理論，統整學習教材。本研究應用視覺情境脈絡的特性，以集群分析法將130個網站，就框架、色彩、圖文編排、選單、場景概念、燈光概念、道具運用、人物運用、景深概念、鏡頭運用、過場、動態影片、聲音、視窗等項目進行分類，並針對視覺情境式網站介面的視覺面、心理面、功能面、互動面等四大主軸進行探討。同時，以擬真之視覺環境，建置一個視覺情境式學習網站，並進行形成性評量，針對評量結果進行網站修正。研究結果顯示視覺情境式學習網站能激發學習者之學習動機，也能有效整合過去傳統教學的優點並結合電腦多媒體，讓教師能從學習歷程中了解學習者之學習狀況，而學習者能隨時隨地進行修課，並藉由學習社群的特性進行訊息交流，研究證明視覺情境式學習模式能夠提升整體之學習成效。

關鍵字

視覺情境 ； 網站介面設計 ； 評量 ； 數位學習 ； 情境學習理論

並列摘要

With the trend of lifelong education and the diversification of teaching, e-learning will become the teaching method which develops the most quickly in the future in applying information science and technology. Yet, in addition to abundant teaching resources, improving students’ learning outcomes also needs the integration of new learning concepts and learning platforms. Besides, it still needs appropriate teaching theories and integral learning materials.This study applies the characteristics of visual situational context to classify the following items: framework, color, image-text arrangement, menu, setting, lighting, property, character, depth of field, lens, transition, dynamic film, sound, and window by cluster analysis. Besides, the four aspects of the interfaces on visual situated website-visual, mental, functional, and interactive-are discussed. At the same time, the researcher builds a visual situated learning website by using a realistic visual environment, makes a formative assessment, and revises the contents of the website according to the results of the assessment.The study result shows that visual situated learning websites can not only inspire learners’ learning motivation, but effectively integrate the advantages of traditional teaching and computer assisted instruction (CAI). Teachers can understand learners’ learning conditions in their learning processes. Besides, learners can use the characteristics of learning communities to exchange information and take the courses by their own as they wish. The study proves that visual situated websites can improve learners’ whole learning outcomes.

並列關鍵字

situated learning theory ； visual situation ； the design of website interface ； assessment ； e-learning

參考文獻

[13]林生傳，1998，建構主義的教學評析，課程與教學季刊，1卷3期，pp.1-14。

[19]高新發，2002，網際學習之理論基礎，設計研究，第2期，pp.81-90。

[7]李世忠，徐瑜璘，2004，網路教學互動討論方法之介面設計與發展，教育資料與圖書館學，41卷3期，pp.389-404。

[6]李玲瑤，2005，紙類禮盒包裝之設計屬性與消費者偏好關聯性之研究，崑山科技大學視覺傳達設計系碩士論文。

[14]祝勤捷，2002，國小自然科教學網站內容與介面設計評估指標之研究，國立台北師範學院數理教育研究所碩士論文。