Transcript
Page 1: Making More UX Designers: Practical UX Apprenticeship

MAKING MORE UX DESIGNERS:Practical UX Apprenticeship Presented by: Fred Beecher

Page 2: Making More UX Designers: Practical UX Apprenticeship

©2010 Dimension Films

DEMAND FOR UX IS VORACIOUS

SUPPLY OF UX TALENT IS… WEE

Page 3: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

UX

10% - Design School

90% - Dumb Luck

Page 4: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

UX

10% - Design School

60% - Dumb Luck

30% - Specialty School

Page 5: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

UX

10% - Design School

30% - Specialty School

50% - APPRENTICESHIP

10% - Dumb Luck

Page 6: Making More UX Designers: Practical UX Apprenticeship

INTEREST DEMANDAPPRENTICESHIP

©2014 :: @fred_beecher :: #uxapprenticeship

Page 7: Making More UX Designers: Practical UX Apprenticeship

INTEREST DEMANDAPPRENTICESHIP

©2014 :: @fred_beecher :: #uxapprenticeship

Page 8: Making More UX Designers: Practical UX Apprenticeship

13BOOKS READ

13MENTORS PER APPRENTICE

THIRTEENWORKSHOPSPAGES OF REFLECTION PER APPRENTICE

20

GIFs EMAILED

1,701 1,138NERDY CULTURAL REFERENCES MADE

TWENTY-FIVE

DESIGN METHODS

TWELVE

APPRENTICESHIP WEEKS

THIRTEENPROJECTS PER APPRENTICE

252MENTORSHIP HOURS

ONEEXTREMELY CREEPY FAKE DOG

2ADORABLE LITTLE DOGS

©2014 :: @fred_beecher :: #uxapprenticeship

Page 9: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

Page 10: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

BUSINESS VALUE

TRACKING

PEDAGOGY MENTORSHIP

HIRE FOR TRAITS

APPRENTICESHIP ARCHITECTURE

Page 11: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship flickr: johnny vulkan

• Reduce hiring cost

• Reduce lost opportunity cost

• Achieve growth goals

• Solidify client relationships

• Apprenticeship can help offset its own costs!

BUSINESS VALUE

Page 12: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

HIRE FOR TRAITS, NOT SKILLSGood UXDs are…

• Passionate

• Curious about people

• Curious about technology

• Quick learners

• Detail oriented and “Big Picture”

• Thick-skinned

Good Apprentices are…

• Capable of accepting feedback

• Self educators

• Aware that UX is about people

• A cultural fit for your organization

Page 13: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

PEDAGOGYLEARN OBSERVE

PLAYPRACTICE

Page 14: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

DESIGN METHODSBUSINESS STRATEGY - Stakeholder Interviews

- Business Discovery Workshops

- Feature Analysis

- Communicating Business Discovery Findings

USER RESEARCH - Planning & Recruiting

- In-Person Interviews

- Remote Interviews

- Contextual Inquiry

- Survey Design & Analysis

- Web Traffic Analysis

- Research Analysis & Synthesis

- Communicating User Research Findings

INFORMATION ARCHITECTURE - Card Sorting & Analysis

- Search Log Analysis

- Content Strategy

- Content Auditing

- Site Mapping

INTERACTION DESIGN - Ideation & Design

Workshops

- Scenarios, Storyboarding, & Process Flows

- Screen Layout & Design

- Interactive Prototyping

- Prototype testing

USABILITY EVALUATION - Heuristic Review

- In-Person Usability Testing

- Remote Usability Testing

Page 15: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

LEARNING

READINGWORKSHOPS

Page 16: Making More UX Designers: Practical UX Apprenticeship

PLAY

Apprentices found it extremely valuable to work through design problems together… even as a team of novices!

©2014 :: @fred_beecher :: #uxapprenticeship

Page 17: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

MENTORSHIP IS THE ENGINE OF APPRENTICESHIP

