Tips and Tricks for Creating Story Maps

Slides:



Advertisements
Similar presentations
KompoZer. This is what KompoZer will look like with a blank document open. As you can see, there are a lot of icons for beginning users. But don't be.
Advertisements

Helena Baert Part II: Let’s get practical! The Web as a notebook This slideshow will help you build a wiki. Don’t worry if you.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
1. Standard text slide For most simple text slides we should use a clean slide such as this. This keeps the presentation feeling fresh and simple – clear.
. Website and file organization. How websites work.
Designing Your Page Step 1: Design for a Computer Medium A computer screen is not a printed page. Readability changes depending on color, layout and format.
TC 310 The Computer in Technical Communication Dr. Jennifer Turns Week 5, Day 1 (10/28)
Web Page Design ECE 3940 Megan O’Byrne 10 September 09.
 A complete presentation graphics program that allows you to produce professional looking presentations.  A presentation is also referred to as a slide.
Review of last session The Weebly Dashboard The Weebly Dashboard Controls your account and your sites Controls your account and your sites From here you.
Basics of HTML. Example Code Hello World Hello World This is a web page.
Creating Your Own Website
Creating Content That Looks Great Justin Prevatte (AAMFT & themelogic)
Tips and tricks to streamline your class webpage Katrina Lehman Attribution-ShareAlike CC BY-SA 2012.
Welcome to Minnesota’s eFolio Rochester Workforce Center September 12, 2003 Norman Baer Matthew St. Martin.
Creating Web Sites An introduction to the basics.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
All you need to know about building donation pages Marta Fornal de Seixas.
What is YouTube? - Why YouTube? - 8 Tips for Optimizing YouTube for SEO - How to Post to YouTube - Anatomy of a YouTube Upload Page - Video Content.
Mind Your Metadata Geri Miller. Metadata in ArcGIS ArcGIS metadata goals Editing metadata Setting your metadata style Leveraging metadata in ArcGIS Importing.
Introduction to Web Page Design. General Design Tips.
 A complete presentation graphics program that allows you to produce professional looking presentations.
Artezio LLC Address: 3G Gubkina Str., suite 504, Moscow, Russia, Phone: +7 (495) Fax: +7 (495)
Adobe Certified Associate Objectives 1 Setting Project Requirements.
Welcome to Minnesota’s eFolio St. Cloud Technical College June 2, 2003 Norman Baer Matt St. Martin.
Web Site Design Plan Checklist Web Design Presented by: Angelo Russo #10 11/22/2014Angelo Russo #101.
SAVI Advanced and SAVI Indices New SAVI tools published this year Jay Colbert Indianapolis.
Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.
Developing Website Content Project Process Content Strategy and Management Writing for the Web Tips and Tricks Discussion Items.
External Style Sheets Exploring Computer Science – Lesson 3-6.
Slide 1 Graphics (Characteristics 1) Images have various characteristics that affect performance Size (number of pixels) – Large images can be several.
Learning Aim C.  Once the website is complete, you should test it using the test plan you created at the design stage.
Learning Aim B.  It is a good idea to think carefully about the design of a website before you try to implement it.
Creating a Google Site For a Digital Portfolio Purpose.
Developed with material from W3C Web Accessibility Initiative (WAI) IMPORTANT: Instructions Please read carefully the Instructions for.
Planning and Creating a Web Site. Stages in planning a web site planning the project decide on the purpose and audience for the web site create mind map.
Parent ICT Workshop Crystal Hewett. Why PowerPoint? PowerPoint is a high-powered software tool used for presenting information in a dynamic slide show.
With Weebly.com. What hoop do I have to jump through to create my own site? Is it expensive? Is it time consuming? Do I have to be tech savvy? Will it.
Anatomy of a Website Adobe Dreamweaver. Overview When you look at a web page, you might wonder how it is made. To display a web page, your Internet browser.
art 249 :: interface design II
Advanced HTML Tags:.
Microsoft PowerPoint This is the introduction to PowerPoint.
Weebly Elements, Continued
Mapping for the interwebs
Microsoft® Office PowerPoint® 2013
>> Introduction to CSS
Second Annual Webtoberfest
Lessons learned.
Cartography and Labeling
Year 7 E-Me Web design.
Microsoft PowerPoint This is the introduction to PowerPoint.
Making Your PRESENTATION POP!.
Infotools Harmoni Dashboards.
Step 1: Design for a Computer Medium
Communicating Your Research Through Story Maps
Authors and institutions
Graphics (Characteristics 1)
Presenting with Prezi.com: Using Mind Maps for Virtual Lectures
Google Slides Fundamentals
Microsoft PowerPoint This is the introduction to PowerPoint.
Multimedia e-learning design
图片墨迹时尚商务PPT模板 I’m a great place for you to tell a story and let your users know a little more about you. I’m a great place for you to tell a story and.
Learning the Basics of ArcMap 3.3 Updated 4/27/2010
Please add the technical content of your presentation
Accessible PowerPoint
Best Practices for Designing Effective Map Services: Case Studies
Understanding and Defining Web Page Layout
Microsoft PowerPoint This is the introduction to PowerPoint.
Best Practices for Great Presentations
Setting the Default Thumbnail Image for SB3 Websites
Presentation transcript:

Tips and Tricks for Creating Story Maps Leslie Zolman

storyboard What story do you want to tell? Purpose & goal of story audience

simplify How can you make it clear and simple? Only include details to support the narrative

elements What elements are needed to tell the story? Data Video Photos Audio Links GIS – not always the focus

Story map format Pick a format that will tell your story best Maybe you want to embed a second or third story map in your story map Hard to change formats later

iterative Review your storyboard keeping in mind your story map format and map elements you acquired

Plan ahead for pop-ups Refine names, data, links and field aliases before publishing to ago

Use one web map Try to put everything you need into one web better response time for user since only one map has to load

Use one web map Turn on and off layers as needed in the story map Zoom to different areas of interest It will look and feel like multiple maps

Add apps to the story map Match colors Avoid titles Use stripped down apps Provide directions on how to use apps

Pop-Ups Don’t use default pop-up table Use paragraph formatting Customize with html Make pop-ups Informative but brief

Plan ahead During storyboarding determine pop-up layout Add photos, links, text and other needed elements into data before publishing to ago!

Don’t forget a custom thumbnail Metadata Share your map

Know when and how updates will affect your story map

Check the status of map content https://storymaps.arc gis.com/en/my- stories/

Check images

Check webpages

Thank you