UX Design Deliverables: Expert's Choice

UX Design Deliverables: Expert's Choice
Lilia Manguy, Principle UX Designer & Owner
PurplePurr Studios

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
3/13/2010
2
"User Experience Design Deliverables: Expert's Choice" - Lilia Manguy

A Bit About Myself
Began career as an intern at Hotwired.com in 1997
Master Information Management & Systems, 2006
Agencies
Projects
3/13/2010
3

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?
3/13/2010
4

AGENDA
3/13/2010
5

User Experience Design Deliverables
Definition
Selection & Creation
Presentation
Tools
3/13/2010
6

DEFINITION
3/13/2010
7

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.
3/13/2010
8

UX Deliverables: Examples
3/13/2010
9

SELECTION & CREATION
3/13/2010
10

II. User Experience Deliverables: Selection & Creation
Define the focus for your deliverables
Your goals
Level of project detail
Your audience
Their language
Map your deliverables to your process and focus
Format following best practices
3/13/2010
11

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)
3/13/2010
12

SELECTION & CREATION2. Choose your deliverables according your process and focus
3/13/2010
13
Validation
Design
Concepting
Synthesis
Research
UX Design Process
Sitemap
Wireframes
User flows
Storyboards
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

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 Process
Interaction flow
Sitemap
Wireframes
3/13/2010
14

INTERACTIVE PART!
3/13/2010
15

SELECTION & CREATION Example (cont.)
Focus
Goal: To sell
Detail: Complex
Audience: New to UX
Language: Quantitative ($)
Your UX Process
Interaction flow
Sitemap
Wireframes
3/13/2010
16
B.
A.
D.
C.

B.
Focus
Goal: To sell
Detail: Complex
Audience: New to UX
Your UX Process
Interaction flow
Sitemap
Wireframes
A.
C.
D.
E.
17

A.
Focus
Goal: To sell
Detail: Complex
Audience: New to UX
Your UX Process
Interaction model
Sitemap
Wireframes
B.
18

19
B.
A.
Focus
Goal: To sell
Detail: Complex
Audience: New to UX
Your UX Process
Interaction model
Sitemap
Wireframes
D.
C.
E.

3/13/2010
20
B.
A.
Focus
Goal: To sell
Detail: Complex
Audience: New to UX
Your UX Process
Interaction model
Sitemap
Wireframes
C.

Want more deliverable examples?
GOOD RESOURCES
3/13/2010
21

SELECTION RESOURCESPeter Morville’s User Experience Treasure Map
http://semanticstudios.com/publications/semantics/000228.php
3/13/2010
22

SELECTION RESOURCESNathan Curtis’s “Instant Deliverable Mix”
http://www.nathancurtis.com/wp-content/uploads/2008/PagePatternPoster.Final.pdf
3/13/2010
23

FORMATTING DELIVERABLES
3/13/2010
24

SELECTION & CREATION3. Format your deliverable following best practices
3/13/2010
25
page title
annotations
uncluttered;
lots of white space
your agency/
business logo
client logo
project name
date
page number
copyright

3/13/2010
26
SELECTION & CREATION3. Format your deliverable following best practices (cont.)
page title
Fold 600px
annotations
disclaimer:
Wireframes DO NOT imply final grid, rather purpose of page and key assets and global navigation
client logo
your agency/
business logo

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.
3/13/2010
27

3/13/2010
28
User Experience Brief: Example
Cover
TOC
Intro /Problem Statement
Deliverable: Stakeholder interviews
Deliverable: Concept model
Deliverable: Wireframe

3/13/2010
29
User Experience Brief: Example (cont.)
Next Steps
Appendix
Supplemental Info
Supplemental Info
Thank You (+ contact info)

IV. User Experience Deliverables: Tools
Software
Omnigraffle (Mac)
Visio (PC)
InDesign (Mac & PC)
Features
Shape Libraries
Background templates
Multiple pages
3/13/2010
30

Summary
DEFINITIONA 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)
3/13/2010
31

Resources
Semantic Studios - http://semanticstudios.com/publications/
Nathan Curtis - http://nathancurtis.com/
Boxes & Arrows - http://boxesandarrows.com/
Adaptive Path: http://www.adaptivepath.com/
3/13/2010
32

Thank you!
lilia@purplepurrstudios.com
3/13/2010
33

http://purplepurrstudios.com	108
http://www.slideshare.net	25
http://www.purplepurrstudios.com	5
http://www.techgig.com	3
http://www.lmodules.com	1

UX Design Deliverables: Expert's Choice

by Lilia Manguy on Mar 16, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

5 Embeds 142

Statistics

UX Design Deliverables: Expert’s Choice — Presentation Transcript