Page 18: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

Principal Mentor

Apprentices Large Design Team

Page 19: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

Design Manager

Apprentices

Medium Design Team

Page 20: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

Apprentice

Small Design Team

Page 21: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

Acco

untab

ility

Observation

Assistance

Mentorship

Oversight

Page 22: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

Acco

untab

ility

Observation

Assistance

Mentorship

Oversight

APPRENTICE • Watches • Asks questions

MENTOR • Shows what

they’re doing • Explains why

GATES • None

Page 23: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

Acco

untab

ility

APPRENTICE • Assists with

menial, related tasks

• Bills time

MENTOR • Shows what

they’re doing • Explains why

GATES • None

ObservationAssistance

Mentorship

Oversight

Page 24: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

Acco

untab

ility

APPRENTICE • Executes the

method • Bills time

MENTOR • Talks apprentice

through the method

GATES • Workshop

complete • Apprentice

feels ready

ObservationAssistance

Mentorship

Oversight

Page 25: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

Acco

untab

ility

APPRENTICE • Executes the

method • Bills time

MENTOR • Checks

apprentice’s work

GATES • Apprentice

feels ready • Mentor agrees

ObservationAssistance

MentorshipOversight

Page 26: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

DEFINE APPRENTICE CAPABILITIES

Page 27: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

TRACK APPRENTICE PROGRESS

Page 28: Making More UX Designers: Practical UX Apprenticeship

TRACK OPPORTUNITIES TO PRACTICE©2014 :: @fred_beecher :: #uxapprenticeship

Page 29: Making More UX Designers: Practical UX Apprenticeship

TRACK REFLECTIONS, THOUGHTS, & FEELINGS©2014 :: @fred_beecher :: #uxapprenticeship

Page 30: Making More UX Designers: Practical UX Apprenticeship

TRACK PROGRAM FEEDBACK©2014 :: @fred_beecher :: #uxapprenticeship

Page 31: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

YOUR NEXT STEPS - LAY THE FOUNDATIONBUSINESS VALUE

• Meet growth goals?

• Offset recruiting costs?

• Profitable employees?

• Client goodwill?

• Determine the length

Define how apprenticeship will benefit your organization

HIRE FOR TRAITS

• Standard UXD traits

• Additional traits?

• Undergrads?

• Grad students?

• Career switchers?

Define apprentice traits & identify key sources

Page 32: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

• Choose design methods

• Write/choose workshops

• Develop reading list

• Create “play” projects

Define how apprentices will be exposed to the basics

PEDAGOGY

• How will you spread the burden?

• What different levels of mentorship are required?

• What should apprentices be capable of?

Define the mentorship structure of your program

MENTORSHIP

YOUR NEXT STEPS - INSTRUCTIONAL DESIGN

Page 33: Making More UX Designers: Practical UX Apprenticeship

©2014 :: @fred_beecher :: #uxapprenticeship

YOUR NEXT STEPS - SET UP TRACKING

TRACKING

• Forms, spreadsheets, databases, processes, etc.

• Progress & feedback

• Practice opportunities

• Feelings & reflections

• Program feedback

Set up the infrastructure you need for tracking

Page 34: Making More UX Designers: Practical UX Apprenticeship

Fred Beecher UX Apprenticeship Lead !

[email protected] nerdery.com/fb @fred_beecher !

slideshare.net/fred_beecher/

ICONS BY NOUNPROJECT: Erlenmeyer Flask by Dmitry Baranovskiy :: Magnifying Glass by Lemon Liu :: Person by Alex Fuller :: Volunteer by Amanda Clifford :: Education by Travis Yunis :: Mentor by Irene Hoffman :: Statistics by Nate Eul :: Bridge by Torehan Sharman :: Four Leaf Clover by Iconoci :: Unicorn by Bram van Rijen :: Mortar Board by Ryan Beck (all other icons are public domain)