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?
    #!&%!

    View Slide

  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

    View Slide

  3. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Hi. I’m Robin.
    #WRANGLINGUX

    View Slide

  4. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    The Basics

    View Slide

  5. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Let’s talk fundamentals.

    View Slide

  6. 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.

    View Slide

  7. 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.

    View Slide

  8. 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.

    View Slide

  9. 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

    View Slide

  10. 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.

    View Slide

  11. 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.

    View Slide

  12. 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.

    View Slide

  13. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Why do we care?

    View Slide

  14. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Focusing on UX enables the
    design to focus on the user.

    View Slide

  15. 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

    View Slide

  16. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    The Daily Grind

    View Slide

  17. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    The tools of the trade

    View Slide

  18. 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

    View Slide

  19. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    What do employers want?

    View Slide

  20. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    UNICORNS!

    View Slide

  21. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    MOAR UNICORNS!

    View Slide

  22. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Pro Tip:
    There are no UX unicorns.

    View Slide

  23. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    No. Seriously. Give me 5 things
    they want in a junior designer.

    View Slide

  24. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    What hiring managers look for.
    communication
    learning and challenges
    initiative
    creativity
    portfolio

    View Slide

  25. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Communication
    Can you communicate effectively?
    1

    View Slide

  26. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Learning and challenges
    Will you learn from and challenge the team?
    2

    View Slide

  27. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Initiative
    Do you take initiative to learn?
    3

    View Slide

  28. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Creativity
    Are you talented or creative?
    4

    View Slide

  29. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Portfolio
    Does your portfolio show your potential?
    5

    View Slide

  30. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Getting there from
    here.

    View Slide

  31. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Read and research.
    1
    1

    View Slide

  32. 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.

    View Slide

  33. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Get to know the UX workflow.
    1
    2

    View Slide

  34. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Define the user problem
    build empathy for the target user
    carry out polls and surveys
    create problem statements

    View Slide

  35. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Ideate a solution
    sketch ideas
    create wireframes
    build a prototype

    View Slide

  36. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Test your design
    conduct user testing
    use feedback to iterate your design
    conduct more user testing

    View Slide

  37. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Develop and execute
    finalize your wireframe
    finalize UI design
    handoff to development team

    View Slide

  38. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Play with the tools of the trade.
    3

    View Slide

  39. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Common UX tools
    ● User research
    ○ SurveyMonkey, Typeform
    ● Wireframing
    ○ Sketch, Balsamiq, Wireframe.cc, Figma, UXPin
    ● Prototyping
    ○ InVision, Mockplus

    View Slide

  40. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Additional tools
    ● Project management
    ○ Asana
    ● Communication
    ○ Slack, Zoom
    ● Brainstorming
    ○ Whiteboards, Penultimate, iMockups

    View Slide

  41. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    https://asana.com/

    View Slide

  42. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Take a course.
    4

    View Slide

  43. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Learn by doing.
    ● Boot camps
    ● Workshops
    ● Design courses

    View Slide

  44. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    https://www.interaction-design.org/

    View Slide

  45. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Get inspired.
    5

    View Slide

  46. 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

    View Slide

  47. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Build your portfolio.
    6

    View Slide

  48. 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

    View Slide

  49. 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

    View Slide

  50. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Network.
    7

    View Slide

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

    View Slide

  52. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    https://www.interaction-design.org/

    View Slide

  53. 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

    View Slide

  54. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    https://www.interaction-design.org/

    View Slide

  55. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    https://www.userexperience.guide/

    View Slide

  56. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Holy cow.
    Are we done yet?

    View Slide

  57. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Yes. Unless you have
    questions.

    View Slide

  58. WPCAMPUS ● JULY 2019 ● PORTLAND, OR #WRANGLINGUX
    Questions?
    Email me: [email protected]
    Tweet me: @robin2go
    Beer me later!

    View Slide

  59. Thank you!
    Complete the feedback form:
    bit.ly/wrangle-ux-feedback
    Link to these slides on SpeakerDeck:
    bit.ly/wrangle-ux

    View Slide