UX Portfolio Workshop

UX Portfolio Workshop

Here are the slides from the UX Portfolio Workshop I did at exploreUX (a DC area meetup for UX enthusiasts) on 4/22/14. The workshop was part presentation and part activities to get participants in the right mindset for creating their UX portfolios.

The slides go into the specifics on:
• What to put in your UX portfolio
• How to figure out what (of your stuff) to include
• How to add what you’re missing
• What tools and resources to use in building it
• What’s a good (and bad) portfolio

76b46d4f7b9501e85fccc24a7910927f?s=128

Michelle Chin

April 22, 2014
Tweet

Transcript

  1. 8.

    WHY A PORTFOLIO? • Transitioning to a UX career •

    Looking for a new job • Adding credibility to your career
  2. 23.

    INTRODUCE YOURSELF • Your name • What you do /

    are trying to do • Your favorite food truck
  3. 24.

    WHAT IS YOUR GOAL? What kind of work do you

    want to do? (UX/interaction designer, user researcher, full time, contract)
  4. 25.

    WHAT IS YOUR GOAL? Where do you want to work?

    (Large company, agency, government)
  5. 27.

    ACTIVITY: WHAT IS YOUR GOAL? Take a few minutes to

    determine your goal. • What kind of work do you want to do? • Where do you want to work? • Anything else?
  6. 32.
  7. 33.

    ACTIVITY: INVENTORY • List at least 5 projects relevant to

    your goal • Start to finish • Work that involved UX process • But what if… • I can’t list projects? • I don’t have any? • What projects would you like to do?
  8. 35.
  9. 36.

    ACTIVITY: INVENTORY • List the UX activities done for each

    project • User research • Content inventory • Wireframes • Prototyping • Usability testing • and others
  10. 43.

    INVENTORY There’s no shame in taking the time to practice

    your UX skills and demonstrating a great job.
  11. 48.

    WHAT IF YOU’RE MISSING THE SKILLS? Give yourself a project

    that allows you to practice the skills.
  12. 58.
  13. 61.
  14. 69.
  15. 72.
  16. 74.
  17. 76.
  18. 90.
  19. 92.
  20. 96.

    DON’T FORGET • Rule #1: Let it go. • Rule

    #2: You are what you present. • Iterate; maintain. • Stay in touch with the folks you meet today. • Complete the eval, please!
  21. 98.

    ACTIVITY: NETWORK • Exchange contact info with those in your

    group • Talk to those that have complementary stickers on their name tag. • Maybe you guys can work on a mock project together…?
  22. 100.

    IMAGE CREDITS • Slide 13: http://codepen.io/motorlatitude/pen/wmpux • Slide 14: http://www.duolingo.com

    • Slide 14: http://www.etsy.com • Slide 14: http://www.nike.com/us/en_us/c/nikeplus-fuelband • Slide 15: http://ideas.semanticfoundry.com/2012/09/09/shades-of-grey-wireframes-as-thinking-device • Slide 15: https://www.flickr.com/photos/anthonyarmendariz/4448219885 • Slide 15: http://creately.com/blog/diagrams/wire-frame-benefits/ • Slide 23: http://tipplesbrews.com/2014/03/28/april-2014-food-truck-schedule • Slide 45: http://www.wikipedia.org/ • Slide 45: https://dribbble.com/wirwoluf/projects/104912-wikipedia-redesign • Slide 61: http://www.alertdiver.com/ • Slide 69: http://www.fumikoyu.com/ • Slide 74: http://www.simonpan.com/ • Slide 90: http://foundation.zurb.com/ All other images were from Michelle’s own collection.
  23. 101.

    EXAMPLES Here are some examples for inspiration, but always do

    what’s best for you! • Abby the IA: http://abbytheia.wordpress.com • Edmund Yu: http://www.edmundyu.com/ • Sarah Spitler: http://www.sarahspitler.com