Download - UX Evolution Mindset & Methods
![Page 1: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/1.jpg)
User Experience Design
Evolution, Mindset, and Methods
Prepared by Dorothy M. Danforth for DelVal HF&ES
![Page 2: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/2.jpg)
About Me
Dorothy M. Danforth
President, Danforth Media
● Design strategy consultant
● 20 years practicing user-centered design
● Trained as fine artist, PDS & Metalwork
● Software programmer, web designer
● Kayaker, DIY-er, science nerd
![Page 3: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/3.jpg)
Presentation
Evolution, Mindset, Methods
1. The User Experience Revolution
2. The Role of Research
3. User-Centered Case Study
4. Iterative Design Case Study
![Page 4: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/4.jpg)
The User Experience Revolution
![Page 5: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/5.jpg)
All user-facing software has a user experience
Not all software
is designed using human-focused methods
![Page 6: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/6.jpg)
Software Was Really Bad
User Experience Design
![Page 7: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/7.jpg)
Common Vision, Different Flavors
● Human Computer Interaction
• 1980s
• Usability
• Goal Directed Design
• User Centered Design
• User Experience Design
…and many more.
19
90
s
![Page 8: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/8.jpg)
An Evolving Definition
…it’s not User Interface
…it’s not Usability
…it’s not Marketing
…but it is...
(Basically, we still can’t agree.)
‘‘User experience’
encompasses all aspects of
the end-user's interaction with
the company, its services,
and its products.” – NN/g
![Page 9: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/9.jpg)
UX in 200 Words…
● “UX is community”
● “UX: An RX for Humanity”
● “User Experience is a
commitment to developing
products and services with
purpose, compassion, and
integrity”
● “UX as an approach for
organizations to add value to
what they offer”http://www.giantux.com/category/ux-in-200-words-or-less/
![Page 10: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/10.jpg)
So, really, what is it?
● User Experience Design
● Visual Design
● Interaction Design
● Information Architecture
● Content Strategy
…and so on
● User Centered Design
● Contextual Inquiries
● Personas
● User Narratives
● User Testing
…and so on
![Page 11: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/11.jpg)
● Empathy
● Active Listening?
Empathy. Think like a user to design for one. ..
![Page 12: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/12.jpg)
Storytelling. Our brains are wired for stories.
![Page 13: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/13.jpg)
Delight. Delighting users drives conversions.
![Page 14: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/14.jpg)
The Role of Research
(or research-like activities)
![Page 15: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/15.jpg)
What the heck are they doing over there?
![Page 16: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/16.jpg)
Applied Research
● Its not really science
(or academia)
● Exploratory
● Insights, not proof
● Best practice methodsDramatization: A user study gone very wrong.
![Page 17: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/17.jpg)
Design Research Strategy
Good strategies
use multiple methods
to uncover a breadth
and depth of
information
Chris Jordan’s ‘Cans Seurat’ (2007)
Quantitative
Qualitative
![Page 18: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/18.jpg)
Contextual Inquiry
![Page 19: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/19.jpg)
User Testing
![Page 20: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/20.jpg)
User Testing
![Page 21: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/21.jpg)
Card Sorting
![Page 22: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/22.jpg)
Surveys & Quantitative Tests
![Page 23: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/23.jpg)
User Centered, Iterative Design
(failing until you succeed)
![Page 24: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/24.jpg)
User Centered: Case Study
Contextual Inquiry
User Testing
![Page 25: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/25.jpg)
Design Planning
1. Design KickoffPriority
ScreensPersona
2. PersonaDefine User Narratives
Workflows
3. WorkflowsFinalize Key Narratives
Content Priorities
4. Home DesignCollaborative
SessionDashboard
5. OS&D DesignCollaborative
SessionPlanning Screens
Five work sessions
Collaborative
![Page 26: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/26.jpg)
Persona
![Page 27: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/27.jpg)
User Narratives
“Missy is just back from lunch and would
like to continue processing trailers that
have been “inbounded” in the morning.
Workers have been uploading scanners
as they complete each trailer. Scanner
information is automatically updated so
when Missy begins, everything is ready and up to date in the system.
Missy clicks on the application window already open to the Inbound
screen. From Inbound she clicks through to the Trailers screen to view
the status of all trailers…”
![Page 28: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/28.jpg)
User NarrativesMissy will get lost if we
include all those options
and something goes
wrong…so, what specific
decisions will Missy need
to make here?
![Page 29: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/29.jpg)
Narratives to Workflows
![Page 30: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/30.jpg)
Design
![Page 31: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/31.jpg)
Design
![Page 32: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/32.jpg)
Iterative Design
User Testing
![Page 33: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/33.jpg)
Research Planning
![Page 34: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/34.jpg)
Early Concepts
![Page 35: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/35.jpg)
Paper Prototype
![Page 36: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/36.jpg)
Clickable PDF
![Page 37: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/37.jpg)
Interactive Prototype
![Page 38: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/38.jpg)
Evolved into Production
![Page 40: UX Evolution Mindset & Methods](https://reader031.vdocuments.mx/reader031/viewer/2022020110/55943e2a1a28abe35b8b46ce/html5/thumbnails/40.jpg)
Thank You.