BUILDING the PORTFOLIO TO WIN the JOB PORTFOLIOS MATTER LYNN TEO Chief Experience Officer McCann Erickson | @Lynn_Teo
BUILDING the PORTFOLIO TO WIN the JOB
PORTFOLIOS MATTER
LYNN TEO Chief Experience Officer
McCann Erickson | @Lynn_Teo
ABOUT ME 15+ years in Experience Design
• User centered design (UCD) • Technology • Communications design • Information design
• Emotion + Function • UX in Ideation • Experiences: Ecommerce
+ Content + Communities
Hybrid Thinking
• Technology-enabled innovation • Global/large scale solutions • Collaborative & process-driven • Transformation of company from
consulting to agency
Transform Business
• Engineering-led • Cross-disciplinary team • Rapid Prototyping &
Usability
Product & Process
Creative Excellence
• Legacy of storytelling • Creating consumer value in
brand relationships • Integrated marketing
Brand Stewardship Design Education
• College of Creative Studies (Detroit)
• MFA Thesis Advisor • Research-based product
development
3
1000+ Number of Resumes and Portfolios Reviewed
Portfolios Why do they matter?
6
Demonstrate THINKING
Showcase SKILLS
Convey benchmark QUALITY OF WORK
Reveal your WORK STYLE
7
Tells me what makes you, YOU
Credits: uxstorytellers.blogspot.com/2009/01/ux-storytellers-connecting-dots.html
10 THINGS to remember when building your portfolio
1
2
3
4
5
6
7
8
9
10
Audience
Order of Work
Frame the Problem
Process/Steps
Value of Artifact/Activity
Behind-The-Scenes
What You Did
Quality not Quantity
Design System vs. Instance
Walkthrough Showmanship
9
Audience 1 Audience
“I never design a building before I’ve seen the site and met the people who will
be using it.”
11
− Frank Lloyd Wright
12
A Audience
What are they looking for?
What type of company is it?
Assess their UX footprint & project types
Who are you presenting t?
Who are you presenting to?
13
A Audience
Who are you presenting to?
Who are you presenting t?
Who are you presenting to?
UX Lead Project Manager
Front-end Developer
Creative Director
14
A Audience
Who are you presenting to?
Who are you presenting t?
What are they looking for?
• UX Methods • Independence • Team player • Work quality
• Process • On-time? • On-budget? • Communication
skills
• Prototyping skills • Iterative design • Agile
• Conceptual Thought • Problem statement • Effectiveness of
solution
UX Lead Project Manager
Front-end Developer
Creative Director
A Audience
Who are you presenting to?
Who are you presenting t?
What type of company is it?
15
A Audience
Who are you presenting t?
Assess their UX Footprint
CS Content Strategy
UR User Research
UX User Experience
IxD Interaction
Design
VD Visual Design
16
A Audience
Who are you presenting t?
Assess their UX Footprint
CS Content Strategy
UR User Research
UX User Experience
IxD Interaction
Design
VD Visual Design
THE REALITY: Sub-disciplines aren’t always defined the same way in different organizations/agencies. How does the interviewer view your role? What is considered “the norm” in their organization?
17
A Audience
Who are you presenting t?
Assess their UX Footprint
CS Content Strategy
UR User Research
UX User Experience
IxD Interaction
Design
VD Visual Design
THE REALITY: Roles are rarely so clearly segmented. Hybrid roles are the norm. What hybrid combination exists in the organization?
18
A Audience
Who are you presenting t?
Assess their UX Footprint
CS Content Strategy
UR User Research
UX User Experience
IxD Interaction
Design
VD Visual Design
MY RECOMMENDATION: Best way to understand what your reviewer is looking for is to clarify skills/activities for the discipline expertise you bring to the table
19
A Audience
Who are you presenting t?
Sub-disciplines by skillsets & activities
CS Content Strategy
UR User Research
UX User Experience
IxD Interaction
Design
VD Visual Design
• Taxonomy • CMS Systems • IA • Content
Governance
• Ethnography • Findings Analysis • Personas • Trends • Opportunity
Landscape • Usability Testing
• Customer Journey
Mapping • Task Flows &
Needs Analysis • Feature and
functionality • Interface Design
• Prototyping • Mobile and Web
Specializations • Emerging
technologies • Touchscreen/
kiosks/augmented reality/NUI
• Digital design • Storyboards &
narratives • Visual concepting
A Audience
Who are you presenting t?
Assess Types of Projects
21
A Audience
Who are you presenting t?
Assess Types of Projects
22
Order of Work 2 Order of Work
“The proper order of things is often a mystery to me. You, too?”
− Cheshire Cat
25
A Audience
Engage and sell, sell, sell
Vary the pace and complexity
Leave a lasting parting impression
Who are you presenting t?
Impress then win over
26
A Audience
Engage and sell, sell, sell
Who are you presenting t?
Impress then win over
• Start with your strongest work • Pick 2-3 anchor visuals • Walk through “lifecycle” of the
project w/ supporting artifacts • Spend ¼ of your time on first piece
27
A Audience
Engage and sell, sell, sell
Who are you presenting t?
Engage and sell, sell, sell
W | B | W | W | W | P | W | R
28
A Audience
Engage and sell, sell, sell
Who are you presenting t?
Engage and sell, sell, sell
W | B | W | W | W | P | W | R
Work (Best)
Background (Lifecycle)
Process (Artifacts)
Work + Result (Success Metrics,
Recent Work)
Work (Variety, Breadth,
Challenges)
29
A Audience
Engage and sell, sell, sell
Who are you presenting t?
Engage and sell, sell, sell
W | B | W | W | W | P | W | R
Sandwich Effect
30
A Audience
Engage and sell, sell, sell
Who are you presenting t?
Engage and sell, sell, sell
W | B | W | W | W | P | W | R
Flexible Middle
31
A Audience
Engage and sell, sell, sell
Who are you presenting t?
Vary the pace and complexity
• In the “flexible middle”, aim for
breadth to convey your versatility • Use this section to encourage
dialogue with the reviewer • Deep dive selectively
32
33
Who are you presenting t?
34
A Audience
Engage and sell, sell, sell
Who are you presenting t?
Leave a lasting parting impression
• Seal the deal with your most recent
work that best aligns with your role at the organization
• Underscore why the project was a success (stats, business metrics, client / industry reviews)
• Reinforce your role in achieving it
http://www.repeattimerapp.com/how/
http://www.repeattimerapp.com/how/
http://www.repeattimerapp.com/how/
Frame the Problem
3 Frame Problem
“He who asks a question may be a fool for five minutes, but he who never asks a
question remains a fool forever.”
39
− Tim Connelly
40
A Audience
Who are you presenting to?
Who are you presenting t?
Demonstrate your “special powers”
Analytical Skills
Business Savvy
User Advocate
Results Oriented
41
http://www.nathanbilbao.com/
42
Who are you presenting t? http://dicksonfong.com/portfolio.html
43
Who are you presenting t? User Modes as Basis of Feature Sets
44
Who are you presenting t? Demonstrate understanding of user needs & behaviors
Process/Steps 4 Process/Steps
“A good plan is like a road map: it shows the final destination and usually the best
way to get there.”
46
− H. Stanley Judd
47
A Audience
Highlight partners and deliverables
Identify activities, artifacts, teams
Show points of collaboration
Who are you presenting t?
Create your version of a process map
48
Research
UX
Content
Visual Des
Site Dev/Tech
Content Recommendation
Process Flows Checkpoint use cases with development Team
Page and Module Template Definition
Design Exploration Design Page Comps for key screens
Discovery High Level Design Detailed Design Development
Interaction Design
Content Assessment
Scenarios & Tasks
QA/ Testing Tech Assessment Checkpoint use cases and technologies (Ajax, Flash, etc.) with creative team
Interactive Prototype
Paper prototype testing
Style Guide Prototype Checkpoint
Wireframes
Personas
Screen Sketches
Documentation
Value of Artifact/Activity
5 Artifact
“Everyone hears only what he understands.”
50
− Johann Wolfgang van Goethe
51
A Audience
Who are you presenting t?
Show how UX artifacts & activities led to informed design decisions
UX Artifacts that influence design • Content audit • Ethnography or in-context studies • Personas • Journey Maps • Wireframes • Testing/Iterative Design
http://www.affectivedesign.org/archives/948
Round 1 Testing -- “How To” page Round 2 Testing -- “How To” page
Materials and Tools became a tab in the final design
Users preferred to see substeps in list format at the top of the page
“I need” became a Materials and Tools section in the final version
Right rail used predominantly to surface related projects
Credit: Elaine Shultz
http://adaptivepath.com/ideas/the-anatomy-of-an-experience-map
http://adaptivepath.com/ideas/the-anatomy-of-an-experience-map
http://adaptivepath.com/ideas/the-anatomy-of-an-experience-map
Behind the Scenes
6 Behind Scenes
“The doing is often more important than the outcome.”
59
− Arthur Ashe
60
A Audience
Include sketches, photos, prior versions
Capture the environment
Show points of collaboration
Who are you presenting t?
1-2 page collage max
61
Ethnography
Credit: Luci Laffitte
62
Ethnography
http://simondoggett.com/#a38/custom_plain
63
Finding points to INNOVATE & DELIGHT Help people lead better LIVES
http://simondoggett.com/#a38/custom_plain
64
Finding points to INNOVATE & DELIGHT Help people lead better LIVES
65
Help people lead better LIVES
What You Did 7 What You Did
“If you do not tell the truth about yourself you cannot tell it about other
people.”
67
− Virginia Woolf
68
A Audience
What were your deliverables?
What decisions did you drive?
Show points of collaboration
Who are you presenting t?
Be specific about your role
What (new) role would be appealing?
69
A Audience
What were your deliverables?
Who are you presenting t?
Be specific about your role
• What were you responsible for? • Who were your partners and how did
you collaborate with them? • Which documents were joint efforts?
UX Team
Full Team
You You + (?)
70
A Audience
What were your deliverables?
Who are you presenting t?
What were your deliverables?
• Are there different levels of effort
for each deliverable? • What tools did you use? • How were your deliverables shared
with the client?
71
A Audience
What were your deliverables?
Who are you presenting t?
What decisions did you drive?
• How were you an advocate for the
user? Did you participate in any user research activities “first-hand”?
• How did you help solve a design impasse?
• Did you demonstrate your role championing iterative design?
72
A Audience
Who are you presenting t?
73
A Audience
Who are you presenting t?
74
A Audience
What were your deliverables?
Who are you presenting t?
What new role would be appealing?
• Emphasize competency and
demonstrate readiness for step-up • The last piece of work you share
should build a case for expanded responsibilities
Quality not Quantity
8 Quality
“Not everything that counts can be counted and not everything that can be
counted counts.”
− Einstein
77
A Audience
Nix mediocre work
Eliminate “similar” work samples
Show points of collaboration
Who are you presenting t?
Refrain from trying to show too much
Pay attention to details
Design System vs. Instance
9 Design System
“It is impossible, in principle, to explain any pattern by invoking a single
quantity”
− Gregory Bateson
80
A Audience
Use real text whenever possible
Show templates & reusable components
Show points of collaboration
Who are you presenting t?
Show the design system
Pay attention to details
81
Show points of collaboration
presenting t?
Pay attention to details
http://unify.eightshapes.com/uploads/documents/EightShapesUnifySample.DesignSpecification.pdf
82
Show points of collaboration
presenting t?
Pay attention to details
http://unify.eightshapes.com/uploads/documents/EightShapesUnifySample.DesignSpecification.pdf
83
Show points of collaboration
Who are you presenting t?
Pay attention to details
http://developer.yahoo.com/ypatterns/
84
Show points of collaboration
Who are you presenting t?
Pay attention to details
http://coding.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/
Walkthrough Showmanship
10 Design System
“When someone walks on stage for a performance and has charisma,
everyone is convinced that he has personality.”
− Lukas Foss
87
A Audience
Rehearse your pitch
Aim for polish & aesthetic appeal
Show points of collaboration
Who are you presenting t?
Portfolio is a narrative of your skills
Pay attention to details Include at least one prototype
88
A Audience
Rehearse your pitch
Show points of collaboration
Who are you presenting t?
Portfolio is a narrative of your skills
Pay attention to details Include at least one prototype
• Determine which projects showcase
specific UX skills • Write brief summaries to describe
each project so the artifact communicates without voiceover
• For online portfolios, make sure your site is easy to navigate (!)
Who are you presenting t? http://www.helloerik.com/ux-portfolio-user-experience-examples
89
90
A Audience
Rehearse your pitch
Show points of collaboration
Who are you presenting t?
Rehearse your pitch
Pay attention to details Include at least one prototype
• You can never be too prepared • Role-play with a friend • Strike a balance between a
conversation and an interview • The portfolio review is perfect for
selling your personality and communication skills
91
Who are you presenting t?
Adopt a collaborative stance during portfolio review. Ask if you can sit next to him/her during the walkthrough to go over the work together
92
A Audience
Rehearse your pitch
Show points of collaboration
Who are you presenting t?
Aim for polish & aesthetic appeal
Pay attention to details Include at least one prototype
• No careless typos • Adopt the posture of an expert • A beautifully-designed portfolio will
never hurt
93
Who are you presenting t?
http://www.nettamarshall.com/#portfolio
94
A Audience
Rehearse your pitch
Show points of collaboration
Who are you presenting t?
Include at least one prototype
Pay attention to details Include at least one prototype
• Can’t replicate interactions on paper • Brings your work to life • If you have a client presentation
video, credit the team for the effort and use it to demonstrate your contribution
Go get that dream job :-)