1. © NALO Solutions Limited NALO Solutions, presents the – Revenue Collector App Using Mobile Phones to gather Revenue www.nalosolutions.com HUMAN COMPUTER INTERACTION Stephane Nwolley Jnr – Phd Student

2. 2 © ABOUT STEPHANE  Education  Bsc Applied Computer Science – RMIT  MBA in MIS – SMU  PhD Student in ICT Management - CAAS  Lecturer  TA – UCC  SRA – UCC  Programming (Java) – APPTEC  Engineer  NMS – MTN  BSS – MTN  OSS – MTN  Management System Engineer - Huawei  Management  Systems Development Manager – Instania health  Entrepreneur  CEO – NALO Solutions Ltd. Banking Application Notification systems for Social Media clients GIPC world Bank Project Consultancy - UNDP

3. 3 © FOCUS FOR TODAY

4. 4 © Student’s Expectations  Take a sheet of Paper and write your name at the top right corner  Write your expectations for this course  Applications of HCI - thought  Country of origin  Area of Interest in CS

5. 5 © COURSE OUTLINE

6. 6 © BOOK OVERVIEW – Designing The User Interface: Strategies for Effective Human-Computer Interaction (5th edition). Ben Shneiderman, Catherine Plaisant, Maxine Cohen, and Steven Jacobs. Prentice Hall, 2009.  Chapter 1:  A broad overview of human-computer interaction from practitioner and research perspectives  Chapter 2:  Guidelines, principles, and theories  Chapters 3-4:  Managing design processes and evaluating designs  Chapters 5-9:  Interaction styles  Chapters 10-14:  Critical design decisions  Afterword:  Societal and individual impacts of user interfaces

7. 7 © HCI APPLICATIONS  Desktop applications  Internet browsers  Handheld computers  Computer kiosks All the above make use of  GUI’s – Graphical User Interfaces  VUI’s – Voice User Interfaces

8. 8 © CAREERS IN HCI  https://www.si.umich.edu/academics/msi/human- computer-interaction-hci https://www.si.umich.edu/academics/msi/human- computer-interaction-hci

9. 9 © TEASERS

10. 10 © HUMAN COMPUTER INTERACTION an academic discipline – The study of interactions between people (users) and computers a design discipline – designing interventions for systems involving people & technology

11. 11 © HUMAN COMPUTER INTERACTION Human  End-user of the program – User Satisfaction is paramount Scrap Dealers example  Two or more users (friends,collaborators,co-workers ) Computers  Program that runs on the machine  Collection of servers (DB, Application, etc) Interaction  User tells computer what they want done  Computer communicates results

12. 12 © USER INTERFACES(UI) Part of the application that allows  People to interact with computer  Computer to communicate results Can include hardware design  Buttons, sliders and other sensors HCI= DESIGNING, prototyping, implementation and evaluation of UI’s

13. 13 © MACHINE (Techniques in computer graphics, operating systems, programming languages, and development environments are relevant) HUMAN (Communication theory, graphic and industrial design disciplines, linguistics, social sciences, cognitive psychology, social psychology, and human factors such as computer user satisfaction are relevant) ENGINEERING AND DESIGN METHODS INTERDISCPLINARY FIELD WITH 3 PRIMARY STRENGTH

14. 14 © HCI ALLOWS ONE TO BE ONE OF THESE PERSONAS AT ANY GIVEN TIME Artist - We need to build systems that works We need to get the fit between engineering and peoples need (UR) 1.Design 2.Carry out 3.Analyze 4.Experiment You need to care about the beauty to the user Engineer - Designer Scientist

15. 15 © PROCESS THAT GOES INTO USER INTERFACE DESIGN WHAT SHOULD WE CREATE? SOMETHING YOU CAN TEST QA

16.  Observe existing practices (due to no idea - IHS)  Create scenarios of actual use  Build models to gain insight into work processes 16 © UNDERSTANDING USERS (DESIGN) – DETAILS OF ITR

17.  Rapidly build a replica of your UI  Low fidelity techniques: Paper prototyping Video prototyping – without any single code (Photoshop)  High fidelity techniques: Interactive prototyping: (HTML, JavaScript, Flas h) – code development  Reason for prototyping is because we don’t want to get locked in implementation – spend much time here 17 © PROTOTYPING INTERFACES

18. Formative  Are we building the right thing?  What should be different in the next iteration? Summative  Does it work? Is it better than the existing solutions?  Can this teach us something about how people or the world work? 18 © EVALUATION - QA

19. 19 © INTRODCUTION TO BE CONTINUED TO BE CONTINUED CREATE THE GROUP CHAT

20. 20