|
|
課程簡介 Course Introduction
|
|
開課年度學期 Year / Term
|
114 學年度 第 1 學期
|
|
開課班級 Department
|
教育學系教學科技碩士班 教學科技碩一二合
|
|
授課方式 Instructional Method
|
課堂教學 、 中文
|
|
課程電腦代號 Course Reference Number
|
112036
|
|
課程名稱(中文) Course Title(Chinese)
|
介面與互動網頁設計研究
|
|
課程名稱(英文) Course Title(English)
|
Study of Interactive Interface and Web design
|
|
學分數/時數 Credit Hours
|
3 /
3
|
|
必(選)修 Requirement / Elective Course
|
選修
|
|
授課老師 Instructor
|
蘇建元
|
|
助教 Teaching Assistant
|
|
|
上課時間 Meeting Time
|
星期四，節次A、B、C
|
|
上課教室 Classroom
|
A302
|
|
Office Hours
|
蘇建元：3333/789A
|
| 獲獎及補助情形 Awards and Grants |
|
|
| 聯合國永續發展目標 (SDGs跨域類別) Sustainable Development Goals, SDGs |
|
|
|
課程目標 Learning Objectives
|
|
「介面與互動網頁設計研究」課程旨在引導研究生深入探索數位學習環境中使用者介面（UI）與互動設計的理論基礎與實務應用，關注介面設計如何影響學習者的操作體驗與學習歷程。課程內容涵蓋學習系統與教育網站的分析，強調從使用者導向的觀點出發，檢視介面與互動功能的設計邏輯、視覺呈現與功能配置，進而理解其對學習動機、認知負荷與行為意圖的潛在影響。同時，學生將透過閱讀e-Learning領域的重要學術期刊文章，熟悉學習者使用態度與接受意向的理論模型與實證研究，並學習應用相關的研究方法（如問卷調查、訪談分析、可用性測試等）進行學習系統之互動性與使用經驗評估。課程透過理論探究、案例分析與專題實作的整合，培養學生具備介面設計的基礎實作能力與教育科技研究素養，為其未來從事數位學習環境開發、使用者研究或介面評估奠定堅實基礎。
|
|
先修 ( 前置 ) 課程 Prerequisite
|
|
|
| 彈性教學規劃 Flexible Teaching/Planning Schedules |
| ＊本課程實施16+2週彈性教學方案，其中第17、18週之彈性規劃如下： |
|
線上教學/討論
|
|
展演實作
|
|
自主學習
|
|
|
課程大綱 Course Syllabus
|
| 週次 Week |
課程單元大綱 Unit |
教學方式 Instructional Method/Style/Teaching Style |
參考資料或相關作業 References or Related Materials |
評量方式 Grading |
|
1
|
課程介紹與研究範疇概述
|
|
|
|
|
2
|
使用者介面設計的基本原則
|
|
|
|
|
3
|
教育科技中的使用者經驗（UX）與使用介面(UI)觀點
|
|
|
|
|
4
|
Web互動設計與可能影響使用者體驗的因素
|
|
|
|
|
5
|
學習平台與網站設計介面設計策略案例分析(I) : 分析與討論平台互動性與設計優劣
|
|
|
|
|
6
|
Active presenter 網頁製作工具介紹與操作練習
|
|
|
|
|
7
|
使用者體驗調查（一）：問卷與量化工具(介紹科技接受模型TAM、UTAUT、UTAUT2與期望確認理論ECT模型及測量工具與施測原則)
|
|
|
|
|
8
|
使用者體驗調查（二）：質性資料蒐集(訪談設計、可用性測試觀察紀錄法、思考大聲法（think-aloud）介紹)
|
|
|
|
|
9
|
一頁式網頁設計與操作練習
|
|
|
|
|
10
|
介面設計工具操作（Figma / Axure）
|
|
|
|
|
11
|
eLearning 期刊閱讀與討論（一）
|
|
|
|
|
12
|
生成式AI網頁設計與操作練習
|
|
|
|
|
13
|
eLearning 期刊閱讀與討論（二）
|
|
|
|
|
14
|
eLearning 期刊閱讀與討論（三）
|
|
|
|
|
15
|
網站設計作品展示，回顧課程歷程與反思
|
|
|
|
|
16
|
行憲紀念日放假
|
|
|
|
|
17
|
元旦放假
|
|
|
|
|
18
|
學生自主學習 (期末報告繳交)
|
|
|
|
|
單一課程對應校能力指標程度 The Degree to Which Single Course Corresponds to School Competence
|
| 編號 No. |
校核心能力 School Core Competencies |
符合程度 Degree of conformity |
|
1
|
公民力 (Citizen)
|
3
|
|
2
|
自學力 (Self-learning)
|
3
|
|
3
|
資訊力 (Information)
|
3
|
|
4
|
創造力 (Creativity)
|
3
|
|
5
|
溝通力 (Communication)
|
3
|
|
6
|
就業力(Employability)
|
3
|
|
單一課程對應系能力指標程度 The Degree to Which Single Course Corresponds to Department Competence
|
| 編號 No. |
類別 Category |
系核心能力 Department Core Competencies |
符合程度 Degree of conformity |
|
01
|
系所
|
能統合教學視聽媒體及資訊教育知能，進行文獻與實務的省思與批判
|
3
|
|
02
|
系所
|
能進行科技系統、資訊傳播、媒體設計的研發
|
3
|
|
03
|
系所
|
能統整教學科技學術能力，進行跨領域議題的探討與論文發表
|
3
|
|
單一課程對應院能力指標程度 The Degree to Which Single Course Corresponds to College Competence
|
| 編號 No. |
院核心能力 College Core Competencies |
符合程度 Degree of conformity |
|
1
|
探究能力
|
3
|
|
2
|
語文與溝通能力
|
3
|
|
3
|
創新與實踐能力
|
3
|
|
4
|
專業知能
|
3
|
|
教科書或參考用書 Textbooks or Reference Books
|
|
館藏書名 Library Books
|
|
備註 Remarks
|
參考用書
1. Designing Interfaces Patterns for Effective Interaction Design by Jenifer Tidwell, Charles Brewer, Aynne Valencia 2020
2. Designed for Use Create Usable Interfaces for Applications and the Web by Lukas Mathis 2016
3. Designing Web Interfaces O'Reilly 2009
4. Interaction Design 互動設計概論 全華 李來春、曹筱玥、陳圳卿 2019
5. 人機介面互動式系統設計 碁鋒 DAVID BENYON; PHIL TURNER; SUSAN TURNER · 譯者：郭學武2009
6. SSCI Journal paper focusing on learner's experience of using educational technology
|
※請尊重智慧財產權，不得非法影印教科書※
※ Please respect intellectual property rights and do not illegally photocopy textbooks. ※
|
教學方法 Teaching Method
|
|
教學方法 Teaching Method
|
百分比 Percentage
|
| 總和 Total |
0 % |
|
成績評量方式 Grading
|
| 評量方式 Grading |
百分比 Percentage |
| 總和 Total |
0 % |
|
課程大綱補充資料 Supplementary Material of Course Syllabus
|
|
|
|