S10_CSE407_Human_Computer_Interaction

= CSE407: Human Computer Interaction =

Program:
BS(CS)

Semester:
Spring 2011

Instructor:
Dr. Shakeel A. Khoja

**Course Lead:**
Dr. Shakeel A. Khoja

**Credit Hours:**
3 (3 credit hours for theory)

Prerequisite(s):
CSE312

Course Description:
This course aims to gives students an understanding of how the study of Human Computer Interaction (HCI) affects the design of interactive systems, hardware and software and improves students' awareness of the issues that determine the usability of an interactive computer system. Humans are the key deciding factor to make a computer system successful. This course discusses the key issues and their solutions to make a system more human friendly. Effective design is reliant upon understanding the human context in which a new artefact has to fit. This course provides the necessary knowledge and skills to design, prototype and evaluate usable human-computer interaction in both its narrow sense (the user interface) and its broad sense (information systems, people, organisations, even societies and cultures). It further provides a strategic grounding in both theory and good practice for students to make effective use of applying HCI principles to IS design in their professional work.

1 How different disciplines (human factors, cognitive psychology, engineering, graphics design, etc.) influence the design of interactive systems 2 How user interact (dialogue) with system. 3 The classification of input/output devices and techniques 4 How to design, prototype and evaluate a user interface 5 Describe the main concepts (conceptual model, metaphors and paradigms) that influence human-computer interaction 6 Explain the main theories of cognitions and how these are used when designing interactive systems 7 Classify the different input/output devises as to their effect on human-computer interaction. <span style="background-color: #ffffff; display: block; font-family: Tahoma,sans-serif; font-size: 10pt; text-align: justify;">8 <span style="background-color: #ffffff; display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">Describe the process of designing for interaction and why a user centred approach is preferred. <span style="background-color: #ffffff; display: block; font-family: Tahoma,sans-serif; font-size: 10pt; text-align: justify;">9 <span style="background-color: #ffffff; display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">To choose appropriate method of evaluating an interactive system. <span style="background-color: #ffffff; display: block; font-family: Tahoma,sans-serif; font-size: 10pt; text-align: justify;">10 Design a solution to a HCI problem <span style="background-color: #ffffff; display: block; font-family: Arial,sans-serif; font-size: 13.5pt; text-align: justify;">.

URLs (Optional):
Course Wiki: http://iba-s11-cse407.wikispaces.com/ Course Facebook group: IBA-HCI-SPRING11 ( [] )

Books:
Text Book:
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Preece J, Rogers Y, Sharp H **<span style="font-family: Arial,sans-serif; font-size: 10pt;">Interaction Design: beyond human-computer interaction **<span style="font-family: Arial,sans-serif; font-size: 10pt;">, Wiley

Reference Books:
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Dix A, Finlay J, Abowd G and Beale R, **Human-Computer Interaction**, 3rd Edition. Prentice Hall, 2003
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Preece J, **Human-Computer Interaction** 2nd edition, Addison Wesley, 1994.
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Shneiderman B, **Designing the User Interface** 4th edition, Addison Wesley, 4th edition, 2004.
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Norman DA, **The Design of Everyday Things**, Basic Books, 2002.
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Preece J and Keller L, **Human-Computer Interaction**, Prentice Hall, 1990.
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Barfield L, **The User Interface: Concepts & Design**, Addison Wesley, 1993.
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Cox K & Walker D, **User Interface Design** 2nd Edition, Prentice Hall, 1993.
 * <span style="font-family: Arial,sans-serif; font-size: 10pt;">Serengul Smith-Atakan, **The FastTrack to Human-Computer Interaction**, Thomson Learning, 2006.

Web Resources:

 * HCI Bibliography ([])
 * ID Book ([])
 * Alan Dix's HCI Book ([])

Grading Policy:

 * **<span style="font-family: Arial,sans-serif; font-size: 10pt;">Assessment Method ** || **<span style="font-family: Arial,sans-serif; font-size: 10pt;">Contribution to the final mark ** ||
 * <span style="display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">Mid Term Examinations: || <span style="display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">30% (15 + 15) ||
 * <span style="display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">Final Examination: || <span style="display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">30% ||
 * <span style="display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">Quizzes, Class participation: || <span style="display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">10% ||
 * <span style="display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">Assignment / Mini Project: || <span style="display: block; font-family: Arial,sans-serif; font-size: 10pt; text-align: justify;">30% ||

Uploaded Reference Course Outline:
[|course_outline_HCI.docx]

Class Time Spent On (In Credit Hours):
Theory: 1.0 Case Studies: 1.0 Problem Analysis: 0.5 Solution Design: 0.5

