Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

7 Must-Try User Experience Tactics For Developers (Tiffany Nolan & Catherine Robson)

822 views

Published on

Users have higher expectations than ever from the applications and websites you deliver. They expect information to be organized, intuitive, and easy to use. With an average of 10 seconds to make a good first impression, it's critical that your application aligns with your user’s expectations, wants, and needs. In this session, you'll learn 7 strategies to use on any project to improve the user’s experience and keep them coming back for more.

Published in: Software
  • Be the first to comment

  • Be the first to like this

7 Must-Try User Experience Tactics For Developers (Tiffany Nolan & Catherine Robson)

  1. 1. 7 must-try user experience tactics for developers by Tiffany Nolan & Catherine Robson
  2. 2. Users have higher expectations than ever.
  3. 3. 10 seconds to make a good impression 20 minutes to achieve a goal
  4. 4. Tiffany Nolan Catherine Robson Manager, User Experience Design Red Hat, Inc crobson@redhat.com @catwrobson Interaction Designer Red Hat, Inc tnolan@redhat.com @tiffanolan About us
  5. 5. How many of you are developers? Question time! How many of you work with a UX designer already?
  6. 6. Learning UX tactics will make you a better developer.
  7. 7. TACTIC #1 User stories
  8. 8. Always start with user stories. TACTIC #1 | User stories
  9. 9. As a <user type> I want <feature> so <reason> TACTIC #1 | User stories
  10. 10. http://www.romanpichler.com/blog/personas-epics-user-stories/ TACTIC #1 | User Stories
  11. 11. Fuddy Find Food Buddies at your next conference or event. Establishes a connection and similar interests to be able to chat at receptions. No one wants to eat alone, and especially when you’re on the road and in a new city. There are so many unique and delicious restaurants to try out!
  12. 12. Masters degree in Public Communications 5 - 10 years of experience in her trade Has changed companies about every 5 years Is looking to grow in her trade Social butterfly and excellent networker Attend the conference to learn more about her trade Network with others in different companies to open up job opportunities Have engaging and interesting discussions with colleagues of similar interest Expand her opportunities for the future Wants to experience the city and locale of each conference as well as an avid traveler “Going to conferences is such a great learning experience, but the best part is networking and meeting new and interesting people I can learn from. GOALS Sometimes it can be hard to locate others who are really looking for the most out of the conference experience Wants to find the restaurants and experiences that really provide a taste of the locale while at a conference, but doesn’ t always have time to research it Cheryl always arrives the day before the conference starts, wanting to get the most out of her conference experience. She carefully plans her sessions, but also knows that part of the value of the conference is open time to meet and network with other colleagues. She makes sure to leave her evenings available for either conference sponsored events, or to meet with people she meets throughout the day. She often wants to engage with new contacts that have similar interests and helpful associations, but only occasionally stumbles across these at a given conference. Cheryl Conference Attendee PAIN POINTS BACKGROUND Goes to conferences a few times a year and loves to socialize DAY IN THE LIFE …. More info...
  13. 13. TACTIC #1 | User stories Epic Cheryl likes to locate and meet new people over dinner.
  14. 14. ● Cheryl would like to host an open reception at a local restaurant, so she can choose a restaurant she likes for people to join. ● Cheryl would like to browse existing receptions by attendees so she can join the most interesting evening conversation for her. TACTIC #1 | User stories
  15. 15. Brainstorm how you can solve the problem.
  16. 16. TACTIC #2 Sketching
  17. 17. Quickly and easily explore design options. TACTIC #2 | Sketching
  18. 18. Iterate because your first idea is rarely your best. TACTIC #2 | Sketching
  19. 19. TACTIC #2 | Sketching Diverge Converge Create choices Make choices
  20. 20. You don’t have to be an artist to make an effective sketch. TACTIC #2 | Sketching
  21. 21. TACTIC #3 User flows
  22. 22. Map how the user performs their tasks. TACTIC #3 | User flows
  23. 23. Get stakeholder buy-in early. TACTIC #3 | User flows
  24. 24. Like sketching, create user flows before any coding. TACTIC #3 | User flows
  25. 25. Solve the problem without technology restrictions. TACTIC #3 | User flows
  26. 26. Home Browse & Filter Receptions Browse Locations Location Details Booking Form Confirmation Reception Details Confirmation I would like to host an open reception. I want to join the most interesting reception. CREATE ATTEND SELECT SELECT BOOK IT! JOIN SUBMIT
  27. 27. Your goal is to optimize the task. TACTIC #3 | User flows
  28. 28. Downloads user flow Current (March 10, 2016) - 8 Screens, 6 Clicks to accept all T&Cs and get download bits Click Download latest Click REGISTER Click CREATE MY ACCOUNT Info: Email verification Click link to verify email Click ACCEPT Click CONTINUE DOWNLOAD Software downloads Downloads Log in Register Verify T&Cs More info Get started Possible for Week of March 14 - 6 Screens, 5 Clicks to accept all T&Cs and get download bits Click Download latest Click REGISTER Click CREATE MY ACCOUNT Click ACCEPT Click CONTINUE DOWNLOAD Software downloads Downloads Log in Register T&Cs More info Get started Desired for End of March - 4 Screens, 3 Clicks to accept all T&Cs and get download bits Click Download latest Click REGISTER Click CREATE MY ACCOUNT Software downloads Downloads Log in Register Get started Email verification not required Email verification not required T&Cs added to Register Form New form with multiple checkboxes for T&Cs
  29. 29. Home Browse & Filter Receptio ns Browse Location s Location Details Booking Form Confirmation Receptio n Details Confirmat ion I would like to host an open reception. I want to join the most interesting reception. Cheryl would like to host an open reception at a local restaurant, so she can choose a restaurant she likes for people to join. Cheryl would like to browse existing receptions by attendees so she can join the most interesting evening conversation for her.
  30. 30. TACTIC #4 Move away from the data table!
  31. 31. Data tables create information overload. TACTIC #4 | Move away from the data table!
  32. 32. TACTIC #4 | Move away from the data table!
  33. 33. TACTIC #4 | Move away from the data table!
  34. 34. TACTIC #4 | Move away from the data table!
  35. 35. TACTIC #5 Whitespace
  36. 36. ...is the amount of space between elements. TACTIC #5 | Whitespace
  37. 37. Breathing room and balance. It’s important. TACTIC #5 | Whitespace
  38. 38. ...improves readability & shows content prioritization. TACTIC #5 | Whitespace
  39. 39. The space doesn't have to actually be white. TACTIC #5 | Whitespace
  40. 40. TACTIC #6 Guerrilla testing
  41. 41. Test 10 minutes to save 10 days re-coding. TACTIC #6 | Guerrilla testing
  42. 42. TACTIC #6 | Guerrilla testing
  43. 43. TACTIC #6 | Guerrilla testing Be casual. Listen; don’t talk.
  44. 44. TACTIC #6 | Guerrilla testing Record if possible.
  45. 45. TACTIC #6 | Guerrilla testing Respect their time.
  46. 46. TACTIC #7 User feedback
  47. 47. It’s not over once the solution is live. TACTIC #7 | User feedback
  48. 48. Provide tools for feedback, bugs & issues. TACTIC #7 | User feedback
  49. 49. Think about the details you need to solve an issue. TACTIC #7 | User feedback
  50. 50. Expose the feedback to a wider audience. TACTIC #7 | User feedback
  51. 51. Don’t be afraid to follow up with the user! TACTIC #7 | User feedback
  52. 52. 7 user experience tactics 1. User stories 2. Sketching 3. User flows 4. Move away from the data table! 5. Whitespace 6. Guerrilla testing 7. User feedback
  53. 53. 10 seconds to make a good impression 20 minutes to achieve a goal
  54. 54. Research, Personas, User Stories https://www.usability.gov/what-and-why/user-experience.html http://www.uxbooth.com/articles/creating-personas/ https://www.mountaingoatsoftware.com/agile/user-stories http://www.romanpichler.com/blog/10-tips-writing-good-user-stories/ Interaction and Visual Design https://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/0470084111 http://www.uxbooth.com/articles/complete-beginners-guide-to-interaction-design/ https://www.usability.gov/what-and-why/interaction-design.html http://1stwebdesigner.com/graphic-design-basics-elements/ http://www.visualmess.com/ Testing and Feedback http://www.uxbooth.com/articles/the-art-of-guerrilla-usability-testing/ https://www.amazon.com/Dont-Make-Me-Think-Usability/dp/0321344758 http://www.measuringu.com/blog/essential-metrics.php https://www.usability.gov/what-and-why/web-analytics.html Additional UX Resources
  55. 55. Tiffany Nolan Catherine Robson Manager, User Experience Design Red Hat, Inc crobson@redhat.com @catwrobson Interaction Designer Red Hat, Inc tnolan@redhat.com @tiffanolan Connect with usQuestions?
  56. 56. THANKS!

×