storyline 360
93 TopicsBest Video Dimensions and Export Settings for Articulate Storyline (Premiere Pro)
Hi everyone, I'm creating videos in Adobe Premiere Pro for use in Articulate Storyline and would appreciate some advice on best practices. Currently, I'm exporting videos at 960 × 540 px, which seems to match the size of the video area in my course. However, I'd like to ensure I'm getting the best possible quality while keeping file sizes reasonable. My questions are: Is 960 × 540 px still the recommended export resolution for Storyline? What export settings in Premiere Pro have you found work best for Storyline projects? Are there any best practices for maximizing video quality and avoiding blurry text, graphics, or screen recordings after publishing? Have you noticed any limitations or compression issues in Storyline that I should account for when exporting videos? Thanks in advance for your recommendations!54Views0likes3CommentsSL Template Slide for importing questions
Hello, I'm new to Storyline and currently preparing to import over 1,000 multiple-choice questions from text files. Before doing so, I’d like to set up a basic slide template to streamline the process and avoid repetitive adjustments afterward. Specifically, I want to predefine essential layers (such as correct, incorrect, and review), choose the desired font type and size, and possibly include a few custom states. My goal is to ensure that once the questions are imported, they automatically adopt the formatting and structure I've set in the template. Please please please help me!117Views0likes4CommentsUpdating Classic Player Template to Modern Player
Hi all, Was looking for some ideas on the most efficient way to convert an existing Classic Player template (1004*697) in Storyline 3 to a Modern Player template (1280*720) in Storyline 360 Have been having to re-format every slide in the new template (font sizes, alignment etc.)and was wondering if there is a less time consuming way to do this as we have a lot of courses to change over to the new template Any thoughts and suggestions would be greatly appreciated Thanks Sonal71Views1like1CommentID Toolbox
Practical tools for e-learning developers… Over the past several months I've built a set of browser tools for the bits of Storyline and Rise that used to cost me hours. Eleven of them, all completely free, no signup, no accounts, nothing to install. They run entirely in your browser. Nothing is uploaded anywhere, which for me was the whole point, I wasn't keen on posting client content to a website just to check something… ID Toolbox188Views9likes3CommentsLess Is More Is Not Just About Content, but About Learning Experience
After working in instructional design for many years, I've come to realize that "less is more" is often misunderstood. It is usually associated with simplifying content, such as making courses shorter, reducing information, or avoiding overload. But in my experience, it goes beyond that. Even when we have correctly identified what learners need to know, do, or change in order to meet business goals, there is still another important question: How should we design the learning experience itself? The goal should be to help learners learn with the least unnecessary effort. Not by removing depth or rigor, but by removing friction that does not contribute to learning. Over the years, I've seen many different approaches to learning design. Some learning experiences feel under-designed, where the lack of structure or intention makes it difficult for learners to stay engaged or understand the purpose of the content. I've also seen cases where, in an effort to avoid being "too simple" or "boring," additional layers of interaction, visual elements, or gamification are introduced. Many of us have probably spent hours building advanced interactions in Storyline or carefully structuring a Rise course because we wanted the learning experience to feel more engaging. There is nothing wrong with using these features. The question is whether they genuinely support learning. Sometimes these additions are driven more by what the tool allows us to build than by what learners actually need. As a result, learners may end up spending more time completing interactions than understanding, retaining, or applying the knowledge that really matters. This is especially important in corporate learning. Learners are often balancing training with their daily responsibilities. Time is limited, and attention is limited. That is why I believe we should be intentional about where we add complexity. Interaction is not the problem. In fact, meaningful interaction is essential for learning. The key word is meaningful. The most valuable learning experiences are those that help learners understand concepts more deeply, retain what they have learned, and apply that knowledge in real work situations. This is where I choose to focus my design effort. Not on adding interaction for its own sake, but on identifying the moments in learning that truly matter. Instead of asking, "What cool Storyline feature can I use here?", I think we should be asking, "How does this interaction help learners understand, retain, or apply what they need to learn?" When we design with that intention, learning can often become simpler while also becoming more effective. That's the kind of learning experience I continue to strive for. I'd love to hear how you decide when an interaction is truly worth adding.332Views11likes12CommentsEasier way to do Transparent PNG animations in Storyline using AI Assistant.
Hello! For anyone who has been wanting to find an easier way to use animated PNG image sequences in Storyline, here's what I recently came up with (I did a search for this topic here on Best Practices but found nothing to match - may already be old news - if so, disregard all after hello). This JS takes care of the show/hide layer task that was so time consuming for the creator using triggers and states. Here is the AI Assistant prompt followed by the resultant JavaScript: Me: 'Create a JS that shows and hides the images [Picture 1 - 30] on the timeline. The speed should be [30] frames per second, resulting in one complete simulated rotation of the coin. Response: To create a simulated rotation effect at 30 frames per second, where Pictures 1 through 30 are displayed sequentially and loop to simulate a spinning coin, I will develop a JavaScript animation using the appropriate timings to approximate 30 frames per second (33.33ms per frame). Would you like me to proceed with creating the JavaScript trigger for your slide? Me: Yes. Response: I have created the JavaScript trigger named "Simulate Coin Rotation." This trigger will: 1. Sequentially show and hide images from "Picture 1" to "Picture 30." 2. Simulate a rotation effect at 30 frames per second (33.33ms per frame). Let me know if there are additional adjustments or further enhancements you need! See attached for results. Obviously this is for proof of concept and will require further refinement - speed/pausing, etc., but refinement is as easy as prompting 'pause the animation after 3 rotations', etc.) Setting up this two-minute long process beats spending several minutes/hours creating triggers and setting up states by hand, so thought I should share it. Hope it helps. -alan PS, here's the JavaScript: // Find and reference each image by Object IDs const images = [ '5qmgHzeewKx', '6VntD4WftmZ', '68qpF1r6HPu', '6iKY1TZhCUC', '5dvzDd0iirL', '5shjC2rUjgc', '6RY4BuHuzbB', '5sCE78GZyz9', '69eZTSWRsRF', '6kb0gHMMoks', '5kIbYD5RUff', '5ky6F9fxZaH', '62UnQqLgzkj', '6gbjZjrNAiF', '66S2FRgX8al', '6VMdqURcmx7', '6WzEJUWCnKN', '5y34gJ5aiPb', '6rDpPQV5c0i', '5VTPNi9Ha3w', '5dcAeTqKxhj', '6RXO9pKotPV', '69jJxhF86Yk', '6oiTtYItgmo', '6HUOqsiJGRX', '69yAum3TwUS', '64HNtI9aayc', '5rFNGYaOXUd', '69jBWIgp8H7', '6lJfba5n8lp' ]; let currentIndex = 0; function showFrame() { images.forEach((id, index) => { const image = object(id); image.style.opacity = (index === currentIndex) ? 1 : 0; }); currentIndex = (currentIndex + 1) % images.length; } // Set all images to hidden initially images.forEach(id => { const image = object(id); image.style.opacity = 0; }); // Start cycling through frames at 30fps (33.33 ms per frame) setInterval(showFrame, 33.33);155Views1like8CommentsAI Avatar Videos and Accessibility
Hi Everyone! I'm working on an online orientation course and have created an AI generated Avatar to be the course's "guide." The way I have the Avatar set up is in video format so she can speak to the viewer. Right now the Avatar videos are set to Automatically play when the user is on the slide that a video is on. However, I'm trying to be cognizant of screen readers as I want the orientation course to be Accessible. I know that it's best practice to set videos up to either play when clicked or triggered but I kind of feel that that takes away from the role of the Avatar as the guide. Does anyone have any ideas of how I can set up these Avatar videos to make them work with a screen reader but not take away the guide role? Thanks!!101Views0likes3CommentsStoryline quiz: Ensuring people answer questions one at a time
Having the NEXT and PREVIOUS buttons always appear during a quiz can be problematic. People might accidentally click the NEXT button thinking they clicked SUBMIT, might not realise they need to click SUBMIT (even though the course included instructions to click the button), or they may skip all the way to the results page where the course then submits their unanswered questions. If you're displaying the PREVIOUS, NEXT and SUBMIT buttons in the player and you want to ensure people only answer questions one at a time, just add these triggers on the base layer: Set state of Next Button to Disabled; When the timeline reaches time 0m 2s. Note: If you set this trigger at the start of the timeline, the setup won't work. And if you set the trigger to the end of the timeline, it may be too long for the user to wait if the timeline isn't short (e.g. has audio to listen through). Set state of Next Button to Normal; When the user clicks submit. The above triggers disable the NEXT button until the person answers the question.58Views0likes2CommentsStoryline Theme Builder
Inspired by the work of randykepple and DShaw, I decided to take my internal theme builder to the next level and make it available to the entire community. It has been integrated and improved with Claude. This standalone, HTML-based tool allows you to create complete Storyline 360 color and font themes without needing Storyline to be installed or running. You can export your themes as .athmx files, share them with your team, and import them directly into Storyline whenever needed. For PowerPoint users, the tool also supports importing .thmx theme files. PowerPoint themes define 12 colors, including two hyperlink colors. During import, the Followed Hyperlink color is ignored, while the remaining colors are automatically mapped to their corresponding Storyline theme colors. The converted theme can then be exported as a valid Storyline .athmx file. The Storyline-specific colors that do not exist in PowerPoint such as Control 1, Question - Correct, Question - Incorrect, Custom 1, Custom 2, are initially assigned automatically. Before exporting the final theme, you can easily replace these defaults with any colors you prefer. In addition to theme creation, the app includes several utilities designed to streamline your workflow: A Color Contrast Checker to help you create more accessible color combinations. A Color Blindness Simulator to preview how your theme may appear to people with different types of color vision deficiency. An Image Color Extractor that samples colors from an image and automatically maps them to Storyline’s 16 theme color slots. Google Fonts integration (internet connection required), allowing you to enter a font’s exact name as it appears in Google Fonts for automatic recognition or simply paste the embed code generated by Google Fonts. Additional tools and widgets that simplify theme creation and help maintain a polished, consistent visual style across your projects. The goal of this application is to make creating, customizing, converting, and sharing Storyline themes faster, easier, and more consistent. Whether you are building a theme from scratch, converting an existing PowerPoint theme, or developing a color palette inspired by your brand, the tool is designed to save time while giving you complete control over the final result. I hope you find it useful, and I welcome any feedback or suggestions for future improvements. Storyline Theme Studio57Views2likes0Commentscriteria for rise vs. storyline?
Hi all, I'm curious if anyone has established criteria that they use to evaluate whether Rise or Storyline is the best tool to build their requested training. Beyond the obvious regarding development and functionality abilities (e.g., rapid development vs. more customizable), does anyone have content-specific criteria that informs what tool they use to build their courses? I work in a compliance department so we've traditionally used Storyline for more 'gated' hand-held overviews of foundational concepts and Rise for content that iterates on those foundations. thanks!769Views2likes9Comments