Uploaded byFrank Garofalo
Demystifying User Experience & User Interface - Esri UC
The document outlines a technical workshop from the Esri UC 2014, focusing on the importance of user interface (UI) and user experience (UX) design. Key points include the necessity of user research to avoid assumptions, the benefits of usability for improving product effectiveness, and various testing methods to validate designs. The workshop emphasizes engaging design practices that lead to happier customers and more confident teams.
More Related Content
Similar to Demystifying User Experience & User Interface - Esri UC
Demystifying User Experience & User Interface - Esri UC
- 1. Esri UC 2014| Technical Workshop | Demystifying UI & UX Frank Garofalo & Mark Harrower 07/17/14 @fgarofalo
- 2. Why UI &UX? User Interface Design and User Experience are critical for great products #uxui #esriux #esriui
- 3. Great technology is DonNorman Design of Everyday Things (1988) #uxui #esriux #esriui
- 4. Great technology is Self-Explanatory DonNorman Design of Everyday Things (1988) #uxui #esriux #esriui
- 5. Great technology is Self-Explanatory Frictionless DonNorman Design of Everyday Things (1988) #uxui #esriux #esriui
- 6. Great technology is Self-Explanatory Frictionless Engaging DonNorman Design of Everyday Things (1988) #uxui #esriux #esriui
- 7.
- 8. The UX #uxui #esriux#esriui
- 9. The UI #uxui #esriux#esriui
- 10. The Server #uxui #esriux#esriui
- 11. Esri UC 2014| Technical Workshop | Workshop on GIS+Design …then? ( queue the drum roll ) #uxui #esriux #esriui
- 12. Usability #uxui #esriux#esriui
- 13.
- 14.
- 15.
- 16.
- 17.
- 18. #uxui #esriux #esriui#uxui#esriux #esriui Why Care? Saves Time Saves Money Sharpens Scope and Vision Happier Customers Increases Team Confidence Reduces Demand on Support
- 19. #uxui #esriux #esriui http://www.nngroup.com/articles/doing-ux-agile-world/ Skippinguser research is extremely risky. Even the best design ideas are just assumptions. ~ Jakob Nielsen
- 20. #uxui #esriux #esriui http://www.nngroup.com/articles/the-myth-of-the-genius-designer/ Greatexperiences happen when you rely on usability data, rather than guesses. ~ Hoa Loringer
- 21.
- 22. Workshop on GIS+Design Methods UsabilityPartners.se #uxui#esriux #esriui
- 23. Workshop on GIS+Design Methods DiaryStudy #uxui #esriux #esriui nForm.com
- 24. Workshop on GIS+Design Methods Wireflow #uxui#esriux #esriui nForm.com
- 25. Workshop on GIS+Design Methods Swimlanes #uxui#esriux #esriui nForm.com
- 26. Workshop on GIS+Design Methods Backcasting #uxui#esriux #esriui nForm.com
- 27. Workshop on GIS+Design Methods PaperPrototype #uxui #esriux #esriui nForm.com
- 28. Esri UC 2014| Technical Workshop |#uxui #esriux #esriui B2B
- 29. Esri UC 2014| Technical Workshop | B2G #uxui #esriux #esriui
- 30. Esri UC 2014| Technical Workshop |#uxui #esriux #esriui B2C
- 31. Esri UC 2014| Technical Workshop |#uxui #esriux #esriui B2BH2H
- 32. Esri UC 2014| Technical Workshop |#uxui #esriux #esriui B2BH2H Technology
- 33.
- 34. Tips & Tricks 3– 5 Participants #uxui #esriux #esriui
- 35. Tips & Tricks TestEarly (Paper is great!) #uxui #esriux #esriui
- 36. Tips & Tricks TestOften (e.g., hallway drive-by, glance test) #uxui #esriux #esriui
- 37. Tips & Tricks TestOften (e.g., hallway drive-by, glance test) #uxui #esriux #esriui
- 38. Tips & Tricks Validatewith correct audience #uxui #esriux #esriui
- 39. Tips & Tricks Watch.Listen. Probe. #uxui #esriux #esriui
- 40. Esri UC 2014| Technical Workshop |#uxui #esriux #esriui Thanks Questions?
- 41. Esri UC 2014| UX & UI Summit | Demystifying UI & UX
Editor's Notes
- #2 Introduce Ourselves!
- #3 Think about your favorite products or apps or websites – think about how they make you feel? All offer a great, frictionless experience that seem to fit your workflow perfectly, revealing just the tools you need at the time you need them, encouraging you to do great work, that you can’t wait to use again. THEY PUT A SMILE ON YOUR FACE.
- #4 The tea pot has all the requirements of a teapot and passes most of the tests (holds tea, can be carried, can pour), but a little testing would have revealed an obvious, fatal flaw. HOW CAN WE AVOID THESE SAME FLAWS IN OUR WORK? UX LESSON: Don’t let a list of requirements blind you to the experience of using the product. Ask audience to think about their own personal frustration as users with really badly designed technology. Do they still use it? Are the motivated to find an alternative
- #5 The tea pot has all the requirements of a teapot and passes most of the tests (holds tea, can be carried, can pour), but a little testing would have revealed an obvious, fatal flaw. HOW CAN WE AVOID THESE SAME FLAWS IN OUR WORK? UX LESSON: Don’t let a list of requirements blind you to the experience of using the product. Ask audience to think about their own personal frustration as users with really badly designed technology. Do they still use it? Are the motivated to find an alternative
- #6 The tea pot has all the requirements of a teapot and passes most of the tests (holds tea, can be carried, can pour), but a little testing would have revealed an obvious, fatal flaw. HOW CAN WE AVOID THESE SAME FLAWS IN OUR WORK? UX LESSON: Don’t let a list of requirements blind you to the experience of using the product. Ask audience to think about their own personal frustration as users with really badly designed technology. Do they still use it? Are the motivated to find an alternative
- #7 The tea pot has all the requirements of a teapot and passes most of the tests (holds tea, can be carried, can pour), but a little testing would have revealed an obvious, fatal flaw. HOW CAN WE AVOID THESE SAME FLAWS IN OUR WORK? UX LESSON: Don’t let a list of requirements blind you to the experience of using the product. Ask audience to think about their own personal frustration as users with really badly designed technology. Do they still use it? Are the motivated to find an alternative
- #8 THESE THINGS PUT A SMILE ON YOUR FACE. We all want to build those kinds of products, but it’s really hard work, and nearly impossible without UI and UX.
- #9 Think about your favorite products or apps or websites – all offer a great, frictionless experience that seem to fit your workflow perfectly, revealing just the tools you need at the time you need them, encouraging you to do great work, that you can’t wait to use again. THESE THINGS PUT A SMILE ON YOUR FACE. We all want to build those kinds of products, but it’s really hard work, and nearly impossible without UI and UX.
- #10 Think about your favorite products or apps or websites – all offer a great, frictionless experience that seem to fit your workflow perfectly, revealing just the tools you need at the time you need them, encouraging you to do great work, that you can’t wait to use again. THESE THINGS PUT A SMILE ON YOUR FACE. We all want to build those kinds of products, but it’s really hard work, and nearly impossible without UI and UX.
- #11 Think about your favorite products or apps or websites – all offer a great, frictionless experience that seem to fit your workflow perfectly, revealing just the tools you need at the time you need them, encouraging you to do great work, that you can’t wait to use again. THESE THINGS PUT A SMILE ON YOUR FACE. We all want to build those kinds of products, but it’s really hard work, and nearly impossible without UI and UX.
- #15 Definition: Utility = whether it provides the features you need. Definition: Usability = how easy & pleasant these features are to use. Definition: Useful = usability + utility.” 5 components of usability: (1) learnability, (2) efficiency, (3) memorability, (4) errors, and (5) satisfaction.
- #16 Definition: Utility = whether it provides the features you need. Definition: Usability = how easy & pleasant these features are to use. Definition: Useful = usability + utility.” 5 components of usability: (1) learnability, (2) efficiency, (3) memorability, (4) errors, and (5) satisfaction.
- #17 Definition: Utility = whether it provides the features you need. Definition: Usability = how easy & pleasant these features are to use. Definition: Useful = usability + utility.” 5 components of usability: (1) learnability, (2) efficiency, (3) memorability, (4) errors, and (5) satisfaction.
- #23 Many methods, varying costs and payoffs, you don’t need to know all, but know there is a rich toolset you can tap into. And more importantly, great expert knowledge to guide you. AND YOU CAN OUTSOURCE!!!! Some companies now do this for YOU if you don’t have a team at your disposal - $20-50 per participant, see transcripts, id target demographic groups, etc.
- #29 support enterprise-wide geo-enabling for business professionals, field workers, decision makers, and even citizens and consumers.
- #30 support enterprise-wide geo-enabling for business professionals, field workers, decision makers, and even citizens and consumers.
- #31 support enterprise-wide geo-enabling for business professionals, field workers, decision makers, and even citizens and consumers.
- #32 I was thinking Frank could talk about how/when/where/with whom we do UX at Esri – outline the scope, range, variety, and why we care. How it coexists with Dev Teams.
- #33 I was thinking Frank could talk about how/when/where/with whom we do UX at Esri – outline the scope, range, variety, and why we care. How it coexists with Dev Teams.
- #34 Big formal studies are fine, but rarely needed. “Guerilla usability”, “lean UX”
- #35 Big formal studies are fine, but rarely needed. “Guerilla usability”, “lean UX”
- #36 EVEN BEFORE YOU’VE WRITTEN A LINE OF CODE
- #37 Take 30 seconds!! Trust me, it’ll be worth it. BUT (!!) also take moving average.
- #38 Take 30 seconds!! Trust me, it’ll be worth it. BUT (!!) also take moving average.
- #40 Don’t’ ASSUME YOU KNOW YOUR AUDIENCE, WHAT THEY NEED, OR HOW THEY WORK