Deep neural networks outperform human expert's capacity in ...
UX Design Deliverables: Expert's Choice
-
Upload
lilia-manguy -
Category
Design
-
view
13.822 -
download
8
description
Transcript of UX Design Deliverables: Expert's Choice
UX DESIGN DELIVERABLES: EXPERT'S CHOICELilia Manguy, Principle UX Designer & OwnerPurplePurr Studios
04/07/2023
2
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SETTING EXPECTATIONS Focus is on choosing deliverables NOT creating
them Will not be covering prototypes due to scope
limitations 15-20 minutes for Q & A at the end Interactive portion – please participate! Not meant to be comprehensive – not enough time Twitter hashmark: #UXsxsw
04/07/2023
3
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
A BIT ABOUT MYSELF Began career as an intern at Hotwired.com in 1997 Master Information Management & Systems, 2006
Agencies
Projects
04/07/2023
4
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
WHY USER EXPERIENCE DESIGN DELIVERABLES?Recognize any of these situations?
Client doesn’t understand methodology & findings
Internal disagreement with your team about best deliverables
Lack of standardization – reinventing the wheel
Where do I start?
04/07/2023
5
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
AGENDA
04/07/2023
6
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
USER EXPERIENCE DESIGN DELIVERABLESI. DefinitionII. Selection & CreationIII. PresentationIV. Tools
04/07/2023
7
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
DEFINITION
04/07/2023
8
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
I. USER EXPERIENCE DELIVERABLES: DEFINITION A deliverable is documentation/artifact of the UX design
process for the purpose of communicating the result to others
Why is it important?
A deliverable is important because, when executed effectively, it compels your client or team to understand the importance of your findings so they care and want to take action.
04/07/2023
9
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
UX DELIVERABLES: EXAMPLES
04/07/2023
10
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION & CREATION
04/07/2023
11
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
II. USER EXPERIENCE DELIVERABLES: SELECTION & CREATION1. Define the focus for your deliverables
Your goals Level of project detail Your audience Their language
2. Map your deliverables to your process and focus3. Format following best practices
04/07/2023
12
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION & CREATION1. Define the focus of your deliverables Your goals
To sell / seduce / convert? To change minds? To validate an assumption?
Level of detail required Big picture / overview? Complex
Your audience Familiar with the UX process? Need lots of definitions and explanations?
Their language Analytical – quantitative (statistics, dollars & cents) Relational – qualitative (anecdotes, comments & quotes)
04/07/2023
13
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION & CREATION2. Choose your deliverables according your process and focus
Sitemap Wireframes User flows Storyboard
s
ValidationDesignConceptingSynthesisResearch
User testing Focus groups Surveys
Concept model
Mental model Mood boards
Personas & scenarios
Functional specs
Taxonomy
Stakeholder interviews
Contextual inquiry
Task analysis Site metrics Market research Competitive
analysis Site audit /
content inventory
UX Design Process
04/07/2023
14
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION & CREATION EXAMPLE Focus
Goal: To sell a new interaction model Detail: Complex transactions are involved Audience: New to UX Language: Quantitative – the client responds to profit and costs
Your UX Process1. Competitive analysis2. Personas & scenarios3. Interaction flow4. Sitemap5. Wireframes
04/07/2023
15
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
INTERACTIVE PART!
04/07/2023
16
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION & CREATION EXAMPLE (CONT.) Focus
Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative
($)
Your UX Process1. Competitive
analysis2. Personas & scenarios3. Interaction flow4. Sitemap5. Wireframes
A.
B.
C.
D.
#UXSXSW
17
"User Experience Design Deliverables: Expert's Choice" - Lilia M
anguySELECTION & CREATION EXAMPLE (CONT.) Focus
Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative
($)
Your UX Process1. Competitive analysis2. Personas &
scenarios3. Interaction flow4. Sitemap5. Wireframes
A.
B.
C.
D.
E.
#UXSXSW
18
"User Experience Design Deliverables: Expert's Choice" - Lilia M
anguySELECTION & CREATION EXAMPLE (CONT.) Focus
Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative
($)
Your UX Process1. Competitive analysis2. Personas & scenarios3. Interaction model4. Sitemap5. Wireframes
A.
B.
19
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION & CREATION EXAMPLE (CONT.) Focus
Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative
($)
Your UX Process1. Competitive analysis2. Personas & scenarios3. Interaction model4. Sitemap5. Wireframes
A.
B.
C.
D.
E.
04/07/2023
20
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION & CREATION EXAMPLE (CONT.) Focus
Goal: To sell Detail: Complex Audience: New to UX Language: Quantitative
($)
Your UX Process1. Competitive analysis2. Personas & scenarios3. Interaction model4. Sitemap5. Wireframes
A.
B.
C.
04/07/2023
21
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
Want more deliverable examples?
GOOD RESOURCES
04/07/2023
22
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION RESOURCESPeter Morville’s User Experience Treasure Map
http://semanticstudios.com/publications/semantics/000228.php
04/07/2023
23
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION RESOURCESNathan Curtis’s “Instant Deliverable Mix”
http://www.nathancurtis.com/wp-content/uploads/2008/PagePatternPoster.Final.pdf
04/07/2023
24
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
FORMATTING DELIVERABLES
04/07/2023
25
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SELECTION & CREATION3. Format your deliverable following best practices
client logo
your agency/business logo
project name date page number
uncluttered; lots of white space
copyright
page title
annotations
04/07/2023
26
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
page title
annotations
client logo your agency/business logo
disclaimer:Wireframes DO NOT imply final grid, rather purpose of page and key assets and global navigation
Fold 600px
SELECTION & CREATION3. Format your deliverable following best practices (cont.)
04/07/2023
27
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
III. USER EXPERIENCE DELIVERABLES: PRESENTATION Tell a story with your deliverables: the UX Brief
What is a User Experience Brief?
A user experience brief is detailed explanation of your user experience design strategy written in a narrative style.
Why is it important?
A user experience brief is important because it fills in the holes that a collection of deliverables doesn’t address.
04/07/2023
28
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
USER EXPERIENCE BRIEF: EXAMPLE
Cover TOC Intro / Problem
Statement
Deliverable: Stakeholder interviews
Deliverable: Concept model
Deliverable: Wireframe
Deliverable: Wireframe
Deliverable: Wireframe
04/07/2023
29
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
USER EXPERIENCE BRIEF: EXAMPLE (CONT.)
Next Steps Appendix Supplemental Info
Supplemental Info Thank You (+ contact info)
04/07/2023
30
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
IV. USER EXPERIENCE DELIVERABLES: TOOLS Software
Omnigraffle (Mac) Visio (PC) InDesign (Mac & PC)
Features Shape Libraries Background templates Multiple pages
04/07/2023
31
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
SUMMARY DEFINITION
A deliverable is an artifact of your user experience design process that, when most effective, compels your intended audience to take an intended action
SELECTION & CREATION Define the focus of your deliverables Map to your UX process Format according to best practices
PRESENTATIONTell a story with your deliverables: the UX brief
TOOLSOmnigraffle (Mac), Visio (PC), InDesign (Mac & PC)
04/07/2023
32
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
RESOURCES Semantic Studios -
http://semanticstudios.com/publications/ Nathan Curtis - http://nathancurtis.com/ Boxes & Arrows - http://boxesandarrows.com/ Adaptive Path: http://www.adaptivepath.com/
04/07/2023
33
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
#UXSXSW
Thank you!