guide to get started - 5 tips to infuse ux into your organization

26
Getting Started 5 Tips to Infuse UX into Your Organization

Upload: craig-kistler

Post on 20-Nov-2014

777 views

Category:

Design


1 download

DESCRIPTION

Presentation from the Web Association luncheon on How I was able to start infusing user experience into an large organization.

TRANSCRIPT

Page 1: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

Getting Started5 Tips to Infuse UX into Your Organization

Page 2: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

Who Is This Guy

Senior Product Manager, User Experience at AG Interactive

Owner & Designer, Small Farm Design

12+ years designing online experiences

Specializes in information architecture, interaction design, usability, user research and graphic design

Past work includes Progressive Insurance, Sherwin-Williams, Moen, Smuckers & others

Page 3: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

1 Start Small

Page 4: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

1 2

Page 5: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization
Page 6: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

26% IncreaseIn Completion Rate

Page 7: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization
Page 8: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization
Page 9: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

2 Get Stakeholder Feedback Early

Page 10: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

http://www.flickr.com/photos/jm3/3711253360/

Page 11: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

http://www.flickr.com/photos/cjrphotos/3731282404/

Page 12: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

Iterative Design Process

Marketing UX / UsabilitySEOBIProductUI ProductionDev

Team Involvement

Marketing ProductSEODesign

UX / UsabilitySEOProductUI ProductionDev

UX / UsabilityUI ProductionDevQA

UI ProductionDevQABI

Identify Stakeholders

Hi-Level Goals

(Business Goals, User Goals)

Hi-Level Metrics

(Increase Subs, Decrease Bail, etc.)

Hi-Level Timeline

Competitor analysis

User analysis

Conduct Site Analysis

(Site impact, touch points)

Understand business impact

(C3, Sales, Email, Test Schedules)

Establish User Flow

Develop Wireframes

Wireframe Reviews

(Stakeholder, SEO, Peer, IT, BI )

Wireframes Testing*

Initial Mock Ups*

Design Mock Ups

Mock Up Review

Develop Prototypes

Prototype Review

(Stakeholder, SEO, Peer, IT )

Prototype Testing

Complete UI Design

UI Production

Dev Coding

Business Review

(Stakeholder, SEO, Peer, IT, BI )

Environments Moves (Dev, Work, Stage)

QA Testing Begins

- Respond to Test Issues

Gather Success Metrics

Analysis Project Sucess

Tasks Examples

Steps

DesignRequirements Develop Launch

I terations

I nitiate

I terations I terations I terations

Page 13: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

Iterative Design Process

Marketing UX / UsabilitySEOBIProductUI ProductionDev

Team Involvement

Marketing ProductSEODesign

UX / UsabilitySEOProductUI ProductionDev

UX / UsabilityUI ProductionDevQA

UI ProductionDevQABI

Identify Stakeholders

Hi-Level Goals

(Business Goals, User Goals)

Hi-Level Metrics

(Increase Subs, Decrease Bail, etc.)

Hi-Level Timeline

Competitor analysis

User analysis

Conduct Site Analysis

(Site impact, touch points)

Understand business impact

(C3, Sales, Email, Test Schedules)

Establish User Flow

Develop Wireframes

Wireframe Reviews

(Stakeholder, SEO, Peer, IT, BI )

Wireframes Testing*

Initial Mock Ups*

Design Mock Ups

Mock Up Review

Develop Prototypes

Prototype Review

(Stakeholder, SEO, Peer, IT )

Prototype Testing

Complete UI Design

UI Production

Dev Coding

Business Review

(Stakeholder, SEO, Peer, IT, BI )

Environments Moves (Dev, Work, Stage)

QA Testing Begins

- Respond to Test Issues

Gather Success Metrics

Analysis Project Sucess

Tasks Examples

Steps

DesignRequirements Develop Launch

I terations

I nitiate

I terations I terations I terations

DesignRequirements

I terations

Page 14: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization
Page 15: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization
Page 16: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

3 Ask Questions on Behalf of the Visitor

Page 17: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

What problem are we solving?

is the user here?Why

How can I make ‘it’ better?

Page 18: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

4 Down & Dirty User Testing

Page 19: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

5 Users

+

Paper

Page 20: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization
Page 21: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization
Page 22: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

5 Find Frustration

Page 23: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

Finding Problems

Use Analytics to Find Problem Areas

Common Problem Areas

Order Paths

Category to Detail Pages (High Pogo-Sticking)

Sign Up / Sign In Flows

Page 24: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization
Page 25: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

1 Go Small – Gain Credibility

Involve Stakeholders Early

Ask Questions

Test Your Assumptions

Find & Fix Frustrations

2

3

4

5

Page 26: Guide To Get Started - 5 Tips to Infuse UX Into Your Organization

Questions ?

Craig KistlerEmail: [email protected]

Twitter: @smallfarmdesign