Have Closed Captions generate as a variable
I am working on a project, where I have a character who is talking to the user and going into scenarios. Rather than create caption shapes and then typing all of the speaking points out and matching it to the audio on the slide, I was hoping to have/create a variable where the created closed captions could be shown in a text field or wherever else I want on the page rather than the standard top or bottom of the page. This way I could modify the way they look, where they are located, and reduce the time it takes to create conversation scenarios by not having duplicate work.Turn on/off (control) the checkmarks in the menu
Hi Everyone, This question comes up more and more often in our ID, company and learner community (many learner comments about the misleading checkmarks). And I know that it is a hot topic for all of us and for years now. Eg. Check / Tick marks in the menu | Articulate - Community Premise: So the premise is that we need to have control over the checkmarks in the menu. Now, the tick shows up immediately after a slide starts, which gives a false image of the slide completion for the learners. The checkmarks should appear only if the actual slide is completed by a condition - regardless of its type: timeline starts/ends, click on a button=states, anything else. (See this later.) In the LMS publishing options when you set up the course completion for xy% of slides viewed, to count the slides it uses the same idea as the checks have now: when the timeline starts it becomes immediately counted - probably connected. I think this is okay there, because you can play with it. But here we have other function for the slide ticks in the menu. UX/UI perspective: If you have a checkmark next to the slide title in the menu it means, from every perspective, that the slide is viewed and completed, you don't have to do nothing else. The same idea is used everywhere else: In any app or online platform a tick shows that a field is completed or not, a question is answered or not, or you need to scroll down the agreement or contract to change the tick to understand the terms etc. Tick means completed: you don't need to do anything else with the checked part. Our learners (and us too) are adapted to this meaning. If the actual intention with the checkmarks is to show that a slide is visited, I am afraid that it can lead astray. We see it as a completion. In Rise the lesson completion in the menu works perfectly fine: an icon shows that something is in progress in the a given part and when it is done it receives a tick. The desired functions: In case of the menu checkmarks we should be able to -turn it on and off, and -set up a condition when to activate the checkmark of the slide in the menu. Eg. I turn the automatic menu ticking off. > After I set up this option in the slide properties: when timeline starts, when timeline ends. > Or I could also initiate it with a custom trigger. Dear Articulate, do you have plans to change this automatic marking and give control to the designers? I know that it is really complicated and not easy at all from your developer side. And it also can causes problems if we users forgot to set it up, but I think it is a must have from ux/ui perspective. Alternatives: In the article discussion above (and on the web) we have few css and javascript option to turn it off completely in the menu. But in this cases I think we can fall to the other slide: the menu will not show slide completion at all. I seriously don't know which is the better option. Our users are already adapted to the checkmarks in the menu - elsewhere and in our learnings too. Just the timing is not perfect. Question: And here, after this wall of text I arrived to my personal silly question. :) I am not good in Javascript at all, and probably it is not even possible or you already came up with it. But this could be a good workaround. I played with javascript triggers: -I used the mentioned javascript trigger form the article above to remove the ticks (when timeline starts), it worked perfectly. -And after I used an other javascript trigger to turn it on when timeline ends. Also worked. -But of course when I go to the next slide, this pair of triggers will cause mess, the first will make the already ticked slide title in the menu disappear. Which is pretty obvious. But then a question came to my mind: Is there an option or possibility in javascript to make a trigger where we can turn off and on the checkmarks ONLY on the given line (slide) in the menu? --- I think we really need a solution or at least a specific and official workaround for this basic UX/UI feature. Thank you (Articulate and our great Heroes Community) in advance for your help! Wishing you all the best and great designs! TibiDisappearing options from dropdowns
Hi! Working on a Question Bank and in particular, Matching and Arranging in the Right Order type of questions...I would love to have options that are selected to disappear from the drop down so the user will not pick the same option more than once. Three years ago, I know there wasn't a solution. Have there been any changes since then?Audio-Button functions and states within selfbuild WBT menue and options
Hi everyone, currently I am working on a selfbuild WBT menue with own options on buttons (like refresh, fullscreen, turn on/off subtitles, etc.). This also includes a button for un/muting audio. (Screenshot "Menue 1") Until now I tried a lot; made my way through own ideas, tutorials in various forum posts or videos, asked colleagues, tried prompts in Copilot and so on. The thing is, I always get stuck evertime at the same point. Therefore, I am reaching out to you in hope that you can help me out. My setup is the following - first slide in master slide view: I have a button that consists of these elements grouped together: a circular “Ellipse” element, and above it a vector graphic of an ear. This vector graphic has the normal state (regular ear Icon) and the state selected (ear Icon crossed out). (Screenshot Icon states) The Ellipse has also a second state for hovering with a slight shadow around the circle. Then, to make things even a little bit more complicated, when the user can either click this button directly from the side menue. But if they navigate to the "Menue"-Button, the side menue will expand, laid out on another layer (Screenshot "Menue 2 Expanded"). Next to each button is a section reading the function of the button and thanks to a hotspot over each section, it is also clickable. So the button must be functioning and changing it's states in both ways: regular menue and expanded menue - and from the expanded menue as well. Goal; what should be the effects by clicking the Audio button? As soon as the user clicks on the button group, the audio on the slide should be muted and the state of the vector graphic should change: an ear crossed out. When the user clicks this button again, the audio should be unmuted, and the vector graphic should return to its original state (the normal ear). So, the audio should not be stopped and resumed: The audio should be "playing" without sound in the background with continuous timeline. A slide can also contain multiple consecutive audio files that play one after the other. The audio button un/mutes all of them when the user clicks the button. And when the user moves to the next slide, the WBT should remember that the selected function (audio is turned off/on) and show the ear icon accordingly (as crossed out/normal). Point 3 and 4 shall also apply for the audios of videos: So the video-part is still going on while the audio can be muted/unmuted. --> To make it trickier: This should also work for the case when there are audios and videos on one slide. Hay anyone an idea how to solve this riddle and incorporate all the required speficiations? I would be beyond grateful. Thanks in advance Best regardsHow I Built This: I Developed an Award-Winning Ethics Course
Why I Built This: When I first learned about branching scenarios, something clicked for me that I hadn’t seen other eLearning developers execute: visually compelling, philosophically rich thought experiments. I studied Moral Philosophy in my undergrad and became obsessed with ethical dilemmas. Naturally, I decided to build an ethics course about technology. Think The Trolley Problem, only I wanted to pose questions about the growing reliance on AI and its implications by employing Instructional Design strategies. An opportunity came up through my Master’s program to attend DevLearn and compete in DemoFest, so it was time to start building my concept. I designed and developed a course in Storyline called The Agency Algorithm that confronts learners with issues regarding three main topics: algorithmic warfare (The Armory), AI assisted resource allocation (The Triage Garden), and surveillance (The Mask Archive). The Experience & Design Intent: A quick walkthrough of the multi-room experience. The Agency Algorithm is a multi-room interactive learning experience that blends instructional design, game-like mechanics, and philosophical inquiry. It immerses learners in ethically complex scenarios by leveraging branching logic, and integrating experiential aesthetics with conceptual depth. My primary goal with this project was to encourage critical reflection on the role of technology on human agency and autonomous choice. The concept itself was pretty clear to me, but I wanted to push the limits of Storyline visually, so I acquired a number of 3D assets from Adobe Stock, some of which I further modified in Adobe Dimension. I wanted the visuals to anchor the learner in a unique environment that did not feel reminiscent of traditional eLearning, and rather create space to explore and feel like a participant in something unfolding. There aren’t often black and white answers to ethical questions, and branching scenarios are an excellent way to illustrate this while offering learners a safe place to experiment and think through various outcomes based on their decision making. Visual Worldbuilding/Making It Not Feel Like eLearning: Initially, I intended to hand draw assets myself to really hone in on the human vs AI dynamic, but quickly realized the time I’d have to accomplish this was dwindling. While I drafted a few loose concepts in my journal, I ultimately decided to stick with digital assets. While I landed on 3D assets largely due to time constraints, the outcome is reminiscent of an old experimental video game or some sort of immersive idea gallery. As an artist, I often approach my work from a minimalist lens so this project was a fun way to really add some artistry that corporate training often doesn’t have room for. Variables, Multi-state objects, Cue points, and other mechanics: I relied heavily on multi-state objects to create hover states, “tip” cards, text labels, and more, for example in the circuits with definition reveals. I enjoyed building the “loading” effect in the Mask Archive, although it was a bit clunky and took a lot of trial and error! I learned a lot along the way and used a cue point on an orb with a glow effect beneath the mask and used triggers to cause the effect to work. The course overall has a few hundred triggers (slide, object, and variable triggers) and somewhere around 40 variables (mostly T/F variables). What I learned: I think it is important that we don’t hand-hold learners through every learning experience. I want users to think through complex challenges and autonomously choose and feel like a true agent in the process of acquiring knowledge. A lot of eLearning makes it too easy for the learner and we lose engagement when we undermine the intelligence of our audience. I learned SO much about how to leverage Storyline in new ways. I am still a relatively new user to the tool, so this project allowed me to freely explore and be guided by curiosity. Link to my portfolio: https://www.abigailvettese.com/
