UX Portfolios Matter
-
date post
21-Oct-2014 -
Category
Technology
-
view
6.114 -
download
0
description
Transcript of UX Portfolios Matter
![Page 1: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/1.jpg)
BUILDING the PORTFOLIO TO WIN the JOB
PORTFOLIOS MATTER
LYNN TEO Chief Experience Officer
McCann Erickson | @Lynn_Teo
![Page 2: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/2.jpg)
ABOUT ME 15+ years in Experience Design
![Page 3: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/3.jpg)
• 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
![Page 4: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/4.jpg)
1000+ Number of Resumes and Portfolios Reviewed
![Page 5: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/5.jpg)
Portfolios Why do they matter?
![Page 6: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/6.jpg)
6
Demonstrate THINKING
Showcase SKILLS
Convey benchmark QUALITY OF WORK
Reveal your WORK STYLE
![Page 7: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/7.jpg)
7
Tells me what makes you, YOU
Credits: uxstorytellers.blogspot.com/2009/01/ux-storytellers-connecting-dots.html
![Page 8: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/8.jpg)
10 THINGS to remember when building your portfolio
![Page 9: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/9.jpg)
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
![Page 10: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/10.jpg)
Audience 1 Audience
![Page 11: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/11.jpg)
“I never design a building before I’ve seen the site and met the people who will
be using it.”
11
− Frank Lloyd Wright
![Page 12: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/12.jpg)
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?
![Page 13: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/13.jpg)
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
![Page 14: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/14.jpg)
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
![Page 15: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/15.jpg)
A Audience
Who are you presenting to?
Who are you presenting t?
What type of company is it?
15
![Page 16: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/16.jpg)
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
![Page 17: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/17.jpg)
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
![Page 18: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/18.jpg)
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
![Page 19: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/19.jpg)
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
![Page 20: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/20.jpg)
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
![Page 21: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/21.jpg)
A Audience
Who are you presenting t?
Assess Types of Projects
21
![Page 22: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/22.jpg)
A Audience
Who are you presenting t?
Assess Types of Projects
22
![Page 23: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/23.jpg)
Order of Work 2 Order of Work
![Page 24: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/24.jpg)
“The proper order of things is often a mystery to me. You, too?”
− Cheshire Cat
![Page 25: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/25.jpg)
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
![Page 26: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/26.jpg)
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
![Page 27: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/27.jpg)
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
![Page 28: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/28.jpg)
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)
![Page 29: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/29.jpg)
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
![Page 30: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/30.jpg)
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
![Page 31: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/31.jpg)
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
![Page 32: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/32.jpg)
32
![Page 33: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/33.jpg)
33
Who are you presenting t?
![Page 34: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/34.jpg)
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
![Page 35: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/35.jpg)
http://www.repeattimerapp.com/how/
![Page 36: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/36.jpg)
http://www.repeattimerapp.com/how/
![Page 37: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/37.jpg)
http://www.repeattimerapp.com/how/
![Page 38: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/38.jpg)
Frame the Problem
3 Frame Problem
![Page 39: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/39.jpg)
“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
![Page 40: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/40.jpg)
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
![Page 41: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/41.jpg)
41
http://www.nathanbilbao.com/
![Page 42: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/42.jpg)
42
Who are you presenting t? http://dicksonfong.com/portfolio.html
![Page 43: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/43.jpg)
43
Who are you presenting t? User Modes as Basis of Feature Sets
![Page 44: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/44.jpg)
44
Who are you presenting t? Demonstrate understanding of user needs & behaviors
![Page 45: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/45.jpg)
Process/Steps 4 Process/Steps
![Page 46: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/46.jpg)
“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
![Page 47: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/47.jpg)
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
![Page 48: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/48.jpg)
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
![Page 49: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/49.jpg)
Value of Artifact/Activity
5 Artifact
![Page 50: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/50.jpg)
“Everyone hears only what he understands.”
50
− Johann Wolfgang van Goethe
![Page 51: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/51.jpg)
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
![Page 52: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/52.jpg)
![Page 53: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/53.jpg)
http://www.affectivedesign.org/archives/948
![Page 54: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/54.jpg)
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
![Page 55: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/55.jpg)
http://adaptivepath.com/ideas/the-anatomy-of-an-experience-map
![Page 56: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/56.jpg)
http://adaptivepath.com/ideas/the-anatomy-of-an-experience-map
![Page 57: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/57.jpg)
http://adaptivepath.com/ideas/the-anatomy-of-an-experience-map
![Page 58: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/58.jpg)
Behind the Scenes
6 Behind Scenes
![Page 59: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/59.jpg)
“The doing is often more important than the outcome.”
59
− Arthur Ashe
![Page 60: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/60.jpg)
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
![Page 61: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/61.jpg)
61
Ethnography
Credit: Luci Laffitte
![Page 62: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/62.jpg)
62
Ethnography
http://simondoggett.com/#a38/custom_plain
![Page 63: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/63.jpg)
63
Finding points to INNOVATE & DELIGHT Help people lead better LIVES
http://simondoggett.com/#a38/custom_plain
![Page 64: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/64.jpg)
64
Finding points to INNOVATE & DELIGHT Help people lead better LIVES
![Page 65: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/65.jpg)
65
Help people lead better LIVES
![Page 66: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/66.jpg)
What You Did 7 What You Did
![Page 67: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/67.jpg)
“If you do not tell the truth about yourself you cannot tell it about other
people.”
67
− Virginia Woolf
![Page 68: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/68.jpg)
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?
![Page 69: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/69.jpg)
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 + (?)
![Page 70: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/70.jpg)
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?
![Page 71: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/71.jpg)
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?
![Page 72: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/72.jpg)
72
A Audience
Who are you presenting t?
![Page 73: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/73.jpg)
73
A Audience
Who are you presenting t?
![Page 74: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/74.jpg)
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
![Page 75: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/75.jpg)
Quality not Quantity
8 Quality
![Page 76: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/76.jpg)
“Not everything that counts can be counted and not everything that can be
counted counts.”
− Einstein
![Page 77: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/77.jpg)
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
![Page 78: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/78.jpg)
Design System vs. Instance
9 Design System
![Page 79: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/79.jpg)
“It is impossible, in principle, to explain any pattern by invoking a single
quantity”
− Gregory Bateson
![Page 80: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/80.jpg)
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
![Page 81: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/81.jpg)
81
Show points of collaboration
presenting t?
Pay attention to details
http://unify.eightshapes.com/uploads/documents/EightShapesUnifySample.DesignSpecification.pdf
![Page 82: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/82.jpg)
82
Show points of collaboration
presenting t?
Pay attention to details
http://unify.eightshapes.com/uploads/documents/EightShapesUnifySample.DesignSpecification.pdf
![Page 83: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/83.jpg)
83
Show points of collaboration
Who are you presenting t?
Pay attention to details
http://developer.yahoo.com/ypatterns/
![Page 84: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/84.jpg)
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/
![Page 85: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/85.jpg)
Walkthrough Showmanship
10 Design System
![Page 86: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/86.jpg)
“When someone walks on stage for a performance and has charisma,
everyone is convinced that he has personality.”
− Lukas Foss
![Page 87: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/87.jpg)
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
![Page 88: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/88.jpg)
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 (!)
![Page 89: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/89.jpg)
Who are you presenting t? http://www.helloerik.com/ux-portfolio-user-experience-examples
89
![Page 90: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/90.jpg)
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
![Page 91: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/91.jpg)
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
![Page 92: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/92.jpg)
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
![Page 93: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/93.jpg)
93
Who are you presenting t?
http://www.nettamarshall.com/#portfolio
![Page 94: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/94.jpg)
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
![Page 95: UX Portfolios Matter](https://reader033.fdocuments.in/reader033/viewer/2022051108/54456a5eafaf9f41088b456e/html5/thumbnails/95.jpg)
Go get that dream job :-)