Slide 1

Slide 1 text

The UX Portfolio Michelle T. Chin | @soysaucechin Lead Product Designer, Citrix October 17, 2014 An Action-Oriented Presentation to Get You Past “Portfolio Creator’s Block”

Slide 2

Slide 2 text

© 2014 Citrix. Hello! 2 A little about this talk, me, and you.

Slide 3

Slide 3 text

© 2014 Citrix. 10 Step Program 3 with action items!

Slide 4

Slide 4 text

© 2014 Citrix. 1. Let it go! 4

Slide 5

Slide 5 text

© 2014 Citrix. “” “I will not get attached to my work.” 5 You, 2014

Slide 6

Slide 6 text

© 2014 Citrix. 2. You are what you present. 6

Slide 7

Slide 7 text

© 2014 Citrix. Developer or UX’er? 7

Slide 8

Slide 8 text

© 2014 Citrix. Designer or UX’er? 8

Slide 9

Slide 9 text

© 2014 Citrix. Wireframer or UX’er? 9

Slide 10

Slide 10 text

© 2014 Citrix. What’s different? 10 UX portfolios show process.

Slide 11

Slide 11 text

© 2014 Citrix. UX’er Portfolio 11

Slide 12

Slide 12 text

© 2014 Citrix. 3. Determine your goal. 12

Slide 13

Slide 13 text

© 2014 Citrix. Action Items: 13 What kind of work do you want to do? Where do you want to work? Anything else? 3. Determine your goal.

Slide 14

Slide 14 text

© 2014 Citrix. 4. Inventory your work. What are you going to put in your portfolio? 14

Slide 15

Slide 15 text

© 2014 Citrix. Projects from Start to Finish Include projects that you’ve worked on throughout the entire process. 15

Slide 16

Slide 16 text

© 2014 Citrix. Work that Involved the UX Process Focus groups, card sorts, task flow models, wireframes, and more! 16

Slide 17

Slide 17 text

© 2014 Citrix. Work that Involved the UX Process Focus groups, card sorts, task flow models, wireframes, and more! 17

Slide 18

Slide 18 text

© 2014 Citrix. Action Items: 18 List at least 5 projects relevant to your goal and the UX activities within them. • Include ones with hidden relevance! • What’s your story behind these projects? Do you have the artifacts? 4. Inventory your work.

Slide 19

Slide 19 text

© 2014 Citrix. 5. Fill in the gaps. 19

Slide 20

Slide 20 text

© 2014 Citrix. What about the missing artifacts? 20 Recreate them • (Don’t lie - it’s bad and you’ll be figured out.) What if you don’t have any projects? • Make it up. (Not lying here either.)

Slide 21

Slide 21 text

© 2014 Citrix. “” “There’s no shame in taking the time to practice your UX skills and demonstrating a great job.” 21 HR Recruiter, 2014

Slide 22

Slide 22 text

© 2014 Citrix. How do I “make up” projects? 1. Pick a problem to fix. 22

Slide 23

Slide 23 text

© 2014 Citrix. How do I “make up” projects? 2. Create a project - app, site, etc. 23 [Insert million dollar app idea here.]

Slide 24

Slide 24 text

© 2014 Citrix. What if you’re missing the skills? 24 Give yourself a project that allows you to practice the skills.

Slide 25

Slide 25 text

© 2014 Citrix. Action Items: 25 List the artifacts and skills you’re missing. • Recreate those missing artifacts. • Make up projects to earn those skills and artifacts. 5. Fill in the gaps.

Slide 26

Slide 26 text

© 2014 Citrix. 6. Architect your portfolio. How are you going to organize this work? 26

Slide 27

Slide 27 text

© 2014 Citrix. How will your organize this work? 27 You can organize it by: • The project’s lifecycle (e.g., start to finish) • Topic (e.g., mobile, user research, etc.) Decide what’s best for you and your content, but have a method.

Slide 28

Slide 28 text

© 2014 Citrix. 7. Design it well. You’re trying to meet your goal. 28

Slide 29

Slide 29 text

© 2014 Citrix. What do you include? Show visuals of the process. 29

Slide 30

Slide 30 text

© 2014 Citrix. Secret Stuff What about the stuff I can’t show? 30 Blur out identifying information. Password protect your work. Use your discretion!

Slide 31

Slide 31 text

© 2014 Citrix. Explain your work. 31 Your portfolio should talk about the: • Problem • Process • Challenges • Solutions

Slide 32

Slide 32 text

© 2014 Citrix. Tell a story. 32 — Intro — Architecture / storyboarding — Prototype development — Usability testing — Iteration

Slide 33

Slide 33 text

© 2014 Citrix. Be unique! Show unique activities, challenges, or really cool stuff! 33

Slide 34

Slide 34 text

© 2014 Citrix. Show your BEST work. 34 If in doubt, leave it out.

Slide 35

Slide 35 text

© 2014 Citrix. Less is more. You have 10 seconds to make an impression. 35 Think about this: • The first person to see your portfolio might not be a UXer. • Your resume is one of many resumes being viewed.

Slide 36

Slide 36 text

© 2014 Citrix. How much is too much? You have 10 seconds to make an impression. 36

Slide 37

Slide 37 text

© 2014 Citrix. Action Items: 37 Show visuals of the process. Tell a story. Include unique work! Include less - show highlights. Show your BEST work. 7. Design it well.

Slide 38

Slide 38 text

© 2014 Citrix. 8. Develop it right. 38

Slide 39

Slide 39 text

© 2014 Citrix. What tool can you use? 39

Slide 40

Slide 40 text

© 2014 Citrix. 40

Slide 41

Slide 41 text

© 2014 Citrix. Action Items: 41 Pick a method of development. • Know your capabilities and timeframe • Something easy for you to maintain Hire (barter or feed) someone. 8. Develop it right.

Slide 42

Slide 42 text

© 2014 Citrix. 9. Test… always. 42

Slide 43

Slide 43 text

© 2014 Citrix. Action Items: 43 Ask yourself, “Does this portray me?” Ask for feedback; take the feedback. Don’t forget to thank them! 9. Test… always.

Slide 44

Slide 44 text

© 2014 Citrix. 10. Iterate - early and often! Do this throughout the process; expect to throw things out. 44

Slide 45

Slide 45 text

© 2014 Citrix. Pro Tips Go one step beyond, because it’s worth it. 45

Slide 46

Slide 46 text

© 2014 Citrix. Stylize your content. 46 Make it look good.

Slide 47

Slide 47 text

© 2014 Citrix. Frame Your Work 47

Slide 48

Slide 48 text

© 2014 Citrix. Take pics of everything! 48 UX portfolios show process.

Slide 49

Slide 49 text

© 2014 Citrix. 49

Slide 50

Slide 50 text

© 2014 Citrix. Get a URL 50

Slide 51

Slide 51 text

© 2014 Citrix. URL Examples 51 Avoid: Lengthy URLS • bluedalek.wix.com/portfolio • student.umd.edu/~bluedalek • michelletchinUXdesigner.com Try: Shorter, memorable URLs: • simplebits.com • edmundyu.com • michelletchin.net

Slide 52

Slide 52 text

© 2014 Citrix. Maintain your portfolio! 52 You’ve come along way, let’s avoid having to do this again…

Slide 53

Slide 53 text

© 2014 Citrix. Confidential. Thanks! 53 Michelle T. Chin | @soysaucechin speakerdeck.com/soysaucechin Work better. Live better.