1. Human Computer Interaction Introduction

2. Subject : Learning Outcomes At the end of this semester, the student should be able to: Identify the basic concept of HCI Describe the evolution of HCI Discuss the design issues Assess and implement the interaction design processes Use different models of interaction design principles/rules Apply the usability evaluation techniques effectively

3. Reference Human–Computer Interaction, 3rd Edition, by Alan Dix, Janet Finlay, Gregory D. Abowd, Russell Beale, Prentice Hall, 2004 http://www.usabilityfirst.com Designing the User Interface-Strategies for Effective Human-Computer Interaction, Fifth Edition, by Ben Shneiderman and Catherine Plaisant, Pearson Addison Wesley, 2010 http://metalab.uniten.edu.my/~rohaini

4. 4 Why Bother?

5. 5 Why Systems Fail? Inadequate requirements13% Lack of user participation12% Inadequate resources11% Unrealistic expectations10% Lack of support at senior level9% Changing specification8% Lack of planning8%

6. 6 The Perfect User (every designer ‘s wish)

7. 7 Common Issues in User Interface Design Software developers are forced to “do it all” Often based on intuition and experience than on theory-based models Tendency to let the art of interface design beats its usability Inconsistent features that do not fit into a good user interface design criteria

8. 8 Why Study HCI? Business view :  to employ people more productively and effectively - people costs now far outweigh hardware and software costs  people now expect “easy to use” systems - generally they are not tolerant of poorly designed systems - if a product is hard to use, they will seek other products

9. 9 Why Study HCI? Human Factors view :  Humans have limitations.  Errors are costly in terms of - loss of time & money - loss of lives in critical systems - loss of morale

10. 10 What is HCI Short for human-computer Interaction. A discipline concerned with the study, design, construction and implementation of human-centric interactive computer systems.

11. 11 The goal of HCI usability. The goals of HCI are to develop or improve the safety, utility and effectiveness of systems that include computers, often through improving usability.

12. 12 What is usability? Usability can simply be thought of as the practical implementation of good HCI, but, more formally : –Usability means easy to learn, effective to use and providing an enjoyable experience

13. 13 UI Development process : User Profiling Usability goals Task analysis & understanding the process Prototyping Evaluation Programming How to design and build usable UIs?

14. 14 Important!!! users should be involved throughout the development of the project (How?) specific usability and user experience goals need to be identified, clearly documented and agreed at the beginning of the project

15. 15 Understanding interaction User centric design is the formula for usability The key to User-centered Design is to understand Interaction We need to understand : –What Interaction is –What are the elements involved

16. 16 Interaction Model The most influential model of interaction is Donald Norman’s (http://www.jnd.org/) : Execution-Evaluation cycle Norman divides interaction into : –Execution User activities aimed at making the system do something –Evaluation Evaluating whether the system did actually do what the user wanted

17. 17 Understanding Interaction Execution –If User cannot make system do what they want e.g. cannot understand how to do it, unclear icons, unclear indication etc. –Will result in the Gulf of Execution i.e. difference between the user’s formulation of the action and the actions allowed by the system

18. 18 Understanding interaction Evaluation –If user cannot see what happened to system e.g. if system has done what they want but no feedback is given to the users etc. –Will result in the Gulf of Evaluation i.e. difference between the representation of the system state/result and the expectations of the user Good Design aims to reduce these gulfs

19. Assignment Work individually Take a picture of one either badly or good designed object or user interface you can find Prepare a PowerPoint slide to explain why do you think it is badly designed VDO your presentation and put on youtube Add your VDO’s link at our course’s google spreadsheet

20. 20 Q & A