anirudha joshi idc, iit bombay · don’t know what to build 3. distance from users 4. dynamic...

43
Anirudha Joshi IDC, IIT Bombay

Upload: others

Post on 03-Aug-2020

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

Anirudha Joshi

IDC, IIT Bombay

Page 2: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design
Page 3: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

HCI design process (AJ)

Garret’s model (JJG)

Contextual design process (HB/KH)

Usability engineering lifecycle (DM)

Goal driven design (AC/RR)

Page 4: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

1. Complexity

2. Don’t know what to build

3. Distance from users

4. Dynamic situation

5. Distance from making

Inh

ere

nt

resis

tan

ce

to c

ha

nge

“not like us”

Design for a

population, but...

... meet the needs of

an individual

User needs and

expectations change

Products change

the society

Problem setting

Problem solving

Designers design, producers produce

Technology changes

Collaboration

Page 5: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

Activities Methods Deliverables

Design

Process

Page 6: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

What

mat ters?

How should

we respond?

How are

we doing?

How should

the product be

designed?

How should

the design be

detailed?

How should

the design be

detailed?

Divergence

Transformation

Convergence

User needs, problems, goals, constraints

Design opportunities, product goals

Specifications for development

and deployment

Stake Holder Interviews Contextual InquiryFocus GroupsCompetitive product analysis

Affinity

Work Models

Mindmaps

Personas

BrainstormingParticipatory designTRIZ, QFD etc.Interaction designInformation architecture

Design ideas

Scenarios, storyboards

Low-fidelity prototypes

Usability problems

Design changes

Metrics

FeasibilityRedesignInterface design

Information designNavigation design

Visual designProduct form design

Detailed models

Screenshots

EthnographersBusiness analystsDomain expertsClient / business stakeholdersDesignersUsers

DesignersBusiness analystsEngineersClient / business stakeholdersUsers

DesignersEngineers

Product definition

Business model

How are we

doing?

How are we

doing?

How should

we respond?

How should

we respond?

What

matters?

What

matters?

Prototypes

Heuristic EvaluationCognitive walkthrough

Think aloud tests

Usability expertsDesigners

Users

Development support reviewsPerformance tests, field trials

Usability expertsUsers

Minor tweaks, metrics

Usability expertsDesigners

EngineersClients / businessUsability experts

87

6

5

4

3

2

1

6

Page 7: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

User studies, modelling, competitive product analysis

Ideation

Product definition / IA / wireframes

Usability evaluation 1 (formative) and refinement

UI prototyping

Usability evaluation 2 (formative) of prototype

Development support by usability team

Usability evaluation 3 (summative) of an early version

Stake Holder Interviews Contextual InquiryFocus GoupsCompetitive product analysis

BrainstormingParticipatory designTRIZ, QFD etc.Interaction designInformation architecture

FeasibilityRedesignInterface design

Information designNavigation design

Visual designProduct form design

Heuristic EvaluationCognitive walkthrough

Think aloud tests

Development support reviewsPerformance tests, field trials8

7

6

5

4

3

2

1

6

Page 8: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

1. User studies, modelling, competitive product analysis

2. Ideation

3. Product definition / IA / wireframes

4. Usability evaluation 1 (formative) and refinement

5. UI prototyping

6. Usability evaluation 2 (formative) of prototype

7. Development support by usability team

8. Usability evaluation 3 (summative) of an early version

Page 9: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Page 10: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Page 11: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

HCI design process (AJ)

Garret’s model (JJG)

Contextual design process (HB/KH)

Usability engineering lifecycle (DM)

Goal driven design (AC/RR)

Page 12: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Page 13: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Page 14: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Strategy Scope Structure Skeleton Surfacetime

effort

Page 15: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Strategy Scope Structure Skeleton Surfacetime

effort

Page 16: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Strategy Scope Structure Skeleton Surfacetime

effort

Page 17: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Strategy Scope StructureSkeleton Surface

time

effort

Page 18: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Strategy

Scope

StructureSkeleton

Surface

time

effort

Page 19: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Deborah Mayhew

Page 20: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Page 21: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Page 22: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Page 23: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Page 24: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Hugh Beyer

Karen Holtzblatt

Page 25: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

We need ways to find user data

We need ways to represent user data

We need ways to share user data

Respond to the complete picture

Designing from data is still a creative leap

Page 26: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Provides explicit steps and deliverables

Optimized for large projects

Externalizes good design practice

Designing from data is still a creative leap

Page 27: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Contextual Inquiry

Work Modeling

Page 28: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Affinity Diagram

Consolidation of Work Models

Page 29: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Work Redesign

User Environment Design

Mock up and test with users

Page 30: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

What

Mat ters?

How should

we respond?

How are

we doing?

How should the system be

st ructu red?

Page 31: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Contextual Inquiry

System Redesign an d

Wo rk Redesign

User Environment Design

(New Conceptual

Model Design)

Work Modelling

Mock up and Test

Consolidat ion and

Aff inity

What

Mat ters?

How should

w e respond?

How are

we doing?

How should

the system be st ructured?

Page 32: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Alan Cooper

Robert Reimann

Page 33: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Initiate

Design

Code

Test

Ship

Page 34: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Initiate - managers

Design - designers

Code - programmers

Test - QA / Usability

Ship - marketing

Page 35: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Initiate - managers

Design - designers

Code - programmers

Test - QA / Usability

Ship - marketing

Bug reports

Page 36: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Initiate

Design

Code

Test

Ship

Page 37: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Research

Page 38: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Research

Modelling

Page 39: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Research

Modelling

Requirements

Page 40: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Research

Modelling

Requirements

Framework

Page 41: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Research

Modelling

Requirements

Framework

Refinement

Page 42: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

© IDC, IIT Bombay

Research

Modelling

Requirements

Framework

Refinement

Page 43: Anirudha Joshi IDC, IIT Bombay · Don’t know what to build 3. Distance from users 4. Dynamic situation 5. Distance from making ... Low-fidelity prototypes Usability problems Design

HCI design process (AJ)

Garret’s model (JJG)

Contextual design process (HB/KH)

Usability engineering lifecycle (DM)

Goal driven design (AC/RR)