HUMAN COMPUTER INTERACTION
HCI 101: Week 2
:
Session 1
Conceptualising interaction
Dr. Sameer Sahasrabudhe
What is interaction?
Imagine these scenarios
Calling from a local phone booth
Calling from a cellphone
What is the difference in the experience?
Recap
Observations
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
Observations
Cellphone (touchscreen)
Intended for all user groups
Complex functionality, steep learning curve
Save frequently dialed numbers, and press the hot-key to call any of those
May be an inconvenience to others!
No support for the visually impaired
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
U
nderstanding the problem
Example:
Problems with a measuring tape
Version 1 Version 2
Think - Pair - Share
U
nderstanding 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
----------------------------------------------------
Kiosks
Mobile apps
You are here.
But
where
is this place?
How has our navigation evolved?
What has
changed
in this interaction?
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
Conceptual models
Two main types:
based on activities
based on objects
CONCEPTUAL MODELS
based on Activities
Instructing
Conversing
Manipulating and navigating
Exploring and browsing
CONCEPTUAL MODEL: Instructing
Accessing the information/getting the result
by instructing the system
Examples
Issue instruction to the system to perform a task (
Print a page)
Reminder for appointments (Wake me up at 6:30 AM)
Preferable for repeti
tive tasks
CONCEPTUAL MODEL: Conversing
Converse with the system to get information/result
Examples
Train time inquiry system
Search engines
Preferable when user needs specific kind of information
CONCEPTUAL MODEL:
Manipulating and Navigating
Navigate within the system using the knowledge of the user about the objects in physical world
Examples
Computer Desktop screen
Solitare card game
Physical action of button pressing instead of giving
command/asking a query (complex syntax)
CONCEPTUAL MODEL:
Browsing and Exploring
Search, browse, and find different kind of information
Examples
Train time inquiry system
Search engines
Preferable when user needs specific kind of information
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
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
Activity
What could be the options for a visitor
on Somaiya Campus to navigate without problems?
Mobile App
Kiosk
Activity
What could be the options for a visitor
on Somaiya Campus to navigate without problems?
Mobile App: 2nd Years
Kiosk: 3rd years
Activity
What could be the options for a visitor
on Somaiya Campus to navigate without problems?
Stage 1
Create User profile
Made with Slides.com