Course Syllabus

Course Information：

Year-Semester Course Number Course Name Phase Credits Hours Required/Elective Instructor Class Student NO. Withdraw Note

Fall Semester
Year 2025 351896 Human-Computer Interaction Design and Technical Practice 1 3.0 3 ★ Sheng Ming Wang GIMD 21 0 排PBL教室,限30人修

Year-Semester	Course Number	Course Name	Phase	Credits	Hours	Required/Elective	Instructor	Class	Student NO.	Withdraw	Note
Fall Semester Year 2025	351896	Human-Computer Interaction Design and Technical Practice	1	3.0	3	★	Sheng Ming Wang	GIMD	21	0	排PBL教室,限30人修

Course Plan：

Instructor Sheng Ming Wang　Office Hours

Email ryan5885@gmail.com

Last Updated 2025-05-23 12:34:21

Course Objective Human-Computer Interaction Design: Autumn 2023 - Syllabus Meeting Times and Location: Wednesday, periods: 2-4, Credit Hours: 3.0 Instructors: Ryan Sheng-Ming Wang Instructor Office Location and Hours: Room 705-2, Design College bldg., Wednesday, 1300-1500: and Thursday 1300-1700. Instructor Contact Information: E-mail: ryan5885@mail.ntut.edu.tw Course Description: "Human-Computer Interaction Design" blends theoretical and practical perspectives in visualization and interactivity into several focused aspects using interactivity for education, entertainment, interactive media design, and industrial design purposes. An interface is a link between a user and a design that communicates how a design will be used, creating an experience for the people who will use it. It provides the framework, elements, and resources for a “conversation” between users and design. This course will explore the fundamentals of interfaces and the human-computer interaction design process. Students will be introduced to and able to practice the fundamental concepts, methods, and human-computer interaction design practices. They will explore the ideas of "User Experience Observation ", "Form Follows Function," and "User Interaction Analysis and Evaluation". They will explore how interactive media create experiences and understand the role that interaction with contents and installment fulfills in human existence. Finally and most importantly, students need to learn how to improve their ability to present their design ideas. This class is devoted to lectures, discussions, practice activities, design work sessions, and critiques of practical work. Course Objectives/Goals: At the conclusion of the course, students will be able to: 1. Identify how increasingly complex technologies are integrated into designs, services and events. 2. Define how digital or physical artifacts behave in response to user-centric interaction. 3. Describe, test and evaluate the usability and sustainability of user interfaces. 4. Apply iterative cycles of research, testing and development based on the understanding of user needs, goals and experiences. 5. Develop solutions and processes to common or known interface problems. 6. Build and test rapid prototypes for look and feel and usability. 7. Utilize client based concept development to develop the strategy, information architecture, human-computer interaction and interface design. 8. Demonstrate competency in information architecture, human-computer interaction and interface design.

Course Schedule This course is focused on introducing the knowledge of human-computer interaction (HCI) design and accompanying design practice. This will allow students to understand the process of user interface design and related applications so as to be capable of practical interface design. The contents include conceptual model, interface usability, HCI process, user requirements, interface prototyping, principles of interface design, and user testing. The course is preceded by means of lecturing, case study, and practical work and evaluated by students' reports, oral presentations and design work W1. What is Interaction Design W2. Evolution of HCI in Interactive Media Design (Assignment: Project I Content with HTML5 and CSS) W3. Understanding and Conceptualizing Interaction and Information Visualization W4. Understanding Users and What is User Experience W5. Project I Presentation and Critique (Assignment: Project II Mobile Device UI) W6. Responsive and Natural UI Design W7. Designing for Collaboration and Communication W8. Project II Presentation and Critique (Assignment: Midterm Project Proposal Draft) W9. Service Design I, Brainstorming, POG and SET (Assignment: Midterm Project Proposal Final) W10. Service Design II, QFD, AHP, and Data Gathering W11. Midterm Project Presentation, Judge and Critique W12. Data Analysis, Interpretation and Presentation (Assignment: Term Project and Paper I) W13. The Process of Interaction Design (Assignment: Term Project and Paper II) W14. Identifying Needs, Establishing Requirements, Designing, Prototyping, and Construction W15. Introducing Evaluation and Evaluation Framework W16. Term Project and Paper Presentation and Critique I W17. Term Project and Paper Presentation and Critique II W18. Final Exam and Term Paper and Project Submission

