54
Design is everywhere, or at least, that’s what they say Introduction to I300 Omar Sosa-Tzec School of Informatics & Computing Indiana University Bloomington info i300 Human-Computer Interaction Fall 2016

Introduction to Human-Computer Interaction and Interaction Design

Embed Size (px)

Citation preview

Page 1: Introduction to Human-Computer Interaction and Interaction Design

Design is everywhere, or at least, that’s what they sayIntroduction to I300

Omar Sosa-Tzec School of Informatics & Computing Indiana University Bloomington

info i300 Human-Computer Interaction Fall 2016

Page 2: Introduction to Human-Computer Interaction and Interaction Design

Design Disruptorshttps://youtu.be/9I-Y6VQ6tyI

Page 3: Introduction to Human-Computer Interaction and Interaction Design

What's going on here?

Page 4: Introduction to Human-Computer Interaction and Interaction Design
Page 5: Introduction to Human-Computer Interaction and Interaction Design
Page 6: Introduction to Human-Computer Interaction and Interaction Design
Page 7: Introduction to Human-Computer Interaction and Interaction Design

•People? •Phone's tech power? •Marketing? •Culture? •Age? •Fashion?

Page 8: Introduction to Human-Computer Interaction and Interaction Design

HCI

Page 9: Introduction to Human-Computer Interaction and Interaction Design

Intersection between the social and behavioral sciences on the one hand, and computer and information technology on the other.

Carroll (2003)

Page 10: Introduction to Human-Computer Interaction and Interaction Design

It is concerned with understanding how people make use of devices and systems that incorporate or embed computation…

Carroll (2003)

Page 11: Introduction to Human-Computer Interaction and Interaction Design

… and how such devices and systems can be more useful and more usable.

Carroll (2003)

Page 12: Introduction to Human-Computer Interaction and Interaction Design

HCI professionals analyze and design user interfaces and new user interface technologies.

Carroll (2003)

Page 13: Introduction to Human-Computer Interaction and Interaction Design

HCI professionals analyze and design user interfaces and new user interface technologies.

Carroll (2003)

Research

Page 14: Introduction to Human-Computer Interaction and Interaction Design

HCI professionals analyze and design user interfaces and new user interface technologies.

Carroll (2003)

Practice

Page 15: Introduction to Human-Computer Interaction and Interaction Design

UCD

Page 16: Introduction to Human-Computer Interaction and Interaction Design
Page 17: Introduction to Human-Computer Interaction and Interaction Design

Research

Page 18: Introduction to Human-Computer Interaction and Interaction Design

Design

Page 19: Introduction to Human-Computer Interaction and Interaction Design

Evaluation

Page 20: Introduction to Human-Computer Interaction and Interaction Design

UX

Page 21: Introduction to Human-Computer Interaction and Interaction Design
Page 22: Introduction to Human-Computer Interaction and Interaction Design
Page 23: Introduction to Human-Computer Interaction and Interaction Design

Research

Observation Interviews

Survey Focus group

Design

Interaction Flows Paper prototypes

Wireframes High-fi prototypes

Evaluation

Usability testing Heuristic

Evaluation

User Experience Design

Page 24: Introduction to Human-Computer Interaction and Interaction Design

IxD

Page 25: Introduction to Human-Computer Interaction and Interaction Design
Page 26: Introduction to Human-Computer Interaction and Interaction Design

The big picture

Page 27: Introduction to Human-Computer Interaction and Interaction Design

User

Page 28: Introduction to Human-Computer Interaction and Interaction Design

User

Page 29: Introduction to Human-Computer Interaction and Interaction Design

User

Needs

Page 30: Introduction to Human-Computer Interaction and Interaction Design

User

Needs

Client

Page 31: Introduction to Human-Computer Interaction and Interaction Design

User

Needs

Client

Page 32: Introduction to Human-Computer Interaction and Interaction Design

User

Needs

Client

You: UX Designer

Page 33: Introduction to Human-Computer Interaction and Interaction Design

User

Needs

Client

You: UX Designer

Requirements

Page 34: Introduction to Human-Computer Interaction and Interaction Design

User

Needs

Client

You: UX Designer

Requirements

Page 35: Introduction to Human-Computer Interaction and Interaction Design

User

Needs

Client

You: UX Designer

Requirements

Research

Page 36: Introduction to Human-Computer Interaction and Interaction Design

User

Needs

Client

You: UX Designer

Requirements

Design

UX Design

Page 37: Introduction to Human-Computer Interaction and Interaction Design

User

Needs

Client

You: UX Designer

Requirements

Design

Test

Page 38: Introduction to Human-Computer Interaction and Interaction Design

There is:

A client with certain requirements

A user with certain needs

A product that is intended to fulfill the requirements and needs, and additionally, to provide a great UX

Page 39: Introduction to Human-Computer Interaction and Interaction Design

There is:

A client with certain requirements

A user with certain needs

A product that is intended to fulfill the requirements and needs, and additionally, to provide a great UX

Page 40: Introduction to Human-Computer Interaction and Interaction Design

There is:

A client with certain requirements

A user with certain needs

A product that is intended to fulfill the requirements and needs, and additionally, to provide a great UX

Page 41: Introduction to Human-Computer Interaction and Interaction Design

There is:

A client with certain requirements

A user with certain needs

A product that is intended to fulfill the requirements and needs, and additionally, to provide a great UX

Is that simple? Hooray!

Page 42: Introduction to Human-Computer Interaction and Interaction Design

NO

Page 43: Introduction to Human-Computer Interaction and Interaction Design

Your design won't live in a vacuum…

Page 44: Introduction to Human-Computer Interaction and Interaction Design

Image: http://www.psych.ox.ac.uk/research/neurobiology-of-ageing/@@images/image

Page 45: Introduction to Human-Computer Interaction and Interaction Design

Research

Observation Interviews

Survey Focus group

Design

Interaction Flows Paper prototypes

Wireframes High-fi prototypes

Evaluation

Usability testing Heuristic

Evaluation

User Experience Design

Page 46: Introduction to Human-Computer Interaction and Interaction Design

Mini-project 1

Page 47: Introduction to Human-Computer Interaction and Interaction Design

Part 1 due tonight at 11:59 PM

Part 2 due Wednesday night, also before midnight

Page 48: Introduction to Human-Computer Interaction and Interaction Design

Part 1 only requires you to select one context of use and explain what you would design for the people frequenting that place.

Page 49: Introduction to Human-Computer Interaction and Interaction Design

Part 2 requires you to interview briefly three people from that place. Don't talk to anyone without having the first part finished. You will need to report your insights for this part.

Page 50: Introduction to Human-Computer Interaction and Interaction Design

Each part has its Canvas assignment post

Page 51: Introduction to Human-Computer Interaction and Interaction Design

I already posted some readings that will be useful for this mini-project. Please, take a look at them.

Page 52: Introduction to Human-Computer Interaction and Interaction Design

You may start using your I300 supplies for this mini-project

Page 53: Introduction to Human-Computer Interaction and Interaction Design

Let's review the syllabus

Page 54: Introduction to Human-Computer Interaction and Interaction Design

Thanks!

@omitzec tzec.com

Note: Images taken from the Web just for pedagogical purposes. Copyright may apply.