Experience Design Framework

Post on 31-Oct-2014

18 views 0 download

Tags:

description

I created this framework with help from the greater UX team & strategy team at Trapeze. (http://www.trapeze.com)It's currently being actively used at the agency. Trapeze was nice enough to allow me to share it with the world.Hope everyone finds tons of value in it.

Transcript of Experience Design Framework

How Experience Design & Strategy work together within a creative process.

Getting UX to Work

First, lets look at where UX naturally fits within the

project lifecycle of a typical digital project.

Where UX fits into the process

Define the AskDefine the Experience

Create the Visual Design& Content

Code, QA, & Launch

Now, lets examine how the UX process integrates

with the strategy group

Led by Strategy, but includes UX to facilitate

conducting primary user research.

Led by Strategy, but includes the rest of the

team as necessary

Led by UX, includes strategy for validation

Background Research Define Strategy Define Architecture

3-Phases used to define the experience

Great! Now, lets construct a process for getting

through these phases

Background Research

Define the User

Define Strategy Define Architecture

Define User ExperienceDefine User Needs

A 4-Step Process

Define Project Objectives

PR

OC

ES

S

… And, lets add a checklist of common

deliverables each step could deliver.

Background Research

Peer reviews should be conducted prior to checking any item off this worksheet

Define the User

Define Strategy Define Architecture

Define User ExperienceDefine User Needs

EXPERIENCE DESIGN FRAMEWORK v.0.2.0

Define Project Objectives

Define User StoriesAdd Detail to

Experience MapConduct Stakeholder

InterviewsCreate Mental Model

Prioritize User Stories

Create Site Map/ IA

Create User Flows

Create Experience Map

Create Concept Wires(Or Sketch or Linear)

Create Content Inventory Create Detailed WiresOr Prototype

Create Template Inventory

Conduct Heuristic Evaluation

Conduct User Interviews

Collect User Data(User Research)

Conduct UsabilityTesting

Conduct EthnographicStudy

Collect/ AnalyzeUser Research

Create Personas

PR

OC

ES

SC

HE

CK

LIS

T

Create Navigation Design

… And, lets call out all “must-have” deliverables

in black.

Background Research

Peer reviews should be conducted prior to checking any item off this worksheet

Define the User

Define Strategy Define Architecture

Define User ExperienceDefine User Needs

EXPERIENCE DESIGN FRAMEWORK v.0.2.0

Define Project Objectives

Define User StoriesAdd Detail to

Experience MapConduct Stakeholder

InterviewsCreate Mental Model

Prioritize User Stories

Create Site Map/ IA

Create User Flows

Create Experience Map

Create Concept Wires(Or Sketch or Linear)

Create Content Inventory Create Detailed WiresOr Prototype

Create Template Inventory

Conduct Heuristic Evaluation

Conduct User Interviews

Collect User Data(User Research)

Conduct UsabilityTesting

Conduct EthnographicStudy

Collect/ AnalyzeUser Research

Create Personas

PR

OC

ES

SC

HE

CK

LIS

T

Create Navigation Design

That’s it.

This is the UX framework I created with the team at

Trapeze.

Obviously, this is a living document, and may go through revisions as new documentation is identified, created, and

tested.

As far as being a document that you can pick up, modify, and run-with; this framework is exactly that.

If you ever wanted to bring your digital projects to the next level through deep understanding and empathy with your customer, this experience design framework will help you

achieve that.

From: @TheJordanRules in conjunction with the great team at @Trapeze