ArcGIS StoryMaps

Slideshow (beta): A new immersive block in ArcGIS StoryMaps

If you’ve spent any time in the ArcGIS StoryMaps builder, you know the block palette is at the heart of the authoring experience. Whether you’re adding text, a YouTube video, a map, or something else, it all starts right there.

But not all blocks are created equal. There are some special, immersive blocks that go the extra mile when it comes to engaging your readers. These blocks combine a few different elements—like a large media panel and a smaller narrative panel—to create rich, captivating experiences that really bring your content to life.

Sidecar was the first immersive block available in the new builder, its design largely inspired by the classic Story Map Journal template. But among the new features added to StoryMaps in October is the next immersive block: slideshow (currently in beta).

 

The StoryMaps block palette open to reveal slideshow, the newest immersive block, on the bottom right
A new immersive block—slideshow—is now available in ArcGIS StoryMaps

 

This block is all about your media; it lets your map, 3D scene, photo, or video fill the screen. The small narrative panel that floats atop your media is optional, and you can choose between nine placement options to ensure your text doesn’t obscure a key element of the media behind it.

Readers navigate a slideshow laterally, using the arrows on the left and right edge or the dot navigation along the bottom to move from slide to slide. (They can also swipe to advance on touch devices.) Once they’ve had their fill of slideshow content, readers can simply keep scrolling to see the rest of your story.

 

A slideshow block with a web map filling the media panel and the narrative panel floating to the left
Use slideshow to focus attention on big media elements like maps or photos

 

Some ideal uses for slideshow (beta)

When designing slideshow, my teammates homed in on a few key needs we’ve heard from the storytelling community. These do not exhaust its possibilities by any means, but here are the main uses we had in mind for the new immersive block:

 

As a presentation tool

We know there are lots of you out there who’ve ditched traditional slide decks and replaced them with story maps when giving an in-person talk—heck, we do this too! But, delighted as we’ve been to see this, we’ve always felt a little guilty that we never actually designed our tools with presentations in mind.

Thankfully, those days are behind us now that slideshow has entered the picture. With navigation that’s primarily click-based, this block eliminates some of the pain points of scroll-driven presentations, including the nausea they can induce for some audience members. Slideshow’s narrative panel also keeps your audience in mind as you’re adding content. It will politely suggest you duplicate your slide to break up your text if you start getting a bit verbose.

 

When an author adds lengthy text to a slideshow slide they get a warning and prompt to duplicate their slide
No one likes a presentation slide that's overrun with text

 

If you want to add a text-only slide to emphasize some major points, go for it. Instead of adding any media, simply choose a background color from the dropdown menu at the top of the block.

 

To mimic the narrative-style use of the classic Story Map Series

One of our goals for ArcGIS StoryMaps is to bring together all of the popular reading experiences currently spread across our different classic templates. Many of you used the classic Series to sequentially step your readers through a set of related maps, and we know you’ve been waiting for a similar capability in the new builder. Slideshow should help fill this need.

 

Mapping the Thanksgiving Harvest, by Esri's StoryMaps team

 

You can configure a slideshow to show the same map extent while turning various layers on and off as a reader advances from one slide to the next. My team found this to be an effective technique for our story showing the locations of U.S. farms supplying classic Thanksgiving dinner ingredients.

Or you can keep your map layers the same across slides and instead pan and zoom around to highlight different areas of significance. My colleague Cooper took this approach in the third slideshow in his story Bombing Missions of the Vietnam War, focusing each slide on the area of a particular campaign. This combination of storytelling technique and story topic makes for a pretty powerful read.

 

A reader clicks through a slideshow and the map pans around parts of Asia as they advance from slide to slide
The Bombing Missions of the Vietnam War, by Cooper Thomas

 

While we’re on the topic of Series, I’m sure some of you will be wondering about that classic template’s other main use—to group together related resources on a particular topic. If that’s what you’re looking for, slideshow isn’t your answer. Instead, I’d encourage you to check out collections, which were designed with this exact need in mind.

 

To include an aside or case study in your story

A common pitfall we see story authors make is trying to cram so much information into a single story it can become overwhelming for the average reader. Sometimes these extra details may only be of interest to a particular audience segment or an especially curious individual. In these instances, what authors really need is a digital equivalent of the aside sections that you generally see as insets in a textbook or magazine.

 

