| 課程代碼 |
1CN04X01
|
| 課程中文名稱 |
新形態介面設計與模擬
|
| 課程英文名稱 |
Interactive User Interface Design and Simulations
|
| 學分數 |
3.0
|
| 必選修 |
選修
|
| 開課班級 |
夜四技產設三甲
|
| 任課教師 |
馮嘉慧
|
| 上課教室(時間) |
|
週二
|
第12節
|
(X301)
|
|
週二
|
第13節
|
(X301)
|
|
週二
|
第14節
|
(X301)
|
|
| 課程時數 |
3
|
| 實習時數 |
0
|
| 授課語言 |
1.華語
|
| 輔導考證 |
無
|
| 課程概述 |
以互動設計的理論為基礎，探討現今互動科技發展理論之外，並以專題制作方式實際執行，逐步學習互動設計技巧與流程，從使用者觀察、使用者需求、概念形成、原型設計與情境影片製作、使用者測試...等專題單元內容，並經由實作來熟悉此設計流程 ，學習到理論和實務的結合，加深互動設計實務運用與了解。
|
| 先修科目或預備能力 |
|
|
課程學習目標與核心能力之對應
|
| 編號 | 中文課程學習目標 | 英文課程學習目標 | 對應系指標 |
|
1
|
認識現有系統介面設計與設計方法
|
|
1 專業知識
|
|
2
|
如何規劃互動設計創新提案
|
|
3 資訊能力
|
|
3
|
互動設計流程規劃與執行
|
|
2 實務技能
|
|
4
|
互動設計提案報告
|
|
4 整合創新
|
|
| 就業力培養目標 |
| |
校指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
20% |
30% |
30% |
20% |
0% |
0% |
0% |
0% |
0% |
0% |
| |
系指標 |
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
| |
專業知識 |
實務技能 |
資訊能力 |
整合創新 |
外語能力 |
熱誠抗壓 |
表達溝通 |
敬業合群 |
人文素養 |
服務關懷 |
| |
20% |
30% |
30% |
20% |
0% |
0% |
0% |
0% |
0% |
0% |
|
| 中文課程大綱 |
1.簡介汽車儀表使用者介面設計規範
2.使用者訪談和説故事
3.使用者介面流程和原型設計
4.簡報和期末審查
|
| 英/日文課程大綱 |
1.Introduction vehicle dashboard UI design and guideline
2.User interview and storytelling
3.User interface wireframe and prototyping design practice
4.Presentation and final revie
|
| 課程進度表 |
第 1 週 導論 授課介紹
第 2 週 Web入⾨
第 3 週 Visual Studio Code
第 4 週 HTML5
第 5 週 表格
第 6 週 CSS3語法
第 7 週 CSS定位觀念
第 8 週 期中實作
第 9 週 響應式網站
第 10週 響應式網站實作
第 11週 響應式網站實作2
第 12週 響應式網站(進階)
第 13週 響應式網站案例練習1
第 14週 響應式網站案例練習2
第 15週 響應式網站案例練習3
第 16週 響應式網站案例練習4
第 17週 期末實作報告
第 18週 期末實作報告
|
| 課程融入SDGs |
|
| 期考調查 |
| 期中考(第9週)考試方式 |
期中實作
|
| 期末考(第18週)考試方式 |
期末報告
|
| 其他週考試考試週次與方式 |
無
|
|
| 教學方式與評量方式 |
| 課程學習目標 | 教學方式 | 評量方式 |
| 認識現有系統介面設計與設計方法 |
課堂講授
|
實作
（
平時
）
|
| 如何規劃互動設計創新提案 |
分組討論
|
口頭報告
（
期中
）
|
| 互動設計流程規劃與執行 |
分組討論
|
設計製作
（
平時
）
設計製作
（
期末
）
|
| 互動設計提案報告 |
分組討論
|
設計製作
（
平時
）
|
|
| 指定用書 |
| 書名 |
Interaction Design
|
| 作者 |
Jennifer Preece, Yvonne Rogers, Helen Sahrp
|
| 書局 |
WILEY
|
| 年份 |
2002
|
| 國際標準書號(ISBN) |
0-471-49278-7
|
| 版本 |
|
請同學尊重智慧財產權，使用正版教科書，不得非法影印，以免觸犯智慧財產權相關法令
。 |
| 參考書籍 |
1.Designing Gestural Interfaces, Dan Saffer, O'REILLY
2.Mobile Design Pattern Gallery UI Pattern for iOS, Android and More, Theresa Neil, O'REILLY
3.葉謹睿, 互動設計概論, The Principles of Interaction Design in the Post-digital Age, 藝術家
4.Scott Weiss, Handheld Usability. Usable Products Company, WILEY
|
| 教學軟體 |
Visual Studio Code
|
| 課程規範 |
|