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

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