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.
Esri User Experience TeamStoryboarding for the User Experience:It’s like building a houseFrank GarofaloEsri User Experienc...
Building a House• Have a construction crew show up on the job siteand start building a house without blue printsImage Sour...
Building a House• Have a construction crew show up on the job siteand start building a house without blue printsDo they kn...
Building a House• Meet with an architect first to determine the keyitems for the houseStrategyImage Source: http://www.fla...
Building a House• Draft the workflowImage Source: http://www.flickr.com/photos/russell_reno/292746654/Concept
Building a House• Draft the blue printsDesignImage Source: http://trendyhomeideas.com/2011/07/importance-of-an-architect-a...
Building a House• Then start buildingImage Source: http://www.flickr.com/photos/therefore/18542525/
Frank Lloyd Wright quote• “You can use an eraser on the drafting table ora sledge hammer on the construction site”Image So...
Storyboarding for UX
Levels of StoryboardingStrategy ProblemSolutionBenefitConcept• Focus on the work flow• Not the interface layoutDesign• Int...
Levels of StoryboardingStrategy• Define High-level concept• Identify Target-end User(s)• Problem, Solution, & Benefit• Col...
Concept• Focus on the work flow• Not the interface layoutLevels of Storyboarding
Levels of StoryboardingDesign• Interface wireframes• Interface design / graphics
Levels of StoryboardingStrategy ProblemSolutionBenefitConcept• Focus on the work flow• Not the interface layoutDesign• Int...
Levels of StoryboardingStrategyConcept• Focus on the work flow• Not the interface layoutDesign• Interface wireframes• Inte...
Storyboarding for the User Experience: It's like building a house
Upcoming SlideShare
Loading in …5
×

Storyboarding for the User Experience: It's like building a house

  • Be the first to comment

Storyboarding for the User Experience: It's like building a house

  1. 1. Esri User Experience TeamStoryboarding for the User Experience:It’s like building a houseFrank GarofaloEsri User Experience Team
  2. 2. Building a House• Have a construction crew show up on the job siteand start building a house without blue printsImage Source: http://www.flickr.com/photos/therefore/18542525/
  3. 3. Building a House• Have a construction crew show up on the job siteand start building a house without blue printsDo they know whatneeds to be built?Image Source: http://www.flickr.com/photos/therefore/18542525/
  4. 4. Building a House• Meet with an architect first to determine the keyitems for the houseStrategyImage Source: http://www.flad.com/insights/index.php?categoryId=1
  5. 5. Building a House• Draft the workflowImage Source: http://www.flickr.com/photos/russell_reno/292746654/Concept
  6. 6. Building a House• Draft the blue printsDesignImage Source: http://trendyhomeideas.com/2011/07/importance-of-an-architect-and-planning-in-build-houses/
  7. 7. Building a House• Then start buildingImage Source: http://www.flickr.com/photos/therefore/18542525/
  8. 8. Frank Lloyd Wright quote• “You can use an eraser on the drafting table ora sledge hammer on the construction site”Image Source: http://trendyhomeideas.com/2011/07/importance-of-an-architect-and-planning-in-build-houses/Image Source: http://www.flickr.com/photos/missdarlyn/6037689040/
  9. 9. Storyboarding for UX
  10. 10. Levels of StoryboardingStrategy ProblemSolutionBenefitConcept• Focus on the work flow• Not the interface layoutDesign• Interface wireframes• Interface design / graphics• Define High-level concept• Identify Target-end User(s)• Problem, Solution, & Benefit• Collect ideas from Key Stakeholders
  11. 11. Levels of StoryboardingStrategy• Define High-level concept• Identify Target-end User(s)• Problem, Solution, & Benefit• Collect ideas from Key StakeholdersProblemSolutionBenefit
  12. 12. Concept• Focus on the work flow• Not the interface layoutLevels of Storyboarding
  13. 13. Levels of StoryboardingDesign• Interface wireframes• Interface design / graphics
  14. 14. Levels of StoryboardingStrategy ProblemSolutionBenefitConcept• Focus on the work flow• Not the interface layoutDesign• Interface wireframes• Interface design / graphics• Define High-level concept• Identify Target-end User(s)• Problem, Solution, & Benefit• Collect ideas from Key Stakeholders
  15. 15. Levels of StoryboardingStrategyConcept• Focus on the work flow• Not the interface layoutDesign• Interface wireframes• Interface design / graphics• Define High-level concept• Identify Target-end User(s)• Problem, Solution, & Benefit• Collect ideas from Key StakeholdersCollect Numerous IdeasFocusedIdea

×