Hacking UX

Hacking UX

A talk on how to get started in UX design for developers & show them how they already make some UX decisions in their every-day workflow.

Keynote presented at: Primer MeetUp Comunidad Programadores e Informáticos Chile

Useful resources:
- https://gibbon.co/UXdesign/ux-storyboards
- https://www.pluralsight.com/courses/hacking-user-experience
- http://www.webdesignerdepot.com/2015/04/how-to-perfect-your-ux-with-persona-scenarios/
- http://www.slideshare.net/bastianlion/ux-ttc
- http://www.slideshare.net/bastianlion/follow-the-ux-path-appsterdam

25b46534e22c85a4d028403d83fcc6e0?s=128

A. Felipe Cabargas Madrid

January 15, 2016
Tweet

Transcript

  1. HACKING UX 1ER ENCUENTRO PROIN CHILE

  2. FELIPE CABARGAS API-CULTOR @ LAIKA | CO-FOUNDER SYNCOLABS

  3. THERE ARE THREE RESPONSES TO A PIECE OF DESIGN: YES,

    NO, AND WOW! WOW IS THE ONE TO AIM FOR. Milton Glaser HACKING UX
  4. THE ONLY THING MORE EXPENSIVE THAN WRITING SOFTWARE IS WRITING

    BAD SOFTWARE. Alan Cooper HACKING UX
  5. WHAT IS/ISN’T USER EXPERIENCE ?

  6. EXPERIENCE > FUNCTIONALITY

  7. UX != UI

  8. UX != FOR DUMB USERS

  9. UX != USABILITY

  10. UX != GOLDEN RECIPE

  11. UX == TEAM WORK

  12. UNDERSTANDING THE WORD “USER”

  13. USER != YOU

  14. USER == PERSONA KINDA

  15. None
  16. UX DESIGN TECHNIQUES LET’S USE

  17. PRODUCT

  18. HACKING UX (TECHNIQUES) LET’S USE LAIKA ▸ Name: Laika ▸

    Type: Mobile App ▸ One-line description: “Responsible Ownership & Pets Adoption”
  19. PERSONAS

  20. HACKING UX (PERSONAS) STEPS ▸ Research & Analysis: ▸ See

    how similar products or potential users behave AFK. ▸ Take notes on different individuals: ▸ Foundation managers. ▸ Pet Owners. ▸ Reaction of people about stray dogs/cats. ▸ Give them a face, a name.
  21. MARCELA ACUÑA THE MILLENNIAL OWNER 26 years old. Providencia, Santiago

    - CL Graphical Designer Earns 900K CLP/month Single
  22. ‣Not that tech-savvy. ‣Owns an iPhone 6 Plus. ‣Uses Instagram

    regularly. ‣Listens to podcasts. ‣Has a MacBook Air. ‣Uses OS X at Work. MARCELA ACUÑA SKILLS
  23. HACKING UX (PERSONAS) OTHER STEPS ▸ Create a Bio (how

    they found each other, how she named the dog), etc. ▸ Quote them. ▸ Give them goals in their life, like a person.
  24. USER SCENARIOS

  25. HACKING UX (SCENARIOS) WHAT THEY ARE ▸ “Stories that your

    PERSONAS act out.” ▸ In this way you predict how certain kind of users (represented by your PERSONAS) will interact with your product. ▸ Is like User Testing with PERSONAS: ▸ Give them a task to achieve. ▸ Look how they behave. ▸ Make assumptions based on the feedback of this experiment.
  26. USER TESTS

  27. HACKING UX (USER TESTS) WHAT THEY ARE ▸ A series

    of talks with target users that given certain tasks use the product in order to finish it. ▸ They’re supposed to use as many time as they need and act like they were alone using the product. ▸ Plus a brief interview after to get their final thoughts on the overall experience.
  28. HACKING UX (USER TESTS) HOW ▸ 5 users min. ▸

    2 team members: ▸ 1 takes notes and doesn’t interact with the user. ▸ the other gives the instructions and checks the progress.
  29. HACKING UX (USER TESTS) STEPS ▸ Define a section of

    your product. ▸ Generate a set of tasks that you want the users to check. ▸ Get the users (you can buy them a drink or give them a gift-card). ▸ Instruct them to be honest, they’re not making mistakes… Everything that they can’t do in the product is your fault. ▸ Take & compare notes. ▸ Generate reports and share them with the team. ▸ Make adjustments & test again.
  30. OTHER METHODS

  31. UX HACKING (OTHER METHODS) DISCOVER BY YOURSELF: ▸ Card Sorting.

    ▸ Storyboards.* ▸ User Journeys.* ▸ User Stories.* ▸ Benchmark Competition. ▸ Use Cases. ▸ Taxonomies. ▸ etc…
  32. HTTP://UXDESIGN.CC/UX-METHODS-DELIVERABLES/

  33. THANKS ! Felipe Cabargas @juanpintoduran http://blog.nondrivendevelopment.com Useful resources and links

    will be provided with this deck @ http://decks.cabargas.me