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.

Strategic User Experience

1,400 views

Published on

Esri DevSummit 2012

Published in: Technology, Design
  • Be the first to comment

Strategic User Experience

  1. 1. Strategic User Experience with Flex Frank J. Garofalo @fgarofalo | #devsummit #mapux #gisux
  2. 2. source: Adobe Systems Inc. Adobe MAX 2010 – “Save the Users.” http://www.youtube.com/watch?v=lNnGrS6UphE @fgarofalo | #devsummit #mapux #gisux
  3. 3. what is user experience? @fgarofalo | #devsummit #mapux #gisux
  4. 4. what is user experience? a persons perceptions and responses that result from the use or anticipated use of a product, system or service source: ISO 9241-210 @fgarofalo | #devsummit #mapux #gisux
  5. 5. a button @fgarofalo | #devsummit #mapux #gisux
  6. 6. a button developer private function btn_mouseHandler (event:MouseEvent):void { } @fgarofalo | #devsummit #mapux #gisux
  7. 7. a button developer private function btn_mouseHandler (event:MouseEvent):void { } designer …stylizing the button @fgarofalo | #devsummit #mapux #gisux
  8. 8. a button developer private function btn_mouseHandler (event:MouseEvent):void { } designer …stylizing the button user experience …messaging, positioning/layout, frequency of use @fgarofalo | #devsummit #mapux #gisux
  9. 9. “Know your users and plan everything with them in mind.”source: “Yes We Can: The Future of Government Online” white paper by Modius Associates. December 2011. @fgarofalo | #devsummit #mapux #gisux
  10. 10. 3 - phases 1. Strategy 2. Concept 3. Design @fgarofalo | #devsummit #mapux #gisux
  11. 11. 3 - phases 1. Strategy 2. Concept Test & Validate with end-users throughout phases 3. Design @fgarofalo | #devsummit #mapux #gisux
  12. 12. pseudo code if know who is target end-user & their situation then function Concept function Test & Validate else if know the workflow for the user then function Design function Test & Validate else function Strategy function Test & Validate @fgarofalo | #devsummit #mapux #gisux
  13. 13. 3 - phases 1. Strategy 2. Concept Test & Validate with end-users throughout phases 3. Design @fgarofalo | #devsummit #mapux #gisux
  14. 14. strategy @fgarofalo | #devsummit #mapux #gisux
  15. 15. strategy @fgarofalo | #devsummit #mapux #gisux
  16. 16. strategyImage source: http://www.themailboxmoneyblog.com/wp-content/uploads/2011/08/www.jpg @fgarofalo | #devsummit #mapux #gisux
  17. 17. strategyArcGIS Viewer for Flex - App Builder @fgarofalo | #devsummit #mapux #gisux
  18. 18. strategyArcGIS Viewer for Flex - App Builder @fgarofalo | #devsummit #mapux #gisux
  19. 19. strategy • UX Strategy OneSheet www.slideshare.net/fgarofalo/ux-group-ux-strategy-onesheet • UX Storyboarding Activity www.slideshare.net/fgarofalo/users-story-ux-storyboarding • 6-8-5 Ideation Activity www.slideshare.net/fgarofalo/ideation-6-85-activity @fgarofalo | #devsummit #mapux #gisux
  20. 20. concept @fgarofalo | #devsummit #mapux #gisux
  21. 21. concept @fgarofalo | #devsummit #mapux #gisux
  22. 22. concept @fgarofalo | #devsummit #mapux #gisux
  23. 23. design @fgarofalo | #devsummit #mapux #gisux
  24. 24. designImage source: http://tristinsportfolio.files.wordpress.com/2011/06/art-of-balance-vii_1019-copy.jpg @fgarofalo | #devsummit #mapux #gisux
  25. 25. design Live from Antarctica – JordanRomero.com @fgarofalo | #devsummit #mapux #gisux
  26. 26. design Live from Antarctica – JordanRomero.com @fgarofalo | #devsummit #mapux #gisux
  27. 27. test & validate @fgarofalo | #devsummit #mapux #gisux
  28. 28. test & validate with end-userssource: Cassie McDaniel http://www.alistapart.com/articles/design-criticism-creative-process/ @fgarofalo | #devsummit #mapux #gisux
  29. 29. “You can use an eraser on the drafting table or a sledge hammer on the construction site.” - Frank Lloyd WrightImage source: http://trendyhomeideas.com/2011/07/importance-of-an-architect-and-planning-in-build-houses/ @fgarofalo | #devsummit #mapux #gisux
  30. 30. Design technical solutionsource: “Yes We Can: The Future of Government Online” white paper by Modius Associates. December 2011. @fgarofalo | #devsummit #mapux #gisux
  31. 31. Design Design interface technical to go on top of solution technical solutionsource: “Yes We Can: The Future of Government Online” white paper by Modius Associates. December 2011. @fgarofalo | #devsummit #mapux #gisux
  32. 32. Design Design interface technical to go on top of solution technical solution Design user experiencesource: “Yes We Can: The Future of Government Online” white paper by Modius Associates. December 2011. @fgarofalo | #devsummit #mapux #gisux
  33. 33. Design Design interface technical to go on top of solution technical solution Design technical Design solution to support user experience user experiencesource: “Yes We Can: The Future of Government Online” white paper by Modius Associates. December 2011. @fgarofalo | #devsummit #mapux #gisux
  34. 34. “Art challenges technology, but technology inspires art.” - John Lasseter, Disney / PixarImage source: Disney / Pixar. http://disney.go.com/disneyinsider/extras/toystory @fgarofalo | #devsummit #mapux #gisux
  35. 35. Image source: http://www.subtraction.com/2011/03/28/an-illustration-for-stack-america @fgarofalo | #devsummit #mapux #gisux
  36. 36. @fgarofalo | #devsummit #mapux #gisux
  37. 37. @fgarofalo | #devsummit #mapux #gisux
  38. 38. Questions?Frank GarofaloUI / Human Factors Engineer,Esri Professional Services@fgarofalo #devsummit #mapux #gisux
  39. 39. Based on: http://asinthecity.com/2011/11/10/the-difference-between-a-ux-designer-and-ui-developer/ @fgarofalo | #devsummit #mapux #gisux

×