50
UX and

UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

  • Upload
    others

  • View
    12

  • Download
    0

Embed Size (px)

Citation preview

Page 1: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

UX and

Page 2: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Thalēs ~ 624 - 546 BC

Philosopher MathematicianAstronomer

Page 3: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

A

C

E

B

D

ADAB

DEBC=

Page 4: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

“Give advice to someone else”

~ Thalēs

Page 5: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

KEY FIGURES

1,800 500 M € 80%staff members in the Netherlands

worth sales in 2015 of which is export

Page 6: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Professional electronics

Defence and security applications

Railroad infrastructure

Public transport systems

Radar and communication systems

Page 7: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 8: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Wouter HoogstraDelftEnschede

ZuidlarenInterfaces

Ermelo

SnowboardingItalian foodSpinning

Movies

Page 9: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

in DELFT

Page 10: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Human Factors

Page 11: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Human Factors SpecialistEngineering Psychologist

Industrial Design Engineer

Page 12: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

KEY FIGURES

1,800 500 M € 80%staff members in the Netherlands

worth sales in 2015 of which is export

3

Page 13: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

UX?Helicopter

Emergency Medical Service

Page 14: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

VS.

Page 15: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

User experience encompasses all aspects of the end-user's interaction with the company, its services, and its products.

~ Norman and Nielsen

Page 16: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 17: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Degr

ees

of fr

eedo

m

System discussion Cosmetics

Development time

Design options

Page 18: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

User research

Ethnography

Experience mapping

Wireframing

Interaction design

Graphic design

Field researchUsability testing

Prototyping

Use cases

Personas

Task analysisBrainstormingDesign

patterns

Workflow

StoryboardingUser

documentation

Page 19: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Agile development

Product backlogSprint planning

Shippable productSprint backlog

Page 20: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 21: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

USERRESEARCH

ASSESS

ADAPT

DESIGN

Page 22: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

USERRESEARCH

ASSESS

ADAPT

DESIGNAgile

Page 23: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Scenario

Use case

Prototype

Requirements

Time

Page 24: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Human factors

End users

Developers

Time

Page 25: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Scenario

Use case

Prototype

Requirements

Time

Page 26: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Scenarios

Users

Problem

Environment

Page 27: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Scenario

Use case

Prototype

Requirements

Time

Page 28: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Use cases

Goals

Preconditions

Interactions

Page 29: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Scenario

Use case

Prototype

Requirements

Time

Page 30: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Workflow

Skeletal frameworkLayout

ContentInteraction

Page 31: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Physical prototype

DemonstrationTangible

Low effort and costFeedback

Page 32: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Human factors

End users

Developers

Time

Page 33: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Usability testing

Targeted userObserve and analyse

FixPrioritise

Page 34: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Nice and all, but what can I expect?

Page 35: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Scenario

Page 36: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Fram

ewor

k an

d us

e ca

ses

Page 37: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Workflow

Page 38: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 39: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 40: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 41: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 42: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 43: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 44: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 45: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 46: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 47: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 48: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming
Page 49: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Try-fail-retryTest

Start earlyUser-centered

Wrap-up

Page 50: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming

Thanks for listening!