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

17,457 views
17,612 views

Published on

Published in: Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
17,457
On SlideShare
0
From Embeds
0
Number of Embeds
4,994
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

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

×