[|casestudy3_UIDM.pdf] [|UIDM Template Stage 1 (0.05 Chimera).doc] ||
 * **<span style="font-family: Arial,sans-serif;">Topics Covered in the Course ** ||
 * S.No || Date || Lecture Topic || Recommended Readings || Attachments ||
 * 1. || 14 FEB 2011 || Introduction to Interaction Design || # [|Mobile Learning in Rural India]
 * 1) [|What is Interaction Design] || <span style="font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;">[[image:http://c1.wikicdn.com/i/mime/32/empty.png caption="external image empty.png" link="http://iba-s11-cse407.wikispaces.com/file/view/Chapter_1_ID2e_slides.ppt"]] [|Chapter_1_ID2e_slides.ppt] ||
 * 2 || 17 FEB 2011 || Chapter 1 continued || [[image:http://c1.wikicdn.com/i/mime/32/application/pdf.png caption="external image pdf.png" link="http://iba-s11-cse407.wikispaces.com/file/view/psychopathology+of+every+things.pdf"]] [|psychopathology of every things.pdf] ||  ||
 * 3 || 21 FEB 2011 || The study of Humans || # [|Come to your Senses]
 * 1) [|Seeing, Hearing and Smelling the World] || [[image:http://c1.wikicdn.com/i/mime/32/empty.png caption="external image empty.png" link="http://iba-s11-cse407.wikispaces.com/file/view/lecture2.ppt"]] [|lecture2.ppt] ||
 * 4 || 24 FEB 2011 || Chapter 2 continued ||  ||   ||
 * 5 || 1 MAR 2011 || Understanding and Conceptualizing Interaction || # [|Bringing Design to Software] || [[image:http://c1.wikicdn.com/i/mime/32/empty.png caption="external image empty.png" link="http://iba-s11-cse407.wikispaces.com/file/view/Chapter_2_webver.ppt"]] [|Chapter_2_webver.ppt] ||
 * 6 || 3 MAR 2011 || Chapter 3 continued ||  ||   ||
 * 7. || 7 MAR 2011 || Understanding Users || # Case Study: [|Garden.com] || [|Chapter 3 ppt] ||
 * 8. || 10 MAR 2011 || Chapter 3 continued ||  ||   ||
 * 9. || 14 MAR 2011 || Case Study 1 continued. || # [|Garden dot com] ||  ||
 * 10. || 17 MAR 2011 || Case Study 1 continued. ||  ||   ||
 * 11. || 07 APR 2011 || Designing for collaboration and communication || # [|Groupware]
 * 1) [|Computer Mediated Studies] || [|Chapter 4] ||
 * 12. || 14 APR 2011 || Chapter 4 continued ||  ||   ||
 * 13. || 17 APR 2011 || Microsoft WPF Workshop || # [|Osama Wahab's blog] ||  ||
 * 14. || 17 APR 2011 || Microsoft WPF Workshop ||  ||   ||
 * 15. || 18 APR 2011 || Understanding how interfaces affect users || # [|User frustration]
 * 1) [|Anthropomorphism] || [|Chapter 5] ||
 * 16. || 21 APR 2011 || Chapter 5 continued ||  ||   ||
 * 17. || 21 APR 2011 || Chapter 5 continued ||  ||   ||
 * 18. || 28 APR 2011 || The process of interaction design || # [|Design chapter from Alan Dix's Book]
 * 1) [|New Paradigm of HCI]
 * 2) [|Historical overview of GUI development] || [|Chapter 6] ||
 * 19. || 28 APR 2011 || Chapter 6 continued ||  ||   ||
 * 20. || 02 MAY 2011 || Designing Web interfaces || # [|Standard Screen Patterns]
 * 1) [|MIT wearable computing] || [|Web Design] ||
 * 21. || 12 MAY 2011 || Chapter 9 Process of Interaction Design ||  ||   ||
 * 22. || 16 MAY 2011 || HCI Life Cycles || # [|DSDM Design]
 * 1) [|Spiral Model]
 * 2) [|International HCI and Usability Standards] || [|Chapter 9] ||
 * 23. || 19 MAY 2011 || Usability Evaluations || # [|usability.gov guidelines] || [[image:http://c1.wikicdn.com/i/mime/32/application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.png caption="external image vnd.openxmlformats-officedocument.spreadsheetml.sheet.png" link="http://iba-s11-cse407.wikispaces.com/file/view/usability.xlsx"]] [|usability.xlsx]
 * 24. || 23 MAY 2011 || Case Study 2 (Communicability Evaluation Study) ||  || [|CaseStudy2] ||
 * 25. || 26 MAY 2011 || Case Study 2 continued ||  ||   ||
 * 26. || 30 MAY 2011 || Evaluations ||  ||   ||
 * 27. || 02 JUN 2011 || Multimodal Systems ||  || [[image:http://c1.wikicdn.com/i/mime/32/empty.png caption="external image empty.png" link="http://iba-s11-cse407.wikispaces.com/file/view/multimodal_issues.ppt"]] [|multimodal_issues.ppt] ||
 * 28. || 06 JUN 2011 || Multimodal Systems (contd) ||  ||   ||
 * 29. || 09 JUN 2011 || Projects Presentations ||  ||   ||
 * 30. || 09 JUN 2011 || Projects Presentations ||  ||

= = = =