UX Design Deliverables: Expert's Choice
Upcoming SlideShare
Loading in...5
×
 

UX Design Deliverables: Expert's Choice

on

  • 14,006 views

A myriad of user experience deliverables are available to the UXD practitioner, but which are most effective for capturing the design concept, process, and vision? We survey preferred sets of ...

A myriad of user experience deliverables are available to the UXD practitioner, but which are most effective for capturing the design concept, process, and vision? We survey preferred sets of deliverables and give pointers for choosing yours.

Statistics

Views

Total Views
14,006
Views on SlideShare
13,037
Embed Views
969

Actions

Likes
53
Downloads
390
Comments
0

12 Embeds 969

http://www.scoop.it 723
http://purplepurrstudios.com 124
http://www.redditmedia.com 32
http://sprmario.tumblr.com 26
http://www.slideshare.net 25
http://www.linkedin.com 12
http://www.techgig.com 8
http://flavors.me 8
http://www.purplepurrstudios.com 5
https://www.linkedin.com 4
https://twimg0-a.akamaihd.net 1
http://www.lmodules.com 1
More...

Accessibility

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

UX Design Deliverables: Expert's Choice UX Design Deliverables: Expert's Choice Presentation Transcript

  • 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
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • 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
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • AGENDA
    3/13/2010
    5
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • User Experience Design Deliverables
    Definition
    Selection & Creation
    Presentation
    Tools
    3/13/2010
    6
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • DEFINITION
    3/13/2010
    7
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • 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
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • UX Deliverables: Examples
    3/13/2010
    9
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • SELECTION & CREATION
    3/13/2010
    10
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • 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
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • 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
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • SELECTION & CREATION2. Choose your deliverables according your process and focus
    3/13/2010
    13
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    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
    Competitive analysis
    Personas & scenarios
    Interaction flow
    Sitemap
    Wireframes
    3/13/2010
    14
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • INTERACTIVE PART!
    3/13/2010
    15
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • SELECTION & CREATION Example (cont.)
    Focus
    Goal: To sell
    Detail: Complex
    Audience: New to UX
    Language: Quantitative ($)
    Your UX Process
    Competitive analysis
    Personas & scenarios
    Interaction flow
    Sitemap
    Wireframes
    3/13/2010
    16
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    B.
    A.
    D.
    C.
  • SELECTION & CREATION Example (cont.)
    B.
    Focus
    Goal: To sell
    Detail: Complex
    Audience: New to UX
    Language: Quantitative ($)
    Your UX Process
    Competitive analysis
    Personas & scenarios
    Interaction flow
    Sitemap
    Wireframes
    A.
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    C.
    D.
    E.
    17
  • SELECTION & CREATION Example (cont.)
    A.
    Focus
    Goal: To sell
    Detail: Complex
    Audience: New to UX
    Language: Quantitative ($)
    Your UX Process
    Competitive analysis
    Personas & scenarios
    Interaction model
    Sitemap
    Wireframes
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    B.
    18
  • 19
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    SELECTION & CREATION Example (cont.)
    B.
    A.
    Focus
    Goal: To sell
    Detail: Complex
    Audience: New to UX
    Language: Quantitative ($)
    Your UX Process
    Competitive analysis
    Personas & scenarios
    Interaction model
    Sitemap
    Wireframes
    D.
    C.
    E.
  • 3/13/2010
    20
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    SELECTION & CREATION Example (cont.)
    B.
    A.
    Focus
    Goal: To sell
    Detail: Complex
    Audience: New to UX
    Language: Quantitative ($)
    Your UX Process
    Competitive analysis
    Personas & scenarios
    Interaction model
    Sitemap
    Wireframes
    C.
  • Want more deliverable examples?
    GOOD RESOURCES
    3/13/2010
    21
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • SELECTION RESOURCESPeter Morville’s User Experience Treasure Map
    http://semanticstudios.com/publications/semantics/000228.php
    3/13/2010
    22
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • SELECTION RESOURCESNathan Curtis’s “Instant Deliverable Mix”
    http://www.nathancurtis.com/wp-content/uploads/2008/PagePatternPoster.Final.pdf
    3/13/2010
    23
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • FORMATTING DELIVERABLES
    3/13/2010
    24
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • SELECTION & CREATION3. Format your deliverable following best practices
    3/13/2010
    25
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    page title
    annotations
    uncluttered;
    lots of white space
    your agency/
    business logo
    client logo
    project name
    date
    page number
    copyright
  • 3/13/2010
    26
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    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
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • 3/13/2010
    28
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    User Experience Brief: Example
    Cover
    TOC
    Intro /Problem Statement
    Deliverable: Stakeholder interviews
    Deliverable: Concept model
    Deliverable: Wireframe
    Deliverable: Wireframe
    Deliverable: Wireframe
  • 3/13/2010
    29
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
    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
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • 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
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • 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
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy
  • Thank you!
    lilia@purplepurrstudios.com
    3/13/2010
    33
    "User Experience Design Deliverables: Expert's Choice" - Lilia Manguy