Evaluation and grading policy Participation 20% Project I HTML 5 and CSS 10% Project II MOBILE UI 10% MidTerm Project 15% Term Project and Paper TANGIBLE 35% Final Exam 10%

Materials All right reserved. Do not reproduce without permission.

Foreign-language textbooks:Yes
Text Book Daniel Wigdor and Dennis Wixon, Brave NUI World: Designing Natural User Interfaces for Touch and Gesture, Morgan Kaufmann Publishers Inc. April 2011 Reference 1.Moggridge, B, Designing interactions, MIT press, (2007). (Chapter "Designing Interactions" pp. 647-662) 2. Jon Kolko (2011), Exposing the Magic of Design: A Practitioner's Guide to the Methods and Theory of Synthesis 3. Kuniavsky, Mike (2010), Smart Things: Ubiquitous Computing User Experience Design (Chapter 10) 4. Kuniavsky, Mike (2010), Smart Things: Ubiquitous Computing User Experience Design (Chapter 19) 5. Norman, D. Emotional Design: Why We Love (Or Hate) Everyday Things. Basic Books, 2004.

The access to curricular consultation 1. Send an email to make an appointment for an online or in-person meeting.
My Email: ryan5885@mail.ntut.edu.tw
2. Make an appointment in class to attend a consultation session afterward.

Expanding teaching and resources

The course corresponds to the SDGs SDG3：良好健康和福祉（Good Health and Well-being）
SDG4：優質教育（Quality Education）
SDG11：永續城市與社區（Sustainable Cities and Communities）

Does the course incorporate AI ● 使用生成式AI作為教學過程的輔助工具（Use generative AI tools as an aid to the teaching process）
● 鼓勵學生使用生成式AI工具（Encourage students to use generative AI tools）
● 深入探討AI的原理與應用（Explore the principles and applications of AI in depth）

Note
Instructor Office Location and Hours: Room 705-3, Design College bldg., Monday 10:00-12:00， Wednesday 10:00-12:00, 15:00-17:00
Instructor Contact Information: E-mail: ryan5885@mail.ntut.edu.tw

