Gamified scenarios with Articulate Storyline's library and advanced triggers.

Dices Interaction

The user can freely navigate with the menu on the left or use the Dices to decide which question to answer first.

Storyline 360

Calculator Interaction

In this sample, Marta needs your help to count and get the total cost of her groceries. You will experience smooth animations when switching slides, interactivity, and exhilaration.

Storyline 360

Martha is calling!

Slider Interaction

Talking about acceleration, in this sample, your gang members have dropped some stars in a tunnel while rushing. You must drive back to the tunnel and recover as many stars as possible.

Storyline 360

Get in the Movie

Drag & Drop Interaction

In this scenario, you are called to attend a mission in your area. You are a Sniper. Experience engaging interactivity; you must find, identify, and eliminate the bad guys.

Storyline 360

Take the Mission

Green board Animation

Professor Gaya will give you a short class about RUNES. Static characters dynamically move across the slide as the camera zooms in and out into the green board to see each RUNE.

Doodly, Storyline 360

Take the class!

Create Studio Interactive Video

Yellow is aboard a malfunctioning spaceship and must complete three tasks to reach the Escape Wormhole.

Create Studio, Storyline 360

Reach the Wormhole

Space Ship

Hurry to space, collect four codes and try to beat the record of 1.65 minutes.

Create Studio, Storyline 360

Beat the record

Info-Desk

Providing clear information about the Mall's services, as well as any variations for holidays or special events, helps customers plan their visits effectively.

Create Studio, Storyline 360

Provide Information

JavaScript

JavaScript and Storyline

Print and e-mail a form, use system time, customize the seek bar and navigation buttons, and apply confetti effect.

JavaScript, Storyline 360

Try it!

JavaScript and Storyline

Zoom in and out on an object with a click or with the mouse wheel, move image with arrows, and customize the player skin.

JavaScript, Storyline 360

Try it!

Accessibility

I will first activate the Alternative Text for Screen Readers to read text blocks and describe images. This feature also allows users to change the text font, color, and size to fit their needs.

Note 1: Screen readers will read Closed Captions instead of slide content if CC is active.

Note 2: The user must be able to mute the audio on Slide so the Screen Reader can read elements instead.

Note 3: The user must have the option to pause/play the Slide so the Screen Reader can read the CC if active.

Some users use the "Tab" key to navigate the course, as well as the arrows and bar space. Focus Order will allow Screen Readers and Keyboard users to read and move from one element to the next in the right Order. It will also let me exclude unnecessary elements like shades and avatars to be read by Screen Readers.

Note: The TAB key only reads elements with interactivity (no static graphics nor text boxes).

Note: The TAB key cannot handle drag-and-drop interactions.

Despite the ability of the video player to display CC independently, Storyline 360 can and should display Closed Captions from audio and video in the same way. I will sync your audio and videos with Closed Captions in English, Spanish, or French.

Note: The user should be able to turn the Closed Captions on and off.

Everything in GREEN can be activated/deactivated with TRIGGERS. Keyboard shortcuts can and should remain activated. Clear and well-paced VOs can solve the playback speed button.

Note: The PLAYER functionality is optional.

Color Oracle is a free color blindness simulator. It helps YOU design for color blindness by showing you what people will see in real-time.

Video

Meet Miguel