ux design deliverables: expert's choice

33
UX DESIGN DELIVERABLES: EXPERT'S CHOICE Lilia Manguy, Principle UX Designer & Owner PurplePurr Studios

Upload: lilia-manguy

Post on 17-Aug-2014

13.834 views

Category:

Design


8 download

DESCRIPTION

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.

TRANSCRIPT

Page 1: UX Design Deliverables: Expert's Choice

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

Page 2: UX Design Deliverables: Expert's Choice

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

Page 3: UX Design Deliverables: Expert's Choice

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

Page 4: UX Design Deliverables: Expert's Choice

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?

Page 5: UX Design Deliverables: Expert's Choice

04/07/2023

5

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

#UXSXSW

AGENDA

Page 6: UX Design Deliverables: Expert's Choice

04/07/2023

6

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

#UXSXSW

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

Page 7: UX Design Deliverables: Expert's Choice

04/07/2023

7

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

#UXSXSW

DEFINITION

Page 8: UX Design Deliverables: Expert's Choice

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.

Page 9: UX Design Deliverables: Expert's Choice

04/07/2023

9

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

#UXSXSW

UX DELIVERABLES: EXAMPLES

Page 10: UX Design Deliverables: Expert's Choice

04/07/2023

10

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

#UXSXSW

SELECTION & CREATION

Page 11: UX Design Deliverables: Expert's Choice

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

Page 12: UX Design Deliverables: Expert's Choice

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)

Page 13: UX Design Deliverables: Expert's Choice

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

Page 14: UX Design Deliverables: Expert's Choice

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

Page 15: UX Design Deliverables: Expert's Choice

04/07/2023

15

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

#UXSXSW

INTERACTIVE PART!

Page 16: UX Design Deliverables: Expert's Choice

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.

Page 17: UX Design Deliverables: Expert's Choice

#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.

Page 18: UX Design Deliverables: Expert's Choice

#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.

Page 19: UX Design Deliverables: Expert's Choice

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.

Page 20: UX Design Deliverables: Expert's Choice

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.

Page 21: UX Design Deliverables: Expert's Choice

04/07/2023

21

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

#UXSXSW

Want more deliverable examples?

GOOD RESOURCES

Page 22: UX Design Deliverables: Expert's Choice

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

Page 23: UX Design Deliverables: Expert's Choice

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

Page 24: UX Design Deliverables: Expert's Choice

04/07/2023

24

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

#UXSXSW

FORMATTING DELIVERABLES

Page 25: UX Design Deliverables: Expert's Choice

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

Page 26: UX Design Deliverables: Expert's Choice

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.)

Page 27: UX Design Deliverables: Expert's Choice

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.

Page 28: UX Design Deliverables: Expert's Choice

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

Page 29: UX Design Deliverables: Expert's Choice

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)

Page 30: UX Design Deliverables: Expert's Choice

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

Page 31: UX Design Deliverables: Expert's Choice

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)

Page 32: UX Design Deliverables: Expert's Choice

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/

Page 33: UX Design Deliverables: Expert's Choice

04/07/2023

33

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

#UXSXSW

Thank you!

[email protected]