1 / 78

Telling Stories with Map Templates

July 25, 2012. Telling Stories with Map Templates. Allen Carroll, Andrew Skinner, and Rupert Essinger. What We’ll Discuss Today. 1 What are story maps? 2 Quick tour of recent story maps 3 Components of story maps Including base maps (Andy) 4 Publishing Web maps into templates

thane-glenn
Download Presentation

Telling Stories with Map Templates

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. July 25, 2012 Telling Stories with Map Templates Allen Carroll, Andrew Skinner, and Rupert Essinger

  2. What We’ll Discuss Today 1 What are story maps? 2 Quick tour of recent story maps 3 Components of story maps • Including base maps (Andy) 4 Publishing Web maps into templates 5Shortlist San Diego (Rupert) 6Call to action Questions and discussion

  3. 1 What are Story Maps?

  4. What are Story Maps? • Story maps combine intelligent Web maps with Web applications and templates that incorporate text, multimedia, and interactive functions. • Story maps inform, educate, entertain, and inspire people about the world.

  5. Story maps inspire and inform They’re built with care and thought about your audience Compiled on ArcGIS Online from desktop maps, services, CSVs Repeatedly refined design, configured popups, edited titles and descriptions Published into websites, apps, and templates that provide context and user experience Web map Intelligent map Story map

  6. Why are we Making Story Maps? Our team: • Allen Carroll, David Asbury, Lee Bock, Stephen Sylvia • Others: Andy, Rupert, Jim Bernie Szukalski, Herries, Esri’smarketing group, mobile team Our goals • Showcase important geographic information • Develop new ways to tell stories with maps • Demonstrate the power of ArcGIS as a communication platform • Enable thousands of people to create and publish their own story maps

  7. 2 Quick Tour of Recent Story Maps

  8. Demo • Titanic • National Mall Tour • Feeding the World • Civil War • Olympic Torch Relay storymaps.esri.com

  9. 3 Components of Story Maps

  10. Assembling a Story Map Raw Materials Map services Tabular data Multimedia content Desktop map Text Base map

  11. Assembling a Story Map Raw Materials Web Map(s) • Shared on ArcGIS Online • Ingredients: • Basemap • One or more services • Point data from spreadsheet • Maintains source info • Lightweight, versatile Map services Tabular data Multimedia content Desktop map Text Base map

  12. Assembling a Story Map Raw Materials Web Map(s) Apps/templates • Apps provide: • Format for title, text, legend • Key functionalities, e.g., swipe tool, timeline Map services Tabular data Multimedia content Desktop map Text Base map

  13. Assembling a Story Map Raw Materials Web Map(s) Apps/templates Audience Map services Mobile Tabular data Tablet Multimedia content Desktop map Text Web Base map

  14. Base Maps! Andrew Skinner Raw Materials Web Map(s) Apps/templates Audience Map services Mobile Tabular data Tablet Multimedia content Desktop map Text Web Base map

  15. Choosing a Basemap Andy Skinner

  16. Choosing a basemap: Types of data • Polygon data

  17. Choosing a basemap: Types of data • Polygon data • Line and Point data

  18. Choosing a basemap: Selected examples • Imagery

  19. Choosing a basemap: Selected examples • Imagery • Light Gray Canvas

  20. Choosing a basemap: Selected examples • Imagery • Light Gray Canvas • National Geographic

  21. Choosing a basemap: Selected examples • Imagery • Light Gray Canvas • National Geographic • Street

  22. Choosing a basemap: Selected examples • Imagery • Light Gray Canvas • National Geographic • Street • Topographic

  23. Polygon-based maps: • Is the base detail relevant? • Does the color palette work? • Does transparency help or hinder?

  24. Imagery Polygon-based Maps • Is the basemap detail relevant? • Does the color palette work? • Does transparency help or hinder?

  25. Light Gray Canvas Polygon-based Maps • Is the base detail relevant? • Does the color palette work? • Does transparency help or hinder?

  26. National Geographic Polygon-based Maps • Is the base detail relevant? • Does the color palette work? • Does transparency help or hinder?

  27. World Street Polygon-based Maps • Is the basemap detail relevant? • Does the color palette work? • Does transparency help or hinder?

  28. World Topographic Polygon-based Maps • Is the basemap detail relevant? • Does the color palette work? • Does transparency help or hinder?

  29. Light Gray Canvas

  30. World Topographic Map revision

  31. Imagery Line and/or Point maps • Is the basemap detail relevant? • Does the color palette work? • Does transparency help or hinder?

  32. Light Gray Canvas Line and/or Point maps • Is the basemap detail relevant? • Does the color palette work?

  33. National Geographic Line and/or Point maps • Is the basemap detail relevant? • Does the color palette work?

  34. World Street Line and/or Point maps • Is the basemap detail relevant? • Does the color palette work?

  35. World Topographic Line and/or Point maps • Is the basemap detail relevant? • Does the color palette work? • Does transparency help or hinder?

  36. Other web map tips How to make your Web maps Intelligent • Eliminate! • Simplify • Make legends clear and simple • Configure pop-ups

  37. Pop-ups from Spreadsheets Name for popup title Description for popup text Typebecomes icon styles Lat-Long for location Image URL for photos Links for “more info”

  38. Pop-ups from Spreadsheets Name for popup title Description for popup text Typebecomes icon styles Lat-Long for location Image URL for photos Links for “more info”

  39. Pop-ups from Spreadsheets Name for popup title Description for popup text Typebecomes icon styles Lat-Long for location Image URL for photos Links for “more info”

  40. Pop-ups from Spreadsheets Before… …After

  41. Spend Time Configuring your Pop-ups! Especially useful: “Custom attribute display” option See white paper: “Designing Web Map Popups”

  42. 4 Publishing Web Maps into Templates

  43. Templates! What do templates do? They provide… Most importantly, a simple user experience that supports the story A place for title and subtitle Social media links Branding Multimedia and text windows Web map placement and controls

  44. Basic Storytelling Template

  45. Compare Template

  46. Swipe Template

  47. Side Panel Template

  48. Side Panel Template Provides tabbed themes and timeline

  49. Map Tour Template Now accommodates web maps

More Related