本課程《介面設計實作應用》著重於多裝置時代下的使用者介面設計實作，課程中安排習活動與專題作業，讓學生從任務導向的角度切入，實際演練跨裝置介面的規劃與操作邏輯。課堂活動將引導學生依據指定情境，繪製使用者任務流程圖，辨識流程中的轉換節點與痛點，並進行介面設計策略的討論與優化。課後作業則要求學生運用Figma或Adobe XD，設計一組針對手機與桌機的互動介面原型，並呈現使用者任務在不同裝置中的操作一致性與體驗延續性。學生需繳交介面原型連結與簡報，說明其設計邏輯與使用者情境。透過此一系列實作，學生不僅能掌握UI/UX設計的基本技能，更能理解多平台應用介面的整合方法與設計思維，提升實務操作能力與設計表達力，為未來參與業界專案或設計實習做好準備。This course, "Interface Design Application" focuses on user interface design implementation in the multi-device era. During the course, activities and topical activities are arranged, allowing students to enter from a task-oriented perspective and actually practice planning and operation logic across device interfaces. Classroom activities will guide students to draw user task process diagrams based on the specified situation, identify conversion points and pain points in the process, and discuss and optimize interface design strategies. Post-class operations require students to use Figma or Adobe XD to design a set of interactive interface prototypes for mobile phones and desktops, and present the operational consistency and experience sustainability of user tasks in different devices. Students need to submit interface prototype links and reports to explain their design logic and user situation. Through this series of implementations, students can not only master the basic skills of UI/UX design, but also understand the integration methods and design thinking of multi-platform application interfaces, improve their practical operation capabilities and design performance, and prepare for future participation in industry projects or design practices.
原田秀司（著），許郁文（譯）。（2021）。多元裝置時代的UI/UX設計法則：打造出讓使用者完美體驗的好用介面（第二版）。博碩文化。
Harada Hideji (written), Xu Yuwen (translated). (2021). UI/UX design method in the era of multi-device: Create a useful interface that gives users a perfect experience (second edition). Bosch culture.
| 評分項目 Grading Method | 配分比例 Grading percentage | 說明 Description |
|---|---|---|
| 平時課堂參與平時課堂參與 Regular class participation |
40 | 出席率 |
| 期中作業發表期中作業發表 Mid-term work release |
25 | APP設計提案 |
| 期末作業發表期末作業發表 Final period work release |
25 | APP原型 |
| 自主學習(期末線上展示)自主學習(期末線上展示) Independent learning (online display at the end of the period) |
10 | 線上展覽 |
