Upgrade to Pro — share decks privately, control downloads, hide ads and more …

How Do I Wrangle This UX Thing?

How Do I Wrangle This UX Thing?

Slides from 2019 talk at WPCampus in Portland, Oregon.

Robin Smail

July 26, 2019
Tweet

More Decks by Robin Smail

Other Decks in Design

Transcript

  1. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Robin Smail

    UX RENEGADE How Do I Wrangle This … . ...UX Thing? #!&%!
  2. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Let’s talk.

    Introductions The Basics of UX The Daily Grind How to Get There from Here Final Questions
  3. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX User experience

    (UX) encompasses all aspects of the end user’s interaction with a company, its services, and its products.
  4. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX User experience

    design (UXD) focuses on how the utility, ease of use, and efficiency for a user’s interaction with a product or service can be improved.
  5. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX If visual

    design is about designing how the product looks, then user experience design is about designing how it feels.
  6. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX “I invented

    the term because I thought human interface and usability were too narrow. I wanted to cover all aspects of the person’s experience with the system including industrial design, graphics, the interface, the physical interaction, and the manual.” — Don Norman, Director of the Design Lab at UCSD
  7. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX User interfaces

    (UI) are the access points where users interact with designs. Designers focus on building interfaces users will find highly usable and efficient.
  8. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX User interface

    (UI) design is the process of making interfaces in software or computerized devices with a focus on looks or style.
  9. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX If user

    experience design is about designing how the product feels, then user interface design is about designing how the product is laid out so that it works.
  10. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Focusing on

    UX enables the design to focus on the user.
  11. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX “Humans have

    always been emotional and have always reacted to the artifacts in their world emotionally.” — Alan Cooper, President of Cooper
  12. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Things a

    UX designer might work on • User research • User personas • User stories • Wireframes • Prototypes • User testing • Visual design • User interface • Information architecture • User interaction design • Accessibility • Usability
  13. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX No. Seriously.

    Give me 5 things they want in a junior designer.
  14. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX What hiring

    managers look for. communication learning and challenges initiative creativity portfolio
  15. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Learning and

    challenges Will you learn from and challenge the team? 2
  16. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Read and

    research. • know what user experience design is • understand UX vs UI design • understand the role of UX in business.
  17. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Define the

    user problem build empathy for the target user carry out polls and surveys create problem statements
  18. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Ideate a

    solution sketch ideas create wireframes build a prototype
  19. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Test your

    design conduct user testing use feedback to iterate your design conduct more user testing
  20. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Develop and

    execute finalize your wireframe finalize UI design handoff to development team
  21. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Common UX

    tools • User research ◦ SurveyMonkey, Typeform • Wireframing ◦ Sketch, Balsamiq, Wireframe.cc, Figma, UXPin • Prototyping ◦ InVision, Mockplus
  22. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Additional tools

    • Project management ◦ Asana • Communication ◦ Slack, Zoom • Brainstorming ◦ Whiteboards, Penultimate, iMockups
  23. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Learn by

    doing. • Boot camps • Workshops • Design courses
  24. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Get inspired.

    • Visit your favorite sites and take notes ◦ why do you like it? what appeals to you? • Develop your design eye • Check out portfolio sites ◦ bestfolios.com, theblog.adobe.com, Dribbble • Google “UX portfolios” and go surfing • Keep a bookmark file for reference
  25. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Build your

    portfolio. There are lots of opportunities if you know where to look • volunteer your UX skills with non-profits • look for virtual volunteering opportunities • set yourself a design challenge • use examples from classes and courses
  26. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Pro Tip:

    Don’t forget to include examples of all parts of the UX workflow • user stories and personas • wireframes and prototypes • design iterations
  27. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Network. Local

    industry/highered peers Local meetups and events LinkedIn groups and forums Mentors Online UX design communities
  28. WPCAMPUS • JULY 2019 • PORTLAND, OR #WRANGLINGUX Online UX

    design communities. Dribbble Designer Hangout (invite only; this link is your invite) Interaction Design Foundation (IDF) Community Mockplus Community UX Mastery Community UXg Slack Community UX Guide Resources