Designer

6 Articulate Rise Design Ideas That Will Make Your Next Course Stand Out

Are you searching for Articulate Rise design ideas? You probably already know that Articulate Rise is the best tool for creating responsive eLearning. But in order to avoid creating a final product that feels cookie-cutter and underwhelming, you have to get creative with your Articulate Rise design ideas. That means thinking outside the box and pushing the limits of the platform to develop a truly unique and memorable Articulate Rise course.

How to create better courses in Articulate Rise

While it’s true that anyone can develop their own Articulate Rise course, here at Maestro, we like to take our Articulate Rise design ideas to the next level. When our interactive designers work in Rise, they look for ways to push the limits of the platform, even beyond the improvements in Rise Themes, to create the best possible eLearning experiences.

We appreciate Rise as a tool, but we also know that every tool has limits. It’s been our mission to stretch our Articulate Rise templates as much as we possibly can to create courses that stand out—from strategically designed transitions to custom illustrations that give each course a unique identity.

We know a thing or two about creating great Articulate Rise 360 templates and customizations that lead to beautiful courses. Here are our six tips for improving your next Articulate Rise course.

6 Articulate Rise design ideas

When it comes to eLearning solutions, Rise is a phenomenal tool for responsive, rapid authoring. But there are plenty of innovations in Rise that the typical user wouldn’t know about. Here are a few Articulate Rise design ideas you can implement in your next course to make it truly one of a kind. And if you find yourself wanting more, check out the Rise community forum for some other helpful insights.

1. Create seamless, more vibrant transitions

Trying to avoid that banded look that can often happen in Rise? Consider adding visual and graphic transitions to help move away from the straight horizontal line between two blocks with different background colors. With a little bit of creativity—plus Photoshop and Illustrator templates—your design team can develop images that bridge the gaps between two content pieces to create more interesting transitions. Pro tip: use a labeled graphic, instead of a full-width image block, to get the exact dimensions you need (so the sides don’t get cut off).

For this particular client, we created an image that contained the background colors of the previous and next content pieces and layered a photo with graphic elements on top. Make everything seamless by removing the image’s padding and you’re good to go!

For access to exclusive resources like our Rise Image Dimensions Cheat Sheet—which helps creators like you design custom components in programs like Photoshop, Illustrator, Canva, and PowerPoint—we invite you to join our Maestro Community. This private online forum contains tons of tips and tricks from the team at Maestro—like how to create your own Articulate Rise templates—as well as insights from other learning professionals. Plus, it’s free! After you join, simply visit the Designing in Articulate Rise space and check out the pinned posts to snag your cheat sheet!

2. Create labeled graphics with hotspots for interaction

Rise has a feature that enables learners to select hotspots that trigger interactive elements and reveal more information. One way that we customize this further is by figuring out exactly where certain hotspots will be and marking them as a layer in our Articulate Rise templates. Once we design the graphic, we can remove the crosshairs, and when the graphic appears in Rise, those hotspots will be in the exact spots they’re meant to be on the image.

This allows us to customize the content to our client’s exact format specifications and stay true to their brand in every course we build. Watch this tutorial to learn exactly how to place hotspots when building labeled graphics.

A course section labeled Oversight Team with five hotspots and crosshairs labeled Specific Team 1, Specific Team 2, Specific Team 3, Specific Team 4, Specific Team 5, that reveal more information when moused over.

3. Customize charts further with templates and in-app tricks of the trade

Rise does have the ability to create charts, but design options are limited. However, there’s an option for multiple charts to be used in one row. For this client, we created donut-shaped pie charts to display their content, placing each chart image into the four-column grid block.

The key below each chart was created simply using Rise’s formatting options for text. How did we add the colored boxes in line with the key text below the charts? We simply added an “x” before the text, changed the text color of the “x” to be the same as a section in the pie chart, and then changed the background color of the “x” to that same color.

The best part of a design like this is that it’s responsive. By placing each chart and key in its own column, it easily snaps into various layouts according to the user’s screen size for legibility and convenience.

4. Create custom iconography using closely cropped images

Rise doesn’t have a lot of options when it comes to icons, and even if it did, custom iconography is always the better choice. Our workaround? Our designers create custom icons on a square canvas, crop them closely, and save them at a size between 80×80 and 150×150 pixels. From there, these icons can be loaded and placed as images anywhere in your course.

Custom checkmark icon above a Learning Check section for an in-course quiz.

5. Make the most of Rise’s flip card feature

When we think of flip cards, the typical approach is to place an image or word on one side and the definition on the other. But what if you took the flip card in Rise and made it even more visual and interactive?

With this client, rather than placing a word and its definition on the card, we used the card to show an image of a macchiato with the information below. When the learner flips the card, they get an exact breakdown of espresso and milk foam ratios to make the perfect beverage.

6. Use design templates to customize photo elements

Because Rise has a set number of content blocks and styles to choose from, our designers have had to use their creative innovation skills to overcome certain design limitations, especially when images are involved.

With this particular example, we wanted to incorporate side-by-side images showing the do’s and don’ts of slicing a lime for a cocktail. But since most Rise components only accommodate one image at a time, our designers had to think outside the box (literally). Using the accordion image dimensions, they created a single artboard in Photoshop, within which they placed both images (the “don’t” image on the left, the “do” image on the right). After that, they layered the corresponding icons on top of the images and exported the artboard as a singular, flattened image. And presto! Articulate Rise limits transcended.

A course section labeled "Be Careful" with 2 images below it demonstrating the right and wrong way to cut a lime.

Do’s and don’ts for developing your Articulate Rise course

You’re thinking outside the box, you’ve got an arsenal of insider tips and Articulate Rise examples—but there are a few more things you should know.

Grab your notebook, because we’re about to go over a few of the do’s and don’ts we’ve learned through our many trips down the Rise rabbit hole.

Do’s for developing in Rise

  • Sketch out course chapters before jumping into the nitty gritty of designs. That way, any major transitions or graphic templates can be carefully planned and executed.
  • Consider adding color behind accordion or timeline components to allow the white in those components to really stand out.
  • Customize where it makes sense. Use color and brand collateral to make your course distinct and professional. But remember to keep accessibility and legibility in mind when selecting colors to go behind text elements.
  • Incorporate custom illustrations and photos by creating your own Rise design templates and elements. Cultivate the look and feel of your course with a personalized, thoughtful design that connects with your audience.

Don’ts for developing in Rise

  • Don’t overuse unnecessary components. Sometimes a text block component is all you need. Avoid using complex components just for the sake of interest. Forcing learners to use hotspots or flip cards when it’s not necessary can be distracting and confusing.
  • Don’t overuse the same components. Be intentional, but don’t be repetitive. Using the same components over and over can make a course feel routine and stale. Remember that Rise is a scrolling experience—variety will help keep learners engaged and alert.
  • Avoid extremely long chapters. Rise is designed to be a user-driven experience, but your design has to keep up. Whenever you can, separate your pages into bite-sized chunks so that learners don’t feel overwhelmed by content.

At Maestro, we know that learning works best when beautifully designed. By using these out-of-the-box Articulate Rise design ideas, you can create a truly unique eLearning experience that engages your learners and creates meaningful change.

Design with Us: An On-Demand L&D Workshop in Articulate Rise

Watch and learn as two of Maestro’s interactive designers bring an eLearning course to life in real time.

Start designing
The Latest
Projects
  • VetBloom A blockchain-based credentialing platform for veterinary specialties
  • ACIST Medical Systems Lifelike 3D product training to guide service techs on the job
  • Best Western Hotels & Resorts Helping transform brand culture with fresh, energizing ILT