Evolve How-To Videos
Outline
The newest release of Evolve is a rebuild from the ground up to provide the best in class tool to create interactive, engaging learning content using the most intuitive visual page builder. Check out this growing library of how-to videos that will make you an Evolve Expert in no time!
Getting Started
Intellum
Evolve Dashboard
Welcome to the Evolve dashboard, which displays any courses that have been created so far. Each has an options menu for management, and indicates when each course was last updated, and who owns it. The course library can be searched, sorted, and filtered, and the view switched between grid and list.
Intellum
Create a Course
To begin creating content, use the Add Course button. Select 'Create Course' from the menu, then give your course a name. We will call ours
Intellum
Adding Sections
We're ready to begin building our page. Evolve gives you sections, rows, and columns to build with, reflecting the structure used in other common web development tools. This is how we will lay out the content within our page. Let's add our first section.
Adding Content
Intellum
Editing Sections
Let's add a new section and choose a multi-column layout for some image elements. Now, because we have a blank column, we can go to add in the menu, and select element to choose from a selection including images, text, graphics, accordions, flip cards, and more.
Intellum
Interactive Elements
Let's add a new section and drop in an interactive element. I can add a new section from the Add menu here, or from the Page settings on the right. This blank template already contains a column, so we just need to add a Flip Card element.
Intellum
Using Canvas in Evolve
The canvas element in Evolve lets you build your own graphics using images and text, which are arranged into layers. For recreating screenshots, diagrams, illustrations, and more. To get started, add a canvas element to your column. Then select Open Editor to begin creating your canvas.
Intellum
Adding Questions
Adding questions to test learner knowledge is a key part of any e-learning, so Evolve has a built-in Question template to make this super easy. When adding a new Section, select any of the Question templates, such as this Multiple Choice option.
Intellum
New Evolve Logic
Today I'm going to demonstrate Logic, our new feature for New Evolve. Logic already existed in Legacy Evolve, but I'm going to show you the new version we've got. Legacy Evolve, to do anything, really, you had to navigate away from your course to a separate part of the tool.
Theming
Intellum
Theming: Colors
Theming helps make pages and content look exactly as we want. To achieve this, we navigate to the theming area. Here, the currently applied theme to our course is indicated by a border around it. This is one of the built-in themes, which can't be edited, so we need to create our own theme to brand this course to our liking.
Intellum
Theming: Fonts
Let's examine our font options. Currently, there are two areas -- headings and paragraph text -- both set to the same font. If we wish to change the font, we simply select the desired area , like headings, click into it, and then decide which font we prefer.
Intellum
Theming: Interface
Buttons can all be themed at once for consistency throughout your course with these easy to use settings. We can choose the background color of the button itself, the text color, making sure that the contrast is right for legibility, and also the size of the text , by choosing one of our existing text styles to theme it.
Intellum
Theming: Styling
Suppose we want to have a different look here to make our first section stand out more, say for example a black background with white text. To do this, we go to the section's design settings, and change the background color from white to black.
Intellum
Device-Specific Theming in Evolve
See how to ensure your content appears exactly as intended across desktop, tablet, and mobile. Learn how to set device-based theme presets, customize individual course elements like spacing and padding for a single device, and control column order and layout on mobile multi-column designs. It's a practical look at reflowing content so it looks right on every screen.
Finalizing
Intellum
Preview and Backup
While you are building with Evolve, you can make use of the Preview function in the top right corner. This presents us with clear view of the content we have created, free of any interface elements, as it will look when published.
Intellum
Share and Review
At any point during course creation, there is the option to share the course with those who we wish to review it. The share button in the toolbar gives the option to create a preview link , which can be copied and sent directly to anyone for their feedback.
Intellum
Settings and Publish
Evolve has a course settings menu where you can perform additional actions with your courses, such as translations. To add a new language version to your course, you just need to export the course as a file using this link, send it to your translation partner or service, and once it's returned, use the plus symbol next to the translations heading to create your new language version.
