So, you want to UX?

UX'ing is fun!

Transcript

1. You
   want
   to UX?
   SO,
   #sywtUX
   

   View Slide

2. Hi, i'm
   @tapps
   (TRACY APPS)
   TA P P S . D E S I G N
   #sywtUX
   

   View Slide

3. User
   Experience
   W H AT I S U X ?
   #sywtUX
   

   View Slide

4. User
   Experience
   W H AT I S U X ?
   PLAN
   DESIGN
   DEVELOP
   DEFINE
   TEST
   #sywtUX
   

   View Slide

5. User
   Experience
   W H AT I S U X ?
   PLAN
   DESIGN
   DEVELOP
   DEFINE
   TEST
   TEST
   TEST
   TEST
   TEST
   TEST
   #sywtUX
   

   View Slide

6. User
   Experience
   W H AT I S U X ?
   PLAN
   DESIGN
   DEVELOP
   DEFINE
   TEST
   TEST
   TEST
   TEST
   TEST
   TEST
   A C C E S S I B I L I T Y
   A C C E S S I B I L I T Y
   A C C E S S I B I L I T Y
   A C C E S S I B I L I T Y
   A C C E S S I B I L I T Y #sywtUX
   

   View Slide

7. that seems
   like a lot
   WOAH...
   It is. But...
   #sywtUX
   

   View Slide

8. user
   #sywtUX
   

   View Slide

9. you
   #sywtUX
   

   View Slide

10. user
    #sywtUX
    

    View Slide

11. you
    #sywtUX
    

    View Slide

12. user
    #sywtUX
    

    View Slide

13. how do i
    do that?
    OK, FOCUS ON THE USER. GOT IT. NOW...
    Here's a few tips for you!
    #sywtUX
    

    View Slide

14. Listen
    REALLY, REALLY LISTEN.
    Handy UXing tip #1
    #sywtUX
    

    View Slide

15. Listen
    REALLY, REALLY LISTEN.
    Handy UXing tip #1
    WHAT THEY SAY
    HOW THEY SAY IT
    WHY THEY SAY IT
    #sywtUX
    

    View Slide

16. Do your
    homework
    PRACTICE YOUR EMPATHY
    Handy UXing tip #2
    #sywtUX
    

    View Slide

17. Do your
    homework
    PRACTICE YOUR EMPATHY & SPEND SOME TIME USING ACCESSIBILITY TOOLS
    Handy UXing tip #2.5
    #sywtUX
    

    View Slide

18. Do your
    homework
    PRACTICE YOUR EMPATHY & SPEND SOME TIME USING ACCESSIBILITY TOOLS
    Handy UXing tip #2.5
    #sywtUX
    

    View Slide

19. Do your
    homework
    PRACTICE YOUR EMPATHY & SPEND SOME TIME USING ACCESSIBILITY TOOLS
    Handy UXing tip #2.5
    #sywtUX
    

    View Slide

20. Do your
    homework
    PRACTICE YOUR EMPATHY & SPEND SOME TIME USING ACCESSIBILITY TOOLS
    Handy UXing tip #2.5
    SCREEN READER
    KEYBOARD NAVIGATION
    VIEW IN BLACK & WHITE
    #sywtUX
    

    View Slide

21. Do your
    homework
    PRACTICE YOUR EMPATHY & SPEND SOME TIME USING ACCESSIBILITY TOOLS
    Handy UXing tip #2.5
    SCREEN READER
    KEYBOARD NAVIGATION
    VIEW IN BLACK & WHITE
    TAPPS.US/BLIND-FOR-A-WEEK
    #sywtUX
    

    View Slide

22. Prepare to be
    wrong
    BECAUSE IT WILL HAPPEN A LOT.
    Handy UXing tip #3
    #sywtUX
    

    View Slide

23. Test Early,
    Test Often
    HOW DO I DO THIS?
    Handy UXing tip #4
    #sywtUX
    

    View Slide

24. Test Early,
    Test Often
    HOW DO I DO THIS?
    Handy UXing tip #4
    DEFINE
    SURVEY
    FOCUS GROUP
    PLAN DESIGN DEVELOP
    USER FLOW
    A/B TESTING
    UI ELEMENTS
    CARD SORT
    PROTOTYPE
    SOLO USER
    TEST (SCREEN
    RECORDING)
    USER
    STORIES
    #sywtUX
    WIREFRAME
    

    View Slide

25. Test Early,
    Test Often
    HOW DO I DO THIS?
    Handy UXing tip #4
    DEFINE
    SURVEY
    FOCUS GROUP
    DOCUMENT
    EXISTING
    PROCESS
    PLAN DESIGN DEVELOP
    RUN-THROUGH
    NEW PROCESS
    IDEAS
    USER FLOW
    VOCABULARY
    CONSENSUS
    FEATURE
    PRIORITY
    A/B TESTING
    UI ELEMENTS
    FEEDBACK ON
    UI INTERACTION
    (VIDEO OR LIVE)
    CARD SORT
    COLOR
    BLIND TESTS
    PROTOTYPE
    SOLO USER
    TEST (SCREEN
    RECORDING)
    SPEED TEST
    OBSERVE
    INTERACTIONS
    TREE TEST
    FIRST
    IMPRESSION
    DEFINE USER
    DEVICES &
    FAMILIARITY
    SCREEN READER
    DEVICE TESTS
    ANALYTICS
    USER
    STORIES
    COLOR
    THEORY
    CULTURE &
    GENERATION
    #sywtUX
    WIREFRAME
    

    View Slide

26. just keep learning
    Handy UXing tip #5
    AND FAIL GRACEFULLY
    #sywtUX
    

    View Slide

27. any
    questions?
    @ TA P P S
    T H E R E A LTA P P S
    TA P P S . D E S I G N
    #sywtUX
    THESE SLIDES CAN BE FOUND AT
    SPEAKERDECK.COM/TAPPS
    

    View Slide