Coffee

This Flow project explains the basics of one of the world’s most popular beverages.

Sit back with a cup of your favorite java and learn more about the bean that is the source of so much joy in the world.

This microlearning course is built in Flow, and scrolling is a big part of the experience.  

Scrolling down the page triggers effects like parallax on some background images and entrance effects as some elements appear on the page. These subtle effects help the elevate the page visually without interfering in the learning process or drawing attention away from the content. As a result, what could have been a set of flat web pages has instead an intriguing sense of liveliness which helps create an intrinsic interest in continuing through the content.

This microlearning course also provides good examples of some of the built-in interactive components and elements available in dominKnow | ONE, including flip cards and a timeline component as well as markers over the map image.  

The flip cards and timeline components are responsive, to help ensure a great visual experience no matter what browser width or screen this microlearning course is view on. The flip cards display horizontally on a wide screen then switch to a two-by-two display as the page gets narrower then finally in a full vertical display at the narrowest page display widths. And the Timeline component switches from a center-based alignment to a left-justified alignment at narrower screen widths.

No items found.
Launch example

This sample is available as a template in dominKnow | ONE.

Sign up for a free trial to check it out!

Working with these responsive components is easy for authors. You just select the component to add it to the page then fill it with your content, no programming required. Simple and intuitive settings options help you easily define many aspects of the component including its responsive behavior.

Similarly, the interactive map reduces its size at narrower breakpoints to ensure it is still usable across all screen widths.  

It’s definitely worth viewing this microlearning course example at different browser widths or even on different devices to better understand how the Flow-based content responds to different viewing contexts.

This microlearning course uses our Storyview player. The Storyview player provides an easily-branded opening landing page with strong visual appeal and an automatically-generated course menu to help learners get started or even jump to any of the topic pages. Once “inside” the course, the page-to-page navigation is offered at the top and bottom of each page, making it ideal for Flow’s scrolling-based content. Authors can easily create their own custom Theme based on the Storylne player in dominKnow | ONE to reflect their organization’s branding and look and feel standards, from color values to font settings.  

This type of microlearning course can be published as a SORM package to be loaded into your Learning Management System (LMS) for formal learning or published as a web package for a job aid or just-in-time informal learning experience. It can also easily send xAPI statements to your Learning Record Store (LRS) as well as be tracked as CMI5 content.

If you’d like to see more about how this microlearning course example was created, you can sign up for a free trial of dominKnow | ONE. The source file for this example is available in the dominKnow | ONE marketplace, which will provide you with an editable version you can explore in depth.