Make Over Your Rise 360 Course in 4 Easy Steps With Themes
Rise 360 has always been a fantastic tool for creating courses fast. And with the templates and other flexible options, even people without graphic design experience can feel confident that their Rise 360 projects will always look polished and professional. That’s why we’re so excited about Rise 360 themes. Themes give you even more ways to put your unique spin on the look and feel of your Rise 360 courses. And just like everything else about Rise 360, the themes feature makes creating beautifully designed courses easy—no graphic design skills needed. So let’s take a closer look at four easy steps you can follow to refresh your overall course design with a new theme, pique your learners’ interest with cover pages and lesson headers, reinforce your branding, and customize the course navigation experience. Step 1: Update the Overall Course Design With a New Theme The easiest way to give your course’s visual design a little facelift is to choose from the three prebuilt themes included in Rise 360. These themes are great for setting the overall look and feel of your project in one fell swoop. Let’s look at how to choose a theme and the available theme options, below. Choosing a Theme Start by opening any existing Rise 360 course on your Rise 360 dashboard. Select Theme in the upper right corner, and then click Change Theme. Rise 360 includes three professionally designed, ultra-stylish themes—Rise, the classic theme you’ve come to know (but with a few more customization options), plus two brand-new ones: Apex and Horizon. Following is a quick overview of each theme. Rise Our original theme, Rise, always looks modern and clean—a tried-and-true design choice that never goes out of style. Apex For a bold, contemporary, and striking design with angular finishes, choose Apex. Horizon When you want to give your course an elegant, sharp, and stylish makeover—complete with understated flourishes—Horizon is a great choice. They’re all so beautiful, right? Not sure which theme works best for your content? We’ve got you covered! Check out 3 Ways to Use Themes to Tailor Your Rise 360 Projects for some pro pointers. Once you’ve decided on a theme for your project, click to select it and you’ll see it applied to your project in the adjacent preview pane. Being able to preview your theme choice is handy because if you’re not in love with it, you can simply click another one. And if it’s love at first sight, click Save to apply it to your project. While you can use each theme as is, you also have loads of options for customizing key theme elements such as the cover page, lesson headers, and other features of the user interface, like colors, fonts, and navigation. We’ll explore some of these customization options in the next few steps. Step 2: Grab Learners’ Attention With a Custom Cover Page and Lesson Headers A cover page is your first opportunity to grab a learner’s attention, so why not customize it to fit the course topic or your company branding and really make it count? Select Cover Page from the menu and pick a stylish layout. If you’re opting to add a course image to your cover page, you can upload your own image or browse the wide selection of royalty-free, attribution-free images available in Content Library 360, which is built right into Rise 360. Pro Tip: You can also crop images directly in Rise 360. That means no hassling with a separate image editing app to tailor your course images to your project. To make your theme branded, upload your logo too. Customizing the Lesson Header option is another nice way to draw learners in and direct their attention to your content. You can choose from a variety of header designs or customize them with your own color or image. You can even adjust lesson headers to make them taller or shorter to create more or less white space, as you can see in the GIF above. Step 3: Reinforce Your Brand Identity With Custom Colors and Fonts The design choices we’ve walked through so far are quick but powerful ways to transform your course, but they’re really just the tip of the creative iceberg! You can also brand your course with custom colors and fonts to make sure it more fully aligns with your brand guidelines. Colors You can choose the Colors option to customize course accents like the menu and progress bar. Rise 360 makes picking eye-catching colors easy with curated options you can apply with a single click. But what if you need to bring in your official brand shades? No problem. Choose the Custom feature and select any color you’d like. Fonts Another easy way to brand your Rise 360 projects is to customize the fonts. Choose the Fonts option to find the perfect typeface for your project. Not sure where to start? Try the Recommended pairings—a fast way to make sure your headings and body fonts go together perfectly. For even more flexibility, click More to browse a selection of pre-installed options. And if you want to use your official brand fonts, just click Manage Custom Fonts to upload the ones you need and use them throughout your course. Step 4: Complete the Transformation With Custom Navigation and Button Styles You’ve got the cover page, lesson headers, colors and fonts fine-tuned. The final step in making over your Rise 360 course is to customize course navigation and button styles. Navigation In Rise 360, you’ve always had the option to show, hide, or disable the sidebar navigation. And now we’ve added more ways to customize course navigation so you can create the perfect experience for your learners. To start exploring your options, choose Navigation. Both Compact and Overlay navigation are great for making your content the star of the show. Choose Compact navigation to tuck your lesson menu away in a corner, where it can be quickly expanded with a click when learners need it. Another great option is Overlay navigation. When learners need to view the menu, they simply click the ☰ (hamburger) icon and the menu overlays the lesson, filling the screen. Love keeping things familiar? The always reliable Sidebar menu is a great choice with more options to choose from. Don’t want to include a navigation menu at all? No problem. You can remove it entirely—just as you’ve always been able to do in Rise 360. Buttons Want to continue customizing your course? Don’t forget about button options! Pick the button color that’s right for your course or branding. You can even refine your Previous and Next buttons by making them full width or floating—or you can remove them entirely. It’s totally up to you! Want to see how themes and custom settings can be combined for different effects? Check out the following example course. We present the same content three different ways and with minimal customizations so you can see for yourself. Explore Horizon Explore Apex Explore Rise Customizations: compact navigation, large header height Customizations: overlay navigation, small header height, custom color Customizations: sidebar navigation, medium header height, custom color Wrap-Up Not only does the themes feature give you a host of new ways to express yourself, wow your learners, and brand your Rise 360 content, it’s also streamlined the course creation process by consolidating theme settings all in one place—right at the top of the authoring environment in Rise 360. With so many options to customize your project's look and feel, you can rest assured knowing that whichever professionally designed theme you choose, your course will look fantastic on any device. And all of these thoughtful features and enhancements mean Rise 360 just keeps making it easier to create stunningly unique and stylish courses your learners will love. For more tips and inspiration on how you can start using themes in your e-learning, check out these helpful resources: Quickly Create Uniquely Stunning Courses with Rise 360 Themes 3 Ways to Use Rise 360 Themes to Tailor Your Projects How to Brand Your Rise 360 Course Want to try the new Rise 360 themes but don’t have Articulate 360? Start a free 30-day trial! And come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any questions, please share them in the comments.57Views0likes0CommentsQuickly Create Stunning Courses With Rise 360 Themes
If you need to quickly create beautiful, responsive e-learning, Rise 360 is the authoring app for you. With stunning prebuilt themes and countless options for personalization, it’s never been easier to create unique, cohesive learning experiences. In this article, we’ll walk you through how to make your online courses look gorgeous and professional. 1. Choose a Theme In Rise 360, you’ll find three beautiful, prebuilt themes created by award-winning designers that you can apply to your courses in just a few clicks. Let’s take a look at each option. Rise Live Preview of Rise Our original theme—Rise—is modern and clean. It’s extremely versatile and works for all subject matters. Apex Live Preview of Apex If you’re looking for a bold, contemporary theme, Apex is a great option. Your learners will love its striking, angular finishes. Horizon Live Preview of Horizon For something a little more elegant, look no further than the Horizon theme. Its sharp and stylish feel with understated flourishes can set the right tone. To apply one of these themes to your next project, simply open a Rise 360 course, go to the Theme menu, and select the style you want. 2. Select Customization Options Once you’ve chosen a theme, you can further customize the look and feel of your Rise 360 courses to ensure they’re on brand. Let’s take a closer look at some of the options available. Cover Page Layouts Each theme includes a variety of stunning cover page layouts to make a strong first impression on your learners. You can use the same one for every course, or switch it up to keep things fresh for your learners. Here’s a peek at the different cover layouts you’ll find for each theme. Rise Apex Horizon As you can see, there are tons of possibilities! So you’re sure to find one that works well for your project. Navigation Types Another thing you can customize is the course navigation type. Let’s take a peek at each option. Sidebar The sidebar navigation option is tried and true. It allows learners to access the course menu and content simultaneously, while also giving them the option to hide it when they want to focus on learning. This versatility makes it a great option for any course. Compact Like the sidebar, compact navigation lets your learners decide to either view both the menu and content or minimize the menu for fewer distractions. The main difference here is that even when learners hide the menu, they can still see where they’re at in the flow of the course—allowing them to continue monitoring their progress. Overlay If you want to give your learners a more immersive experience, where they’re only focusing on one thing at a time, overlay navigation is a good option. When they open the menu, they’ll be able to give your course outline their full attention. And when they close it, the content will be the sole focal point. Button Styles You can also customize the look and feel of the buttons that guide learners from one lesson to the next. In addition to a few different color options, you can choose whether you want them to be full width like in this screenshot … … or floating, like in this one … Or you can remove them entirely. It’s up to you! Lesson Headers There are also a number of options for personalizing the lesson headers. For starters, you can choose whether or not you want one. If you decide you do, you can customize the background color or image. Then you can select the height option you prefer: low, medium, or high. And finally, you can opt to show or hide the lesson number and author avatar. Colors When it comes to colors, you can choose one of our default theme colors or select your own by using the color browser or inputting a Hex code. Once you’ve selected your theme color, it’ll be applied throughout your course automatically. Font Pairings Rise 360 gives you a variety of professionally selected font pairings, so your course text looks polished. Of course, you also have the option to create your own by mixing and matching default fonts or uploading your own for a truly personalized look. And that’s just the beginning! With all these customization options—and more—the possibilities are truly endless. Wrap-Up With Rise 360, it's easy to create cohesive, professional-looking learning experiences—even with no prior training or design experience. Ready to try it out for yourself? Simply head to your Rise 360 dashboard, create a new course—or open an existing one—and click on the Theme tab to check out the customization options. It’s that easy! Don’t have Rise 360? Start your free 30-day trial of Articulate 360 now. For tips and inspiration on how to use themes to create beautiful, branded e-learning, check out these helpful resources: Make Over Your Rise 360 Courses in 4 Easy Steps with Themes 3 Ways to Use Rise 360 Themes to Tailor Your Projects How to Brand Your Rise 360 Course And if you found this article helpful, be sure to subscribe to our newsletter to stay up-to-date on the latest product updates, e-learning examples, and expert advice directly in your inbox. If you have questions, please share them in the comments.49Views0likes1CommentHow to Use GIFs as Cover Photos in Rise 360 (with Free GIFs!)
Adding a cover photo to a Rise 360 course is an easy way to make your course look beautiful, inviting, and customized. And you’re not limited to still photos!You can addGIF files to your Rise projects to make them really come to life. That’s why we’re giving away abundle of six GIFsfor you to use in your Rise 360 courses.Grab the download, then check out this simple tutorial to see how easy it is to update your cover photo with one of these gorgeous GIFs: And remember to subscribe to our newsletter to get the latest e-learning inspiration and insights directly in your inbox. You can also find us on LinkedIn and X (Formerly Twitter).45Views0likes33CommentsIntroduction to JavaScript for E-Learning
Have you heard e-learning developers talking about JavaScript? Are you wondering what all the fuss is about? Good news! This is the intro you need to understand what JavaScript is, why it’s relevant to e-learning, and how you can get started using it to create dynamic e-learning with Articulate Storyline. What’s JavaScript and Why Is It Useful for E-Learning? JavaScript is a computer programming language developers use to make websites interactive. How does that help your e-learning courses? Well, let’s imagine for a second that Mr. JavaScript is applying for a position at Storyline Corp. The hiring manager and Mr. Player are eager to learn if Mr. JavaScript is the right choice: If Storyline Corp. hires Mr. JavaScript, they’ll be able to use his expertise to help Mr. Player do even more. Let’s take a closer look. Why Would You Use JavaScript? Storyline lets you create dynamic interactions with the combination of triggers, actions, conditions and variables. That’s all available for you, out of the box, without JavaScript. Why would you use JavaScript then? JavaScript lets you do things to extend the power of the built-in tools in Storyline. For example, augmenting Storyline with JavaScript lets you create math functions such as generating random numbers, rounding numbers up or down, working with dates and time, and more. String functions are also powerful in JavaScript. String functions are things like splitting text to count the number of words, searching and replacing text, or checking text for keywords. Storyline's three variable types (number, text, and true/false) require different triggers to execute the actions. This means that when you're building very complex, highly interactive courses you may end up with dozens of triggers in the triggers panel. Using JavaScript allows you to group a bunch of variables together. This can speed up the course development process and streamline the number of triggers in the triggers panel. In other words, you can accomplish more with fewer lines of code. Where to Start with JavaScript Think of JavaScript as an ally that you can use to strengthen your Storyline power. I would suggest learning the basics of JavaScript before you integrate it into Storyline. It makes debugging easier. Here are some great ways to really get started with JavaScript: JavaScript Road Trip Part 1 on CodeSchool JavaScript Tutorial on W3schools Fundamentals of JavaScript on Codecademy E-Learning Challenge #132: Using JavaScript and Storyline Keep comingback to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any comments, please share them below.38Views0likes14CommentsPersonalization Principle: Speaking to Instead of at Your Learners
We’ve all been there: the moment you realize you’ve stopped paying attention and have no idea what you just read or heard. So you go back and reread or retake or review, but it keeps happening. Maybe you’re just distracted ... or maybe there’s another explanation. The vast majority of nonfiction texts and informational materials, including e-learning courses, are written in a formal style. Why? Because that’s how we’re taught to write in school. Intheir book E-Learning and the Science of Instruction, Ruth Clark and Richard Mayer suggest that people try harder to understand something when they’re engaged in a conversation. It seems our brains are hardwired to pay closer attention when there’s a social element in the mix. They call this the personalization principle. In sum, it states that favoring a conversational writing style and incorporating virtual coaches in e-learning courses can get learners to pay closer attention and retain more of what they learn. Let’s look at a couple of the quick and easy ways Clark and Mayer suggest for applying the personalization principle to e-learning courses. Use First and Second Person (“We” and “You”) An easy way to take your writing from informal to formal is by replacing the article “the” with the personal pronouns “we” or “you,” like in the following example: Formal: When exercising, the heart rate increases to supply more food and oxygen to the muscles. Informal: When we exercise, our heart rate increases to supply more food and oxygen to our muscles. Can you believe what a difference that small change makes? The first example sounds dry and academic, while the second feels more relatable. Ask Questions and Direct Comments to Learners Another way you can make your course sound more conversational is by addressing your learner personally. For example, instead of jumping right into an explanation, start with something like: “Did you know that …?” or “Now let’s take a look at …” Favor Polite Language over Direct Language The results of one study showed that when you use polite language instead of direct language, learners perform better. This was found to be especially true of learners whose prior knowledge of the subject matter was low. You might want to keep that in mind next time you’re writing feedback for questions in your next e-learning course. Instead of saying “Sorry, that’s incorrect. Try again!” you might encourage with “Sorry, that’s incorrect. Would you like to give it another try?” Use Human Voices for Narration You might be tempted to use a text-to-speech application to create voice-over audio for your course. I get it! Text-to-speech makes it super fast and easy to create and maintain voice-over audio. However, Clark and Mayer’s research shows that people learn better when listening to a human voice instead of a machine-generated voice. So next time you consider using text-to-speech narration, be sure to think about how it might impact your course’s effectiveness. Include a Visual Narrator Clark and Mayer also suggest that adding a visual narrator can simulate a person-to-person interaction and increase learner engagement. The idea is that learners who can visualize the person speaking feel more connected, as if they’re having a conversation with someone. They might even see the narrator as a guide of sorts, so they feel less isolated and more comfortable in the learning process. Wrap-Up Although personalization is a highly effective technique for increasing learner engagement, be careful not to overdo it. As they say intheir book, “Good instructional design involves adding just the right amount of social cues to prime a sense of social presence in the learner, without adding so much that the learner is distracted.” Want to learn more about Clark and Mayer’s principles? Check out these articles: Multimedia Principle: Adding Graphics to Words Improves Learning Contiguity Principle: Keep Graphics & Related Text Together Redundancy Principle: Should You Duplicate Narrated Text On Screen? Coherence Principle: Less Material for Better Learning If you enjoyed this article, remember to subscribe to our newsletter to get the latest e-learning inspiration and insights directly in your inbox. You can also find us on LinkedIn and X (Formerly Twitter). And if you have questions, please share them in the comments.37Views0likes26CommentsUsing Dials and Sliders to Select E-Learning Characters #311
Using Sliders with E-Learning Characters #311: Challenge|Recap Using characters in e-learning courses is one of the easiest ways designers can personalize the learning experience. In a previous challenge, we looked at different ways learners can choose their avatars. Character selection techniquessharedinclude text entry, drag-and-drop, click-to-select, surveys, dials, and sliders. Regardless of the technique, you’ll need to work with variables to track the learner’s choice and display the correct character throughout the course. Selecting Characters Using Sliders in Storyline 360 If you haven't worked with variables, dials and sliders make the process a little easier to get started. When you insert a dial or slider, Storyline automatically creates a number variable for you. Thanks, Storyline! As you drag the slider, the variable's value is adjusted based on the range you define. Based on the number variable's value, you can perform any number of actions such as jumping to slides, personalizing feedback, and identifying which character to use throughout the course. I put together asimple demo and source file to help you get started. View example | Download Challenge of the Week This week, your challenge is to share an example that lets learners choose their avatar using either a dial or slider. You don't have to create two examples. Choose either a dial or slider to use in your demo. If you have time, you're welcome to create two versions of your example using one of each. Please consider sharing your source file this week. Resources Webinars: Getting Started with Variables in Storyline 360 Using Number Variables in Storyline 360 Using Text Variables in Storyline 360 Using True/False Variables in Storyline 360 5 Ways to Personalize E-Learning Courses User Guide: Storyline 360: Working with Variables Storyline 360: Adding Variable References E-Learning Challenges: Use Learner's Name in E-Learning Course #222: Challenge | Recap Using True/False Variables in E-Learning #271: Challenge | Recap Using Variables to Compare Learner's Answers #292: Challenge | Recap Random Number Variables in E-Learning #278: Challenge | Recap Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own thread and share a link to your published example.. Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you dial into this week’s challenge, check out the creative ways the glassmorphism design style can be used in e-learning: Glassmorphism Design in E-Learning #310: Challenge | Recap Wishing you a great week, E-Learning Heroes! New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.29Views0likes196CommentsLet the Knuffle Bunny Help You Combine Photos and Illustrations in E-Learning #312
Mixing Photosand Illustrations in E-Learning #312:Challenge|Recap “Aggle flaggle klabble!” If you're familiar with the Knuffle Bunny series, you'll know the anxiety Trixie felt when she realized she'd lost her favorite stuffed animal. For course designers, coming up with a new design style for an important client can be equally frustrating. The good news for Trixie is she gets her favorite toy back. But the even better news for e-learning designers is they can pull a page from this creative children's series to design a custom look and feel for their course. The Knuffle Bunny Visual Design Style The book's visual style answers age-old questions in e-learning, such as: "Can I mix different types of images in my course?" and "Should my character styles match my background graphics?" Short answer:When designed with intentionality, this mixed medium approach works well. Consider how the book's visual theme uses real-life scenery with hand-drawn illustrated characters. This is a fantastic example of how bitmap and vector graphics can be combined to tell a story. The author uses photos he took around New York City. Great idea forshooting your custom e-learning graphics. The images are then digitally modified to reduce their color and contrast to create dull, monochromatic images with varying shades of brown. The characters are drawn in bright colors and make an interesting focal point when layered above the photos. We may be too old for the Knuffle Bunny, but the unique mix of black-and-white photos and custom illustrations create a timeless design style. And that's what this week's challenge is all about! Challenge of the Week This week, your challenge is to share an example that mixes photographs and illustrations. You don’t have to follow the Knuffle Bunny design style strictly. Just be intentional about your design choices and show how your theme carries across multiple content slides. Knuffle Bunny Book Series You don’t need to buy a book for this week’s challenge. If you search for phrases like “knuffle bunny images” you’ll find enough inspiration to kickstart your design ideas. For those of you who are interested in the series, you can find the books below. Knuffle Bunny: A Cautionary Tale (original) Knuffle Bunny Too: A Case of Mistaken Identity Knuffle Bunny Free: An Unexpected Diversion Related Challenges We’ve hosted a few challenges that tie in nicely with this week’s topic. Feel free to cross-post your entry if you incorporate one or more of the following challenge elements into this week’s demos. Shoot Your Own E-Learning Background Graphics #10 E-Learning Noir: Using Only Black and White in Course Design #172 Using the Paper Cutout Effect to Design E-Learning Graphics #235 Share Your E-Learning Work Comments: Use the comments section below to share a link to your published example and blog post. Forums: Start your own thread and share a link to your published example.. Personal blog: If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure. Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness. Last Week’s Challenge: Before you dive into this week's challenge, check out the creative ways interactive sliders can be used to let learners choose their e-learning characters: Using Sliders with E-Learning Characters #311: Challenge | Recap New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.24Views0likes168CommentsWhy and How to Create a Branded Prototype in Storyline 360
Take a look at the following images. Can you name each company? Pretty easy, right? Without words, you can still identify each brand. Beyond a recognizable logo or brand mark, branding is a company’s identity. It’s part of their story. It shows who they are as a company, what they care about, and what they do. And because branding is such an important aspect of a company’s identity, there will be times when a company requests that their online training reflect their brand. To ensure the course you create is in line with the brand guidelines, it’s a good idea to create a prototype before you get too far along in the development process. That way you can get feedback and make adjustments before building out the entire course. Now that you understand why it’s important to start with a prototype when you’re creating a branded course, let’s take a closer look at how to do it! Study the Company’s Brand Taking the time to understand a company’s brand can help you capture the essence of their brand in your course design. Does the brand convey a youthful and energizing tone? Or maybe a modern and muted design? It’s all in the details—from colors to image choices to typography. Studying and adapting these elements into your projects could help you narrow in on a course design that mirrors a similar tone. Here are some things you can do to ensure the course you create embraces the company’s brand. Look at the branding guide Branding guides include a lot of helpful information, ranging from typeface and logo variations to color palette, imagery guidelines, etc. If you’re unable to obtain a branding guide from the company, search for it online. For larger companies, you might get lucky and find one in your search results. Just make sure it’s up-to-date. Check out their website Companies spend a lot of money building websites that match their branding guidelines. Take some time to explore each page and read what they’re about. Look at the formatting of the text and the layout of each page. As you click on or hover over objects on the screen, what design elements do you notice? What types of images do they use—clean and simple or colorful and lively? Are the buttons rounded or rectangular? How do they behave? What other design details do you notice? Watch their online videos Videos are another great asset to help you understand a company’s brand in a new way. Oftentimes, you can find branded videos on a company’s YouTube, Vimeo, or other video platform page. Pay close attention to the animations, language, and type of music they use. Do most of their videos incorporate voiceover, or do they tend to rely on on-screen graphics and text to convey their message? You might want to include similar elements in your project. Visit their social media pages A company’s social media can be a great resource for design ideas. Some companies even hire people to specifically design branded online content they can post. View the content they share and look carefully at the design of their images, ads, or GIFs. These assets might serve as an inspiration for your slide designs. Search for PowerPoints or other documents online It can be super helpful to see additional examples of branding used in other creative ways. Some companies have a bunch of branded PPTs and PDFs searchable online, but they can be hard to find. For specific results, try searching—filetype:PDF <Company Name> or filetype:PPT <Company Name>. Here are examples of what that looks like: This will pull up a list of company-branded documents or presentations that are generally full of design ideas that you can use for your project. Check the dates to ensure the branding is up-to-date. Create a Prototype Once you have a solid grasp of a company’s brand, it’s time to apply those elements into a company-branded Storyline 360 prototype. A prototype is a halfway point between a storyboard and the final version of a course. I find that a prototype gives stakeholders a preview of what the entire course experience will be like. Another great use of a branded prototype is to streamline the development of a series of micro-learning courses in Storyline 360. I’ll choose the storyboard with the least amount of content and then build out a prototype so stakeholders can see an example. It’s a great way to get feedback and make adjustments before building out the entire series. So that’s when and why you should create a branded prototype. Let’s take a closer look at how to do it! Creating a branded prototype in Storyline 360 To show you how to create a branded prototype, let’s use this mock-up My Pet website. I’ll walk you through how to incorporate this company’s brand identity into a Storyline 360 prototype. Start with a blank template When you first create a new project in Storyline 360, it defaults to a story size of 4:3 with default navigation buttons and other slide properties. I recommend changing your slide size before adding content to your course so you don’t have to worry about reworking your slide design later. I like to use a blank story template that defaults to the story size 16:9, with the default next/previous buttons unselected so I can create my own custom navigation on each slide. I also edited other slide properties and player features. Of course, there are many ways to go about setting up your own project templates. This is just how I prefer to have my projects set up so I don’t have to make the same edits every time I create a new Storyline 360 project. If you’re an Articulate 360 Team Subscriber, you can share your template using Team Slides in Storyline 360 so everyone on your team can easily access it and reuse it. Create a branded color theme You can completely customize the default color theme to match the company’s brand. All you have to do is create a new color theme and input the branded color codes from the company’s branding guide. If you don’t have access to the branding guide, you can still create a branded color theme for your project by using the eyedropper tool in Storyline 360 to color-pick the prominent colors off the company website. I like to name the color theme the same as the company so it’s easy to find and select when creating other projects. Create a new theme font Use the company’s approved fonts or find ones that closely match to create a new theme font. If you plan to share the story file with another person to edit, then you might want to stick with standard fonts that closely match the branded fonts. One easy way to find a matching font is to type out a sentence from the company website into your project. Have the website open on one side of the screen and your Storyline project open on the other. Because Storyline 360 allows you to preview the font before selecting it, you can simply highlight the text in your project and slowly hover over each font option until you find one that matches the website font. Check out this article for more info on working with text in Storyline 360. If you still can’t find a good matching font, try searching—dupe for <font name> or alternative to <font name>. Customize slides Now it’s time to build your slides. Reference the website, branding guide, online videos, social media pages, and other documentation you researched earlier to guide your slide designs. If you’ve already created a storyboard, pull content from that and build the slides you want to showcase. This might include a title slide, content slides, a complex interaction, and quiz slides. Use master slides and feedback masters to significantly reduce your development time, especially if you plan to use similar layouts throughout your project. Want to see an example? Then check out how I interpreted this My Pet company brand … … into this My Pet Company Branded Prototype. Customize the player The last thing you’ll want to do is customize the player so it matches the rest of your course. To do that, start by opening the Home tab and clicking on Player Properties. From there, click on Colors & Effects and choose Custom. Here you can choose a custom accent and background color, You can also personalize the accessibility focus colors, which highlight clickable objects when learners navigate with their keyboard. For this example, I chose a pink accent color and a white background so it’s cohesive with my slide designs. Depending on how many of the player elements you’ve activated, you’ll see more or less of the accent color. In this example, I’ve unchecked everything except the accessibility controls, so the player pretty much blends into the background: But if I turn on more of the player elements, you can see more of the accent color that I chose: See how sleek it looks when the player and slide designs match? It gives your course a more cohesive feel. Wrap-Up By using all of these tips, you can create your own e-learning courses that visually embrace a company’s brand identity. Do you have any other tips or tricks you like to use when branding your Storyline 360 courses? Let me know in the comments below! Need to brand a Rise 360 course? Then check out this article to help you get started. Want to try something you learned here, but don’t have Articulate 360? Start a free 30-day trial, and come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning.22Views0likes3Comments3 Ways to Use Rise 360 Themes to Tailor Your Projects
Rise 360 is the perfect authoring app for quickly creating beautiful, inherently responsive, and engaging courses. And it just got even better, thanks to Rise 360 themes. You can now choose from a variety of gorgeous new looks created by award-winning designers to give your existing Rise 360 projects a brand-new look and feel if you’d like, and make your new Rise 360 projects feel more custom. With options for cover pages, navigation, lesson headers, colors, fonts, buttons, and more, Rise 360 themes give you loads of creative possibilities for making a course feel unique. You can customize courses for your topic, help learners focus on content by controlling the navigation experience, reinforce your company’s brand identity, and so much more. To give you a peek at some of the many ways you can use Rise 360 themes to transform your projects, I’m sharing three ideas you can steal for your Rise 360 projects—but there are almost infinite possibilities! 1. Quickly customize Rise 360 course templates I love saving myself some time by using the real-content templates included in Rise 360. Since they’re ready-to-go courses, most of the time I use them as is. But with Rise 360 themes it’s easy to give real-content templates a whole new look and feel in just a few clicks. Before After Before After I think this Sexual Harassment Prevention Training template already sets the right tone, thanks to its course cover photo, which hints at the gravity of this weighty workplace topic. But with Rise 360 themes, I was able to easily customize the appearance of this template to give it my own, sleeker look while still aligning with the seriousness of the subject matter. I transformed the course cover page with a split right image layout using the Rise theme, added a dark gray accent color to keep things grounded and neutral, and then selected a fresh font—Be Vietnam—to give it a modern edge. And by choosing smaller lesson headers with a background color to match the course accent color, I gave the lessons a uniform appearance that pushes the content front and center. I love how these small but mighty changes make this template feel more custom—and it only took a few tweaks to make it my own. 2. Focus learners’ attention with compact navigation When it comes to sharing critical information, it’s helpful to minimize distractions so learners can focus entirely on the content. This Emergency Response Plan course shares crucial details with employees about preparing for and responding to life-threatening workplace events. Before After Before After The course does an excellent job of parsing information into easy-to-understand, bite-sized pieces with the accordion block, so learners aren’t overwhelmed with too much content. But I wanted to focus learners’ attention on this critical content even more. To do that, I selected a split right image layout using the Apex theme for the cover page. To further enhance the course’s appearance, I also switched things up to a bold and easy-to-read font—Poppins. Within the course, I wanted to make sure that learners weren’t distracted by too many elements on the screen, so I chose the overlay navigation menu that learners can view only when needed. I also went with smaller headers and hid the lesson count labels. Once again, little changes like these can add up to a lot more visual space within each lesson. This means learners can focus their attention on the most important elements of the course. 3. Make your courses look more on-brand Most companies have style or brand guidelines—the consistent design choices they use to reflect their unique persona. In many organizations, the style guide also applies to internal content, including e-learning courses. And in this Style Guide course, learners are introduced to the essential design elements they should use when creating content to represent the organization. Before After Before After Because there are so many theme customization options available in Rise 360, you can design a course that fits right in—no matter how specific your branding guidelines. To transform the course cover and bring this style guide to life, I chose a centered image layout using the Horizon theme, a green accent color, and an on-brand font pairing—Oswald & DM Sans. I wanted to further reflect the brand guidelines once learners dive into each lesson, so I added a branded sidebar navigation menu, floating navigation buttons with an accent tint, and designed lesson headers using an image reflective of the organization. Thanks to these choices, I’m not just telling learners how to properly reflect the organization’s unique style in their content, I’m also showing them. Wrap-Up Hopefully, these examples made you as excited about Rise 360 themes as I am! Being able to customize templates to match course topics, improve the learner experience, and reinforce brand identity are just a few of the many ways Rise 360 themes can help you transform your Rise 360 projects—but there are tons more options to explore. How do you see yourself using Rise 360 themes in your organization? Share your ideas in a comment below. To learn more about customizing your course’s design, check out these articles: Make Over Your Rise 360 Course in 4 Easy Steps With Themes Why & How to Tailor Content to Different Audiences The Color Effect: How Your Palette Affects Learners Does Your E-Learning Course Need a Menu? Finding Fonts That Fit Your E-Learning Want to try out Rise 360 themes, but don’t have Articulate 360? Start a free 30-day trial, and come back to E-Learning Heroes regularly for more helpful advice on everything related to e-learning. If you have any questions, please share them in the comments.21Views0likes0CommentsUsing Learning Journals to Keep Learners Focused & Engaged #425
Using Learning Journals in E-Learning#425: Challenge | Recap Looking for a way to practice working with variables and keep your learners focused and engaged? Try adding a learning journal option to your next project. Learning journals can be a great tool to help learners record their thoughts, insights, and questions about the course. They’re also a fantastic way to learn to work with text variables and references in Storyline 360. Check out the following examples to get an idea of how learning journals can work in e-learning. Watch. Explore. Reflect. I like this example because it features YouTube videos that give learners a big-picture overview of the topic, followed by a drag-and-explore activity, all before asking the student to jot down their ideas about life from outer space. Example|Ron Katz|Website Just-In-Time Journals This example features a learning journal icon that’s available on every slide in the course. Giving learners a persistent means to track their thoughts and enhance their learning experience. Example|Thierry EMMANUEL Challenge of the Week This week, your challenge is to share an interactive example that shows how learning journals and note-taking can be used to encourage learners to reflect on the material. If you’re new to variables or need assistance with your example, let us know in either the comments section or in the Build Better Courses forums so we can help. Resources Here are some resources for Storyline users. If you’re using another authoring tool or even a tool that doesn’t support variables (like PowerPoint) you can still share your ideas. User Guide: Storyline 360: Working with Variables. Use variables to remember information—such as a learner's name or a numeric value Storyline 360: Adding Variable References. Variable references let you display that information anywhere in your course. Storyline 360: Print Slide Trigger. Let learners print individual slides, such as certificates, with a single trigger—no coding required. More resources: Learning Journal Examples in E-Learning #344: Challenge | Recap Use Learner's Name in E-Learning Course #222: Challenge | Recap Storyline: Printable Goal-Setting Journal Template Share Your E-Learning Work Comments: Use the comments section below to link your published example and blog post. Forums: Start a new thread and share a link to your published example. Personal blog: If you have a blog, please consider writing about your challenges. We'll link to your posts so your great work gets even more exposure. Social media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can follow your e-learning coolness. Last Week’s Challenge: Before you reflect on this weeks challenge, check out the practical ways course designers transform static content into interactive e-learning: Converting Static Slides Into Interactive E-Learning #424: Challenge | Recap New to the E-Learning Challenges? The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos. Learn more about the challenges in this Q&A post and why and how to participate in this helpful article. Got an idea for a challenge? Are you interested in doing a webinar showcasing how you made one or more challenge demos? Or do you have some comments for your humble challenge host? Use this anonymous form to share your feedback:https://bit.ly/ElearningChallengeForm.19Views0likes80Comments