Storytellers: help us solve a story maps design problem

At Terraso, we strive to include our users in every stage of the design process. Many storytellers report a challenge with viewing Terraso Story Maps on small screens. We need your feedback on potential solutions.

The challenge

Terraso Story Maps have two major elements:

• maps, which ground the story in the land and present data, and
• chapters, which hold the story’s narrative and media.

Chapters float over maps as the viewer scrolls through the story. The problem is that chapters can cover important details on the map, especially on small screens.

Help us evaluate two solutions

The examples below are two approaches to how we can address the problem. They are early prototypes with some rough edges; we will refine the experience once we choose a solution.

Instructions:

1. Using a mobile device, open each solution.
2. Scroll through the 4-chapter story map, paying attention to how chapters and maps interact.
3. At the end of the post, tell us which experience you prefer, and why.

Solution 1: “Pinned Map”

This approach keeps the map and chapter visible at the same time in separate sections of the screen. Tap the “expand” button on the map to view it full-screen, and then tap it again to minimize it.

Using your phone, scan the QR or tap the button:

View Solution 1

Solution 2: “More Space Between Chapters”

This approach keeps the alternating map and chapter concept that Terraso Story Maps currently uses, but gives more space for viewing the map in between the chapters.

Using your phone, scan the QR or tap the button:

View Solution 2

Feedback

Once you’ve reviewed these solutions, please provide feedback in the form below.

Thank you for sharing your thoughts! Community engagement is essential to building Terraso Story Maps.