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


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

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?




Bagel smart tape measure

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?


7-inspiring-wireframes-prototypes-weather-apps
Matt Sclarandis’s Weather App Wireframe on Behance

Where is this going?


2-inspiring-wireframes-prototypes-healthcare
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

Conceptual models




Two main types:
  • based on activities
  • based on objects

CONCEPTUAL MODELS
based on Activities 




  1. Instructing: Reminders 'Wake me up at 6:30 AM'
  2. Conversing: IVR systems
  3. Manipulating and navigating: Computer screen
  4. 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

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

Made with Slides.com