A reader scrolls to a slideshow, clicks through a few slides, then scrolls past it to the rest of the story
Because a reader isn't obligated to navigate through an entire slideshow, this immersive block is perfect for including more niche content

 

Because slideshow has a relatively small content footprint—meaning it doesn’t add much vertical scrolling to your story whether you have one slide or seven—it can be a nice solution to the this-is-probably-information-overload-for-most-but-very-useful-for-some conundrum. Use a clear heading and some straight-to-the-point text on your opening slide to get your most invested readers clicking through to the rest of your slideshow content. Those who prefer to stick to the basics can simply move along without experiencing any extra scroll fatigue.

 

As a carousel of photos or other media

Sometimes you just want to let your readers pause and enjoy some really nice eye candy, or maybe explore a set of maps after you’ve already explained the data and symbology at length. Building in these visual breaks not only helps combat mental fatigue for your audience, it also increases the likelihood that they’ll remember your message by giving their brains a chance to process what they’ve read before diving into the next topic.

 

A reader clicks through a slideshow that serves as a carousel of photos
Five outings in Acadia by Allen Carroll

 

If you want to create a nice, enthralling media carousel, just add a slideshow to your story, like Allen, the StoryMaps team lead, did in his personal narrative Five outings in Acadia. You can include short descriptive captions if you like, but don’t introduce too much new information or your break is no longer a break. Another option, if your media doesn’t need a caption or credit, is to leave all of your narrative panels blank—they’ll simply disappear in the published version of your story.

 

Authoring your first slideshow

Now that you have some ideas for when you might want to use this new immersive block, let’s quickly take a look at how you actually configure it. First things first, you’ll need to open up the block palette and click Slideshow to add the block to your story.

 

A story author selects the slideshow block from the block palette to add tit to their story
Adding a slideshow to your story takes one click to open the block palette and one click to select the immersive block

 

Like magic, an empty slideshow will appear, ready and waiting for your content. Use the Add background media menu to load in whatever map, image, or video you’d like to occupy your first slide, or choose a background color if you’re in a text-only mood.

 

An author peruses the available options for adding slideshow background media and background colors
You have a variety of options when it comes to your slideshow's background

 

If you’ve added media, use the Properties menu to add in alternative text. This is also where you can also set the focal point for images that fill the whole panel, or opt to fit the entire image in the slide instead.

That’s about it for media—next, the text. You can start typing right in the narrative panel or paste in text if that’s more your style. While there’s no character limit for copy in a slideshow, you’ll see a warning if things start to get a bit long, accompanied by a handy Duplicate slide option. Use the arrows that appear on the narrative panel edges to adjust where it sits atop your media. Nothing too complicated there.

 

An author moves their slideshow slide's narrative panel down and to the left
Choose between nine narrative panel placements to best highlight your media

 

The collapsed slide panel along the bottom of a slideshow block might look familiar to anyone who’s worked with sidecar before. This is where you manage all of your slides. With the panel collapsed, you can duplicate or delete your current slide, add a new one, or adjust the speed of the transition from this slide to the next. All these options remain with the panel expanded, except now you can also re-arrange your slides by clicking and dragging them into your desired order. You can also delete the entire block from this expanded view, if needed.

 

Tool tips appear over the duplicate, delete, and expand options in slideshow's slide panel
This panel is your one-stop-shop for managing slideshow slides

 

If you want to continue adding content to your story below your slideshow, just scroll down past it, open up the block palette, and keep on working. Easy peasy.

________________

Well, that about covers it for slideshow. As a reminder, this immersive block is in beta, and we have some additional enhancements already on our roadmap. But we’d love to hear what you think or where you’d like us to take slideshow next; if you have ideas, reactions, or questions, please add them to this discussion on GeoNet.

The team also has plans for even more immersive blocks in StoryMaps. Some will mimic other classic capabilities, while others will break new ground for our storytelling tools. To stay in the loop about when these new features become available, be sure to follow us on Twitter or subscribe to our monthly newsletter.

About the author

Upstate NY transplant. Content creator for Esri's StoryMaps team. Fascinated by how storytelling affects the human brain. Lover of conservation. Overly proud dog mom.

Connect:

Next Article

Choreograph your maps with ArcGIS StoryMaps

Read this article