{"id":6974,"date":"2023-12-21T08:00:00","date_gmt":"2023-12-21T08:00:00","guid":{"rendered":"http:\/\/maestrodev.wpengine.com\/?p=873"},"modified":"2024-03-22T19:31:45","modified_gmt":"2024-03-22T19:31:45","slug":"hacking-rise-insider-tips-from-our-agencys-designers","status":"publish","type":"post","link":"https:\/\/maestrolearning.com\/blogs\/hacking-rise-insider-tips-from-our-agencys-designers\/","title":{"rendered":"6 Articulate Rise Design Ideas That Will Make Your Next Course Stand Out"},"content":{"rendered":"

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.<\/p>\n

How to create better courses in Articulate Rise<\/h2>\n

While it\u2019s 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<\/a>, to create the best possible eLearning experiences.<\/p>\n

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\u2014from strategically designed transitions to custom illustrations that give each course a unique identity.<\/p>\n

Related<\/h5>

Articulate Rise Accessibility: An Up-to-Date List of Accessible Components in Rise<\/p><\/path><\/svg><\/a><\/div>\n

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.<\/p>\n

6 Articulate Rise design ideas<\/strong><\/h2>\n

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\u2019t 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<\/a> for some other helpful insights.<\/p>\n

1. Create seamless, more vibrant transitions<\/h4>\n

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\u2014plus Photoshop and Illustrator templates\u2014your 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).<\/p>\n

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\u2019s padding and you\u2019re good to go!<\/p>\n

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

\n
<\/div><\/div>\n
\n
Designing in Rise just got better<\/h5>\n

Are you a learning designer who wants to do even more in Articulate Rise? Do you lead a team of innovative learning creators eager to explore new tools? Do you want to push your course design further? Meet Mighty, a powerful little Google Chrome extension that gives you access to exclusive features and functionality to improve your course design in Articulate Rise. <\/span><\/p>\n\nLearn more + sign up\u2192<\/i><\/a>\n<\/div>\n<\/div>\n

2. Create labeled graphics with hotspots for interaction<\/h4>\n

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\u2019re meant to be on the image.<\/p>\n

This allows us to customize the content to our client\u2019s 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>.<\/p>\n

\"A<\/p>\n

3. Customize charts further with templates and in-app tricks of the trade<\/span><\/h4>\n

Rise does have the ability to create charts, but design options are limited. However, there\u2019s 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.<\/p>\n

The key below each chart was created simply using Rise\u2019s formatting options for text. How did we add the colored boxes in line with the key text below the charts? We simply added an \u201cx\u201d before the text, changed the text color of the \u201cx\u201d to be the same as a section in the pie chart, and then changed the background color of the \u201cx\u201d to that same color.<\/p>\n

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

\"\"<\/p>\n

4. Create custom iconography using closely cropped images<\/span><\/h4>\n

Rise doesn\u2019t 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\u00d780 and 150\u00d7150 pixels. From there, these icons can be loaded and placed as images anywhere in your course.<\/p>\n

\"Custom<\/p>\n

5. Make the most of Rise\u2019s flip card feature<\/span><\/h4>\n

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?<\/p>\n

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.<\/p>\n

\"\"<\/p>\n

6. Use design templates to customize photo elements<\/span><\/h4>\n

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.<\/p>\n

With this particular example, we wanted to incorporate side-by-side images showing the do\u2019s and don\u2019ts 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 \u201cdon\u2019t\u201d image on the left, the \u201cdo\u201d 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.<\/p>\n

\"A<\/p>\n

Do\u2019s and don\u2019ts for developing your Articulate Rise course<\/span><\/h3>\n

You\u2019re thinking outside the box, you\u2019ve got an arsenal of insider tips and Articulate Rise examples\u2014but there are a few more things you should know.<\/p>\n

Grab your notebook, because we\u2019re about to go over a few of the do\u2019s and don\u2019ts we\u2019ve learned through our many trips down the Rise rabbit hole.<\/p>\n

Do\u2019s for developing in Rise<\/span><\/h4>\n