Forum Discussion
Rise 360: Interactive Short Story
Storytelling in e-learning is an effective way to connect with your audience. This Rise 360 example uses a relatable story and beautiful illustrations to create a powerful and seamless learning experience for managers about actionable feedback. Check it out for yourself to get inspired.
Want to try creating something similar in Rise 360, but don’t have Articulate 360? Start a free 30-day trial. And subscribe to our newsletter to stay up to date on the latest e-learning examples.
39 Replies
- I love this! How did you:
1) create the custom "continue" buttons that were each labeled differently? (I.e. Giselle wants to discuss numbers, etc.) and
2) Create seamless illustrations with the dots connecting the two characters as you scrolled? I'm trying to figure out what block you used.
Thanks for sharing!- Hi Dani! Adding to the conversation...
Did you know you can edit the Continue button to say what you want? Select EDIT, and under label, replace CONTINUE with your own words.
Until Teresa responds about her fabulous artistic wizardry...
I've used custom graphics and then added them in the full width image block. Sometimes I put _noprocess_after the file name so they don't get compressed.- Wow! I thought for some reason that changed all of the "continue" buttons to say the same thing but I guess not!
Thank you for your response. The custom graphics insight is helpful too!
- Absolutely love what you have done here. Super sleek and creative... importantly -- informative but also allows the learner to relfect and learn as well. Keep up the creative work! Kuddos.
- So much better than pushing the "how to be a better boss" text. Nice work Teresa!
- Nice example. Thanks for sharing.
- Love this example! And would love to see the source file? :)
- I am brand new to Articulate 360, can you put an interactive short story into a Rise 360 project? If so, how? If not, where can I go in Articulate 360 to build one?
- Hi Jessika, the whole story is built with Rise ;)
- This is beautiful. I too would love the source file or how you created the custom menu on bottom left as well as upper right hand corners
- Rise doesn't have source files like Storyline does. It is web-based.
- This is beautiful! Thank you Teresa for inspiring my design today.
- I would love to hear about the dimensions you used for your images. I am having issues with the full width image block :/
Beautiful work!!! - Hi everybody
Thanks so much for your comments. For some reason I missed the notifications on this.
To answer your questions:
- Make sure you save your images with the ending _NOPROCESS_, so they don't lose quality when uploading them into your course.
- I mocked my course first in Illustrator, so I know exactly how the course should look like before and then I just export the images. I used the width 1920 px for full width images, height can vary.
- For this course I used the blocks image centered and image full width.
- As said above, you can use custom text for your continue buttons under EDIT.
- You can choose the button left menu under Theme > Navigation > Compact.
- Also under Navigation you can activate Previous/Next Lesson Buttons. I selected Floating.
I recommend you checking out following videos:
- Amanda shares on image block design: https://youtu.be/QNRW0edLTxA
- Nicole shares how to design image rich Rise courses: https://youtu.be/5V1eslYfk24
- I share how to bring storytelling and visual narrative into Rise: https://youtu.be/HUoQiipK8vQ
I hope this helps.
Thanks again for your positive feedback!!- Thank you!
- Thank you for posting this! One of the things our team has struggled since we came onto Rise is trying to figure out what sort of dimensions the various blocks "want" in order to minimize image compression and fill the space as we envisioned. The _NOPROCESS_ tip is great! And thank you for the ballpark 1920 px for full width images. We don't have Illustrator, so getting images to the scale we want is trial and error. This will really help!
