2. Human Computer Interaction by Alan 3rd
Edition
Designing User Interface: Strategies for
Effective Human Computer Interaction by Ben
Shmeiderman 4th Edition
3. The Human, Computer & Interaction
Usability Paradigm &Principles
Design Basics, Design Rules
User Experience Design-UX
Prototyping, Evaluation Techniques
Task Analysis
Universal Design and User Support
User Centered Design
Groupware, pervasive and ubiquitous
applications
4. understand what HCI is and why it is important;
understand usability; that is, how to design digital
interactive products that effectively meet people’s
needs
carry out a complete user-Centered design
process, including user studies, prototyping, and
evaluation
5. Basic of HCI
What is a Human and Computer
How Interaction take place
History of HCI
What is HCI?
Discipline Contributing in HCI
Designing a System
6. Information i/o …
◦ visual, auditory, movement
Information stored in memory
◦ sensory, short-term, long-term
Information processed and applied
◦ reasoning, problem solving, skill, error
Emotion influences human capabilities
Each person is different
7. A computer system is made up of various elements each of
these elements affects the interaction
◦ input devices – text entry and pointing
◦ output devices – screen (small & large), digital paper
◦ physical interaction – e.g. sound, haptic, bio-sensing
◦ paper – as output (print) and input (scan)
◦ memory – RAM & permanent media
◦ processing – CPU,speed of processing,
8. to understand human–computer interaction
… need to understand computers!
9. screen, or monitor, on which there are windows
keyboard
mouse/trackpad
variations
◦ desktop
◦ laptop
◦ PDA
the devices dictate the styles of interaction that the
system supports
If we use different devices, then the interface will
support a different style of interaction
10. computers in your house?
◦ hands up, …
… none, 1, 2 , 3, more!!
computers in your pockets?
are you thinking …
… PC, laptop, PDA ??
11. in your house? in your pockets?
◦ PC
◦ TV, VCR, DVD, HiFi,
cable/satellite TV
◦ microwave, cooker,
washing machine
◦ central heating
◦ security system
can you think of more?
◦ PDA
◦ phone, camera
◦ smart card,
◦ electronic car key
◦ USB memory
try your pockets and bags
12. in your house? in your pockets?
◦ PC
◦ TV, VCR, DVD,
cable/satellite TV
◦ microwave, cooker,
washing machine
◦ central heating
◦ security system
can you think of more?
◦ PDA
◦ phone, camera
◦ smart card
◦ electronic car key
◦ USB memory
try your pockets and bags
14. Interaction models
◦ translations between user and system
Ergonomics
◦ physical characteristics of interaction
Context
◦ Social, organizational, motivational
16. Domain – the area of work under study
e.g. graphic design
Goal – what you want to achieve
e.g. create a solid red triangle
Task – how you go about doing it
– ultimately in terms of operations or actions
e.g. … select fill tool, click over triangle
17. Seven stages of interaction;
◦ user establishes the goal
◦ formulates intention
◦ specifies actions at interface
◦ executes action
◦ perceives system state
◦ interprets system state
◦ evaluates system state with respect to goal
18. user establishes the goal
formulates intention
specifies actions at interface
executes action
perceives system state
interprets system state
evaluates system state with respect to goal
19. user establishes the goal
formulates intention
specifies actions at interface
executes action
perceives system state
interprets system state
evaluates system state with respect to goal
20. user establishes the goal
formulates intention
specifies actions at interface
executes action
perceives system state
interprets system state
evaluates system state with respect to goal
21. user establishes the goal
formulates intention
specifies actions at interface
executes action
perceives system state
interprets system state
evaluates system state with respect to goal
22. Early 1970’s;only humans who interacted with
computers were information technology
professionals.
Later 1970’s; Personal computing, including both
personal software and personal computer made
everyone in the world a potential computer user.
Man – Machine Interface (MMI); Study the only
aspects that user comes in contact with, input
language for user and output language for system.
23. In 1990’s; HCI in border perspective
“A discipline concerned with design, evaluation and
implementation of interactive computer systems
for human use with the study of major phenomena
Surrounding them”
24.
25.
26. Interactive/Interaction Designers: People involved
in the design of all the interactive aspects of a
product
Usability Engineers: People who focus on
evaluating products using usability methods and
principles
UI Designers: People experienced in user-centered
design methodologies
UI Design Engineers: People who develop and
model the end user experience
27. Web Designers: People who develop and create the
visual design of websites, such as layouts &
animations
User Experience Designers: people who do all the
above
28. What is most important when designing
computer systems?
Good programming?
Functionality of the systems
Customer wishes?
Usability of the system
Flashy GUI-interface
29. What is most important when designing
computer systems?
Good programming?
Functionality of the systems
Customer wishes?
Usability of the system
Flashy GUI-interface
30. Purpose & Suitability for Audience
Content
Structure & Ease of Use
Technical Quality
31. Is the purpose clearly stated for intended
audience ?
Is the depth & scope of information
appropriate ?
Is the language used appropriate for intended
audience ?
32. Is information accurate and factual ?
Is the information current; is there an
“updated” date?
Is information arranged for clearly & logically
easy understanding ?
33. Is the information reliable?
Is the site free of typos and other errors ?
Do the graphic images enhance the information?
34. Do external links to other sites work ?
Does it contain information easily downloaded?
Is navigation within the site clear & easy
