Journey Map

Create an interactive map experience.

How to setup a Journey Map

How To Use It

The Journey Map page template is ideal if you have large visuals. By creating touch points, you can allow the user to zoom into details and activities on your map.

Creating a Journey Map consists of three key steps:

STEP 1: Add a Map STEP 2: Add Touch Points STEP 3: Map Route Activities

STEP 1

Add a Map: Upload a Journey Map image

Once you have created a blank template, access the Page Options and select Update.

Next, upload your map image (4096 x 2560px) and Save.

To make your map interactive, click on the template once it has been saved and select Map Editor (you can also select the Map Editor from the Journey Map window).

STEP 2

Map Editor: Adding Discoverable Activities

Now you can add discoverable touch points to your map. Select an area on the map/image to: Add Dialog, Add Activity or Add Navigator.

Add Dialog: Dialogs allow you to add a talking point to interactive maps or images. You can add an image/icon (256x256px) and up to 255 characters of text. Add Activity: Setting an activity allows you to add story templates to the map. When a user lands on an Activity Touch Point, it will open in a 1/2 page layout that appears as an overlay on the map (for desktop and tablet).

• Select the hand icon (top right) to update a template / activity once you have created it.

• To switch back to the map view, select the map icon (top right).

Add Navigator: Navigators direct users to a chapter and sends them back to the map after they have completed the chapter.

STEP 3

Map Route Activities

To chain up discoverable activities in a sequential order, drag any of your created discoverable activities into the "ROUTE ACTIVITIES" area.

Once you have mapped the activities, you can still shuffle the order by dragging and dropping activities into the preferred sequence.

To playback the order of your Map Journey, select the play icon in the Route Activities box. If you want to see the map in action, use the simulator to simulate your story.

To add a dialog, open the Map Editor and click anywhere on the map. Select "Add Dialog".

Features

Features
Combines with other page templates	No
Background Colours	No
Page Themes	No
Interactive	Yes
Page Dialogs (Map Dialogs Only)	Yes
Response Dialogs	Yes

Touch Point Options

Option/Setting

Colour Change the default theme colour, i.e. the colour of the touch point icons.

Zoom Level Choose how close you want to zoom into the image.

Rotation Rotates/tilts the map.

Map Activity Options

You can add the following map activities/interactions:

Add Dialog Add a text message and icon (ideal for instructions and introductions).

Add Activity Add any of the following templates: Image + Text Icon + Text Audio + Text Video + Text Animated Video Image Cover Video Cover Multiple Choice Photo Assignment Survey / Rating Slideshow Text Text Response

Add Navigator Navigators allow you to direct users to a chapter and return them to the map once completed. Chapters that are connected to navigators will always return to the map.