HUMAN COMPUTER INTERACTION
SIES, Nerul
Dr. Sameer Sahasrabudhe
Senior Project Research Scientist
Dept of Computer Science and Engineering
IIT Bombay
HUMAN
COMPUTER
INTERACTION
HUMAN
COMPUTER
INTERACTION
HUMAN
COMPUTER
INTERACTION
What is the interactioN?
Using a coin phone
What is the experience?
Think - Pair - Share
OBSERVATIONS
Coin (Public) phone
- Public phones are designed to be used by the general public
- Insert money and key in the phone number
- If engaged or unable to connect the money is returned when the receiver is replaced
- Money gets inside the box if phone gets connected
- Insert more money to extend the call
- Many have Braille embossed on the keys
- Public phones are designed to be used by the general public
- Insert money and key in the phone number
- If engaged or unable to connect the money is returned when the receiver is replaced
- Money gets inside the box if phone gets connected
- Insert more money to extend the call
- Many have Braille embossed on the keys
WHAT IS THE INTERACTION?
Using a cell phone
What is the experience?
Think - Pair - Share
OBSERVATIONS
Cell (Touch) phone
- Intended for PERSONAL USE
- Complex functionality
- Steep learning curve
- Save frquently dialled numbers, Use hot keys to call
- Lots of nuisance value
- No support for visually impaired...unless speech recognition works
- Intended for PERSONAL USE
- Complex functionality
- Steep learning curve
- Save frquently dialled numbers, Use hot keys to call
- Lots of nuisance value
- No support for visually impaired...unless speech recognition works
Process of interaction design
1. Identifying needs and establishing requirements
2. Developing alternative designs that meet those requirements.
3. Building interactive versions of the designs so that they can be communicated and assessed.
4. Evaluating what is being built throughout the process
Understanding problem space
Asking the users if the product will address their problems
Getting feedback
Knowing the details of the problems they have
Understanding the problem
Example: Problems carpenters face with a measuring tape
Understanding the problem
Example: Problems with a measuring tape
Version 1 Version 2
Think - Pair - Share
Understanding the problem
Example: Problems with a measuring tape
Version 1 Version 2 Version 3
Think - Pair - Share
What interaction is added?
Tape with marking facility!
What interaction is added?
Digital tape
What interaction is added?
Digital measuring tape with laser beam and a display
More advanced?
How has our navigation evolved?
Refer Maps
Ask people
Remember landmarks
Make Calls
Sign boards
----------------------------------------------------
You are here.
But where is this place?
How has our navigation evolved?
What has changed in this interaction?
Where is this going?
Matt Sclarandis’s Weather App Wireframe on Behance
Where is this going?
Marc Caldwell’s Logic ‘n’ Flow wireframe series on Dribbble
Conceptual models
Description of the system in terms of
-
set of integrated ideas
-
what should it do, behave, and look like
This description should be understandable by the users
in an intended manner
in an intended manner
Conceptual models
Two main types:
-
based on activities
-
based on objects
CONCEPTUAL MODELS
based on Activities
- Instructing: Reminders 'Wake me up at 6:30 AM'
-
Conversing: IVR systems
-
Manipulating and navigating: Computer screen
-
Exploring and browsing: Kiosks, Websites
CONCEPTUAL MODELS
based on Objects
Focus is on the way a particular object is used
in a specific context
Example: Ledger for recording data
CONCEPTUAL MODELS
based on Objects
Focus is on the way a particular object is used
in a specific context
Example: Ledger for recording data
Focus is on the way a particular object is used
in a specific context
Example: Ledger for recording data
CONCEPTUAL MODELS
based on Objects
Focus is on the way a particular object is used
in a specific context
Example: Ledger for recording data: SPREADSHEETs
Development process
Ideate
Create (Prototype)
Test
Get feedback
Analyse
Modify
DEVELOPMENT PROCESS
Ideate
Create (Prototype)
Test
Get feedback
Analyse
Modify
.
Thank you
ssameers.wordpress.com
samss@it.iitb.ac.in
Facebook: sameerss23
Twitter: iamsameerss
HCI_SIES
By Sameer Sahasrabudhe
