UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability...
Transcript of UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability...
![Page 1: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/1.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/2.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/3.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/4.jpg)
“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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/5.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/6.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/7.jpg)
![Page 8: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/8.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/9.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/10.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/11.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/12.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/13.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/14.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/15.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/16.jpg)
![Page 17: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/17.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/18.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/19.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/20.jpg)
![Page 21: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/21.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/22.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/23.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/24.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/25.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/26.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/27.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/28.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/29.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/30.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/31.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/32.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/33.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/34.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/35.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/36.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/37.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/38.jpg)
![Page 39: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/39.jpg)
![Page 40: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/40.jpg)
![Page 41: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/41.jpg)
![Page 42: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/42.jpg)
![Page 43: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/43.jpg)
![Page 44: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/44.jpg)
![Page 45: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/45.jpg)
![Page 46: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/46.jpg)
![Page 47: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/47.jpg)
![Page 48: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/48.jpg)
![Page 49: UX and · Ethnography Experience mapping Wireframing Interaction design Graphic design Usability Field research testing Prototyping Use cases Personas Task analysis Design Brainstorming](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/49.jpg)
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](https://reader036.fdocuments.net/reader036/viewer/2022081611/5f0a91577e708231d42c44ef/html5/thumbnails/50.jpg)
Thanks for listening!