Interaksi Manusia dan Komputer

Interactive lecture with slide presentations, guided discussions, and short case studies

Lecturer: Delivering fundamental HCI concepts through presentations, facilitating group discussions to define HCI, and providing real-world case examples of HCI applications

Students: Listening to explanations, actively participating in group discussions to identify key HCI concepts, and noting important points from case studies

Assignment: Reading Chapter 1 of Dix et al. (2004) and preparing a summary on the definition and scope of HCI

Interactive lecture, video demonstration analysis of interfaces, and HCI principle identification exercises on existing applications

Lecturer: Explaining fundamental HCI principles with concrete examples, playing video demonstrations of good and poor interfaces, and guiding students in identifying principles through exercises

Students: Following explanations, analyzing video demonstrations to identify HCI principle applications, and participating in exercises to identify principles in assigned applications

Assignment: Analyzing 3 everyday applications (e.g., e-commerce, social media) and documenting identified HCI principles

Interactive lecture, direct comparison of application interfaces, and group discussions

Lecturer: Presenting material on interface types, facilitating direct comparisons of different application interfaces, and guiding group discussions to differentiate interface characteristics

Students: Listening to explanations, comparing assigned application interfaces, and discussing in groups to identify characteristic differences

Assignment: Comparing CLI interfaces (e.g., Command Prompt) and GUI interfaces (e.g., File Explorer) and documenting differences in characteristics and advantages

Interactive lecture, guided practice in simple interface design, and presentation of design results

Lecturer: Explaining the procedure for applying HCI principles in design, guiding the practice of simple interface design, and providing feedback on students' design results

Students: Following the procedure explanation, participating in guided practice for simple interface design, and presenting their design results

Assignment: Designing a simple interface for a personal notes application by applying at least 3 HCI principles and documenting the steps

Practical Assignment

Assessment based on design quality rubric, application of HCI principles, and documentation of steps

• Students can correctly use the procedure for applying HCI principles to design a simple interface
• Students can systematically document the steps of interface design

Guided practice, group discussion, and feedback session

Lecturer: Guiding the practice of banking interface design, facilitating group discussions for design evaluation, and providing feedback for design refinement

Students: Participating in guided practice for banking interface design, discussing in groups to evaluate designs, and refining designs based on feedback

Assignment: Designing an interface for a simple banking application (transfer and balance-check features) by applying HCI principles and documenting the design process

Practical Assignment

Assessment based on design quality rubric, application of HCI principles, and documentation of the design process

• Students can accurately apply HCI principles to simple banking interface design
• Students can evaluate and refine interface design based on feedback

Interactive lectures, case studies, and simple user testing

Lecturer: Explaining the food ordering interface design case, guiding case study exercises, and facilitating simple user testing

Students: Following case explanations, participating in food ordering interface design exercises, and conducting simple user testing

Assignment: Designing an interface for a food ordering system (menu selection and payment features) by applying HCI principles, documenting the design process, and conducting simple user testing

Practical Assignment

Assessment based on design quality rubrics, application of HCI principles, documentation of the design process, and results of user testing

• Students are able to determine the appropriate steps to design a food ordering system interface by applying HCI principles
• Students are able to conduct simple user testing and document the results

Material review, exam practice questions, and group discussions

Lecturer: Reviewing the learned material, providing midterm exam practice questions, and facilitating group discussions to solve HCI problems

Students: Attending material review, completing midterm exam practice questions, and participating in group discussions

Assignment: Completing midterm exam practice questions and reviewing lecture notes for exam preparation

Interactive lectures, demonstrations of design tools, and tool usage exercises

Lecturer: Explaining the differences between UI and UX, demonstrating the use of Figma and Affinity Designer, and guiding tool usage exercises

Students: Listening to explanations, observing design tool demonstrations, and participating in Figma and Affinity Designer usage exercises

Assignment: Trying out Figma and Affinity Designer to create simple designs (e.g., icons or buttons) and documenting the user experience

Project presentation, peer evaluation, and feedback session

Lecturer: Facilitating UI/UX design project presentation, guiding peer design evaluation, and providing constructive feedback

Students: Presenting UI/UX design project, evaluating peer designs, and providing constructive feedback

Assignment: Refining UI/UX design based on received feedback and documenting changes made

Project Presentation

Assessment based on presentation quality rubric, UI/UX design quality, and ability to provide constructive feedback

• Students can present UI/UX design projects clearly and convincingly
• Students can provide constructive feedback on peer designs

Interactive lecture, website design practice, and feedback session

Lecturer: Explaining user needs for e-commerce websites, guiding website design practice, and facilitating feedback sessions

Students: Listening to explanations, participating in e-commerce website design practice, and providing feedback on peer designs

Assignment: Designing interfaces for e-commerce websites (search, shopping cart, and checkout features) by applying HCI and UI/UX principles

Interactive lecture, app design practice, and group discussion

Lecturer: Explaining user needs for social media apps, guiding app design practice, and facilitating group discussions for design evaluation

Students: Listening to explanations, participating in social media app design practice, and discussing in groups to evaluate designs

Assignment: Designing interfaces for social media applications (profile, posting, and social interaction features) by applying HCI and UI/UX principles

Interactive lectures, system design exercises, and feedback sessions

Lecturer: Explaining user needs for academic information systems, guiding system design exercises, and facilitating feedback sessions

Students: Listening to explanations, participating in academic information system design exercises, and providing feedback on peers' designs

Assignment: Designing interfaces for academic information systems (course schedules, grades, and attendance features) by applying HCI and UI/UX principles

Interactive lectures, application design exercises, and group discussions

Lecturer: Explaining user needs for healthcare applications, guiding application design exercises, and facilitating group discussions for design evaluation

Students: Listening to explanations, participating in healthcare application design exercises, and discussing in groups to evaluate designs

Assignment: Designing interfaces for healthcare applications (health records, appointments, and consultation features) by applying HCI and UI/UX principles

Material review, group discussions, and learning reflections

Lecturer: Reviewing covered materials, facilitating group discussions on UI/UX design challenges, and guiding learning reflections

Students: Attending material review, participating in group discussions, and reflecting on semester-long learning

Assignment: Writing a reflective essay on UI/UX design learning throughout the semester and encountered challenges

Attendance and Participation

Assessment based on attendance records, discussion participation quality, and written reflections

• Students attend regularly and actively participate in learning activities
• Students can critically and constructively reflect on UI/UX design learning