UX Design Deliverables: Expert's Choice

UX DESIGN DELIVERABLES: EXPERT'S CHOICELilia Manguy, Principle UX Designer & OwnerPurplePurr Studios

04/07/2023

"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

#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

#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

#UXSXSW

AGENDA

04/07/2023

#UXSXSW

USER EXPERIENCE DESIGN DELIVERABLESI. DefinitionII. Selection & CreationIII. PresentationIV. Tools

04/07/2023

#UXSXSW

DEFINITION

04/07/2023

#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

#UXSXSW

UX DELIVERABLES: EXAMPLES

04/07/2023

#UXSXSW

SELECTION & CREATION

04/07/2023

#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

#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

#UXSXSW

SELECTION & CREATION2. Choose your deliverables according your process and focus

Sitemap Wireframes User flows Storyboard

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

#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

#UXSXSW

INTERACTIVE PART!

04/07/2023

#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

#UXSXSW

"User Experience Design Deliverables: Expert's Choice" - Lilia M

anguySELECTION & CREATION EXAMPLE (CONT.) Focus

Your UX Process1. Competitive analysis2. Personas &

scenarios3. Interaction flow4. Sitemap5. Wireframes

#UXSXSW

"User Experience Design Deliverables: Expert's Choice" - Lilia M

anguySELECTION & CREATION EXAMPLE (CONT.) Focus

Your UX Process1. Competitive analysis2. Personas & scenarios3. Interaction model4. Sitemap5. Wireframes

#UXSXSW

04/07/2023

#UXSXSW

04/07/2023

#UXSXSW

Want more deliverable examples?

GOOD RESOURCES

04/07/2023

#UXSXSW

SELECTION RESOURCESPeter Morville’s User Experience Treasure Map

http://semanticstudios.com/publications/semantics/000228.php

04/07/2023

#UXSXSW

SELECTION RESOURCESNathan Curtis’s “Instant Deliverable Mix”

http://www.nathancurtis.com/wp-content/uploads/2008/PagePatternPoster.Final.pdf

04/07/2023

#UXSXSW

FORMATTING DELIVERABLES

04/07/2023

#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

#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

#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

#UXSXSW

USER EXPERIENCE BRIEF: EXAMPLE

Cover TOC Intro / Problem

Statement

Deliverable: Stakeholder interviews

Deliverable: Concept model

Deliverable: Wireframe

04/07/2023

#UXSXSW

USER EXPERIENCE BRIEF: EXAMPLE (CONT.)

Next Steps Appendix Supplemental Info

Supplemental Info Thank You (+ contact info)

04/07/2023

#UXSXSW

IV. USER EXPERIENCE DELIVERABLES: TOOLS Software

Omnigraffle (Mac) Visio (PC) InDesign (Mac & PC)

Features Shape Libraries Background templates Multiple pages

04/07/2023

#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

#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

#UXSXSW

Thank you!

lilia@purplepurrstudios.com

UX Design Deliverables: Expert's Choice

Design

UX Deliverables for the NCPTSD

Venue Transformations - The Expert's Guide

(Agile 2011) Lean UX: Getting Out of the Deliverables Business

INF5430 IT Project Management: Overview, traditional and ...€¦ · –2-3 Developers, UX designer, software architect, test responsible, functional responsible • 3 deliverables

Keynote Speaker Sourcing: An Expert's Guide

True20 - Expert's Handbook 2007 English

Best Practice For UX Deliverables - Eventhandler, London, 22 Oct 2013

Graphic design is my world where I can step outside my ...KIND OF PROJECT: Branding, UX/UI Design DISCIPLINE: Branding, UX/UI Design, Deliverables, Social Media Campagin LOOK UP Look

UX Deliverables - Western Washington Universityfaculty.wwu.edu/schadeb/dsgn361/website/images...Mockup Wireframe Storyboard 4 Discover Define Ideate Design Measure Test experiments

BUCK THE TREND,, 100+ EXPERT'S SUMMIT global pandemic

Designing Better UX Deliverables - Cambridge Usability Group, 12 May 2014

Expert's Report - Quebec · Title: Expert's Report Author: Robert F. Williams Created Date: 4/11/2013 11:04:48 AM

Deep neural networks outperform human expert's capacity in

Lean UX: Getting out of the deliverables business

Expert F# (Expert's Voice in .Net)

Lean UX: It really is about getting out of the deliverables business

An Expert's Introduction to Marketing 2.0

Peer review expert's report feb 28 2017

Awards Ceremonies: An Expert's Guide

Best Practice for UX Deliverables - 2014