Module/Course Title: Human Computer Interaction
Module course code KOMS120105	Student Workload 119 hours	Credits 3 / 4.5 ETCS	Semester 5	Frequency Odd Semester	Duration 16
1	Type of course Core Study Courses	Contact hours 37.50 hours of face-to-face (theoretical) class activity 8.50 hours of lab activities	Independent Study 45 hours of independent activity 45 hours of structured activities	Class Size 30
2	Prerequisites for participation (if applicable) -
3	Learning Outcomes Students can describe the basic concepts of computer science Students know and understand the principles of usability, process design and human capabilities Students can design and create interfaces Students know and understand the concept of prototyping Students can design Information Visualization, Audio and Agents Students can design and build interactions between humans and computers and develop simple user interfaces Students can create interactive systems prototype
4	Subject aims/Content This course discusses how to design an interactive computer system based on the basic concepts of human-computer interaction and the interaction model. In this interaction, to create an optimal and healthy computer environment, several aspects need to be considered, including human factors, dialogue, design, prototyping, interactive tools, error handling, documentation, system evaluation, information visualization, and fields of science related to human interaction and computers. In more detail, through this course, students will learn and apply the techniques of assessing the need, analyzing tasks and usability testing of a computer application, and learning and applying user interface management techniques, including the use of tools for interface software development. This course also adopts Project-Based Learning to provide students with real-world experience in app prototyping. Study Material Understanding Human and Computer Interaction The scope of human and computer interaction Human and computer interface Fields of study that play a role in HCI Human Factors and Cognitive Psychology Identify the cognitive science principles which underline good visual design The fundamental role of HCI in artificial intelligence and big data The guides and rules, laws and tools of HCI User Research Methods User research methods used in HCI Conduct interviews, surveys, and usability tests to gather user feedback User Interface Design Principles User interface design principles and guidelines Design interfaces that are usable, accessible, and aesthetically pleasing Information Architecture and Navigation Design Interaction Design and Prototyping Principles of user centered design lifecycle Create interactive prototypes to test and iterate on design ideas Mobile and Multi-Device Interaction Design Unique considerations for designing mobile and multi-device interfaces Designs for different screen sizes, input methods, and contexts Interface builder Figma Visual Design and Graphic User Interface (GUI) Design Principles of visual design for HCI Visually appealing and engaging graphical user interfaces Definition of prototyping Prototyping dimensions Prototyping method Prototype Terminology User Experience (UX) Design Holistic approach of user experience design Consider the emotional and experiential aspects of interactive systems Accessibility and Inclusive Design Design interfaces that are inclusive and usable by people with disabilities User Interface Prototyping Usability Evaluation Methods Various usability evaluation methods and techniques Conduct usability tests, heuristic evaluations, and user feedback analysis Human-Centered Design in Practice Design Thingking Human-centered design principles to a real-world project Figma UI TEST Evaluating the design Cognitive walthrough Heuristik evaluation Review-based evaluation Model based evaluation Evaluating implementation Experiment evaluation Observation technique Query technique Evaluation approach Usability testing Field study Analitycal evaluation Choosing an evaluation method WEB Design Basic Concepts Frontend Web HTML Basic CSS Responsive Design CSS Framework Slicing Design Introduction to Slicing Design Slicing Tools and Techniques Slicing Design Process Implementing Sliced Design Assets Final Project design and develop an interactive system user-centered design process and usability evaluation results Knowledge Representation Web Design Responsive Design
5	Teaching methods Synchronous: Face-to-face lectures and discussions Asynchronous: Undiksha e-learning and discussion forum
6	Assesment Methods Attendance and participation
7	This module/course is used in the following study programme/s as well Computer Science Study Programme
8	Responsibility for module/course I Ketut Resika Arthana, S.T.,M.Kom. NIDN : 0801128402
9	Other Information Books: Handout Jerry Cao. “Interaction Design Best Practices”. UXPin. Grace Brewer. 2020. “2020 Design Trends”. UXPin. Dr David Travis. “Bright ideas for USER EXPERIENCE DESIGNERS”. Online  https://www.userfocus.co.uk/pdf/Bright_Ideas_for_UX_Designers.pdf Journals: A. Abbiss et al., "Modern HCI for Mobile Applications, Study and Challenges," 2021 International Conference on Computational Science and Computational Intelligence (CSCI), Las Vegas, NV, USA, 2021, pp. 1969-1975, doi: 10.1109/CSCI54926.2021.00364. Mirco Moencks; Elisa Roth; Thomas Bohné; Per Ola Kristensson, Human-Computer Interaction in Industry: A Systematic Review on the Applicability and Value-added of Operator Assistance Systems , now, 2022. N. K, S. B, P. S, N. J, K. R and P. E, "Hand Tracking Based Human-Computer Interaction Teaching System," 2022 3rd International Conference on Issues and Challenges in Intelligent Computing Techniques (ICICT), Ghaziabad, India, 2022, pp. 1-5, doi: 10.1109/ICICT55121.2022.10064617. Website: Figma. “Figma Best Practices”. Online https://www.figma.com/best-practices/