Instructor	Sheng Ming Wang　Office Hours
Email	ryan5885@gmail.com
Last Updated	2025-05-23 12:34:21
Course Objective	Human-Computer Interaction Design: Autumn 2023 - Syllabus Meeting Times and Location: Wednesday, periods: 2-4, Credit Hours: 3.0 Instructors: Ryan Sheng-Ming Wang Instructor Office Location and Hours: Room 705-2, Design College bldg., Wednesday, 1300-1500: and Thursday 1300-1700. Instructor Contact Information: E-mail: ryan5885@mail.ntut.edu.tw Course Description: "Human-Computer Interaction Design" blends theoretical and practical perspectives in visualization and interactivity into several focused aspects using interactivity for education, entertainment, interactive media design, and industrial design purposes. An interface is a link between a user and a design that communicates how a design will be used, creating an experience for the people who will use it. It provides the framework, elements, and resources for a “conversation” between users and design. This course will explore the fundamentals of interfaces and the human-computer interaction design process. Students will be introduced to and able to practice the fundamental concepts, methods, and human-computer interaction design practices. They will explore the ideas of "User Experience Observation ", "Form Follows Function," and "User Interaction Analysis and Evaluation". They will explore how interactive media create experiences and understand the role that interaction with contents and installment fulfills in human existence. Finally and most importantly, students need to learn how to improve their ability to present their design ideas. This class is devoted to lectures, discussions, practice activities, design work sessions, and critiques of practical work. Course Objectives/Goals: At the conclusion of the course, students will be able to: 1. Identify how increasingly complex technologies are integrated into designs, services and events. 2. Define how digital or physical artifacts behave in response to user-centric interaction. 3. Describe, test and evaluate the usability and sustainability of user interfaces. 4. Apply iterative cycles of research, testing and development based on the understanding of user needs, goals and experiences. 5. Develop solutions and processes to common or known interface problems. 6. Build and test rapid prototypes for look and feel and usability. 7. Utilize client based concept development to develop the strategy, information architecture, human-computer interaction and interface design. 8. Demonstrate competency in information architecture, human-computer interaction and interface design.
Course Schedule	This course is focused on introducing the knowledge of human-computer interaction (HCI) design and accompanying design practice. This will allow students to understand the process of user interface design and related applications so as to be capable of practical interface design. The contents include conceptual model, interface usability, HCI process, user requirements, interface prototyping, principles of interface design, and user testing. The course is preceded by means of lecturing, case study, and practical work and evaluated by students' reports, oral presentations and design work W1. What is Interaction Design W2. Evolution of HCI in Interactive Media Design (Assignment: Project I Content with HTML5 and CSS) W3. Understanding and Conceptualizing Interaction and Information Visualization W4. Understanding Users and What is User Experience W5. Project I Presentation and Critique (Assignment: Project II Mobile Device UI) W6. Responsive and Natural UI Design W7. Designing for Collaboration and Communication W8. Project II Presentation and Critique (Assignment: Midterm Project Proposal Draft) W9. Service Design I, Brainstorming, POG and SET (Assignment: Midterm Project Proposal Final) W10. Service Design II, QFD, AHP, and Data Gathering W11. Midterm Project Presentation, Judge and Critique W12. Data Analysis, Interpretation and Presentation (Assignment: Term Project and Paper I) W13. The Process of Interaction Design (Assignment: Term Project and Paper II) W14. Identifying Needs, Establishing Requirements, Designing, Prototyping, and Construction W15. Introducing Evaluation and Evaluation Framework W16. Term Project and Paper Presentation and Critique I W17. Term Project and Paper Presentation and Critique II W18. Final Exam and Term Paper and Project Submission
Evaluation and grading policy	Participation 20% Project I HTML 5 and CSS 10% Project II MOBILE UI 10% MidTerm Project 15% Term Project and Paper TANGIBLE 35% Final Exam 10%
Materials	All right reserved. Do not reproduce without permission. Foreign-language textbooks:Yes Text Book Daniel Wigdor and Dennis Wixon, Brave NUI World: Designing Natural User Interfaces for Touch and Gesture, Morgan Kaufmann Publishers Inc. April 2011 Reference 1.Moggridge, B, Designing interactions, MIT press, (2007). (Chapter "Designing Interactions" pp. 647-662) 2. Jon Kolko (2011), Exposing the Magic of Design: A Practitioner's Guide to the Methods and Theory of Synthesis 3. Kuniavsky, Mike (2010), Smart Things: Ubiquitous Computing User Experience Design (Chapter 10) 4. Kuniavsky, Mike (2010), Smart Things: Ubiquitous Computing User Experience Design (Chapter 19) 5. Norman, D. Emotional Design: Why We Love (Or Hate) Everyday Things. Basic Books, 2004.
The access to curricular consultation	1. Send an email to make an appointment for an online or in-person meeting. My Email: ryan5885@mail.ntut.edu.tw 2. Make an appointment in class to attend a consultation session afterward.
Expanding teaching and resources
The course corresponds to the SDGs	SDG3：良好健康和福祉（Good Health and Well-being） SDG4：優質教育（Quality Education） SDG11：永續城市與社區（Sustainable Cities and Communities）
Does the course incorporate AI	● 使用生成式AI作為教學過程的輔助工具（Use generative AI tools as an aid to the teaching process） ● 鼓勵學生使用生成式AI工具（Encourage students to use generative AI tools） ● 深入探討AI的原理與應用（Explore the principles and applications of AI in depth）
Note	Instructor Office Location and Hours: Room 705-3, Design College bldg., Monday 10:00-12:00， Wednesday 10:00-12:00, 15:00-17:00 Instructor Contact Information: E-mail: ryan5885@mail.ntut.edu.tw