e-learning development
19 Topics“Are You Sure?” in E-Learning #555
This week I wanted to lean into the spirit of the confirmation prompt, that moment of pause, of reconsideration, and ask: what if that pause wasn't entirely on your side? The scenario: you're an internal team member who's just come back from a learning design course. You have the master learning design authoring tool. Before you're allowed near the authoring tool, the org's AI guide HARMONY needs to run a quick "Confirmation Test." Three scenarios. Shouldn't take long. HARMONY is very helpful. The "Are you sure?" mechanic does something a little different here. I'll leave it at that. 🙂 A few craft notes for anyone interested in the build: The confirmation prompt UX is deliberately asymmetric; the buttons don't behave the same way depending on which answer you're leaning toward HARMONY has two states that shift based on your choices throughout Three different endings based on your answer tally The fake "analysis" stage has a silent jury. You'll see. I have a lot of fun with Claude Design, Code and all things Claude Would love to know which ending you hit, and whether any of the scenarios felt a little too close to home. 👀 Are you a conformist or a rebel? Find out here Confirmation Test Thanks to DavidAnderson and the Articulate 360 team for the prompt; this one was a lot of fun. #ElearningChallengeCommunity Insights: Preparing and Planning your visual design for Articulate Rise
The beauty of Articulate Rise is that when it comes to development, you don’t always have to plan everything. You can jump into the blank canvas, easily add and delete blocks, play with interactions and figure out what works as you go. The ease in which you can chop and change things is often what draws people to rapid authoring tools. Being able to bring your ideas to life in the click of a button, without any complex programming or coding. Whilst this method of ‘figuring things out’ as you go can often work well for building out ideas, when it comes to visual design, sometimes a little bit of planning can go a long way! The blank canvas that Rise brings can offer scope to be as creative as you wish with the visual identity of your course, but naturally this can also feel just a tad overwhelming. This sometimes then leads to two outcomes. We have those who love the freedom of a blank canvas but try to shoehorn in too many styles at once. Or those who just don’t know where to start, so play it safe and end up with a boring, blocky, black and white build. The good news is with proper planning you can avoid both those eventualities and craft a beautiful, accessible build without needing to be a graphic designer! Consistency is key So, what is the point in planning your visual design before jumping into development? Well, it’s not about creating something overly complex, or spending hours crafting a character that you’ll only use once in the course. No. It’s about ensuring consistency. Consistency plays a big role in how our learners are going to perceive the eLearning. Good design will go unnoticed, but bad design sticks out like a sore thumb! Even something as simple as having different icon styles or suddenly switching from using photography to illustrations, can be jarring to a learner. This results in the focus being drawn away from the content and can actually have a negative impact on a learner’s perception of the quality of the content too. Think about it, have you ever visited a website and been immediately put off because of the way it looks? Did you buy the product or access that service? Probably not. Quality of design and consistency of design can have a significant impact on perceived quality and cognitive load. We want our design choices to enhance and support the user experience, not detract from it. Making design decisions before jumping into your authoring tool can help support consistency and leave you with a Rise build that feels polished and professional! So how do you start planning and what do you need to include or consider? Let’s take a look! Create a blank moodboard space. This can be in whichever tool you prefer using. I like PowerPoint or Miro as I can quickly copy and paste things into the slide space. The key thing is that you can access this moodboard easily and have enough page or slide space to jot down your ideas. This will become a bit of working document that you can add to during the initial scoping of your project. Add in any existing brand assets. If you’re working within an organization or with a client, it is likely they will already have some brand guidelines for you to work with. This could include font choices, colour schemes and even suggestions for photography styles. Often these come in very large PDF documents, so take half an hour to read through and pull out any information that could be useful for you. Within your mood board add a title for ‘fonts’ and make a note of the chosen font for both your body text and headers. Sometimes I even add a little paragraph of dummy text so I can see how the font will look. At this stage you can also decide on font sizing too and make a note of this. Next, begin to pull together your colour scheme from the brand guidelines. I like to create a few rectangles within my moodboard and fill them with my chosen colours. Next to each swatch I add the HEX or RGB code so that I can easily copy this over when I get to development. It’s also a good idea to label your colour swatches with their intended use, for example header text, body text and accent colours (colours used for icons, graphs etc.). Sometimes brand guidelines will contain multiple different colour palettes for different uses. This is where it may be worth a chat with your Stakeholders to ask them to decide on just four or five colours. Too many can become overly busy and distracting! Check for accessibility Now that you have fonts and a colour scheme decided, it’s important to check for accessibility. I like to have at least two accessible colour pairings within my colour palette. This means that the contrast between the two colours is great enough to pass accessibility standards. There are lots of helpful websites out there that can allow you to check the contrast of two colours and will let you know if it passes accessibility standards. On your moodboard create a separate section that says ‘accessible colour pairings’ and include swatches of the pairings that can be used. This is particularly important for text and background colour pairings. It’s important to consider the accessibility of fonts too. It can be tempting to go for an elaborate or decorative curly font. As a header with font size 44pt, this may be absolutely fine. But as 16pt body text, could be completely unreadable. Standard fonts such as Poppins, Arial and Open Sans tend to work really well for body text and offer bold / black alternatives for headings too. Decide on an illustration, photo and icon style It may seem pedantic, but sudden changes in icon style can be really noticeable. So next up on your moodboard add the title ‘icons’ and provide a couple of icon examples in a consistent style. Sites like Flaticon are fantastic for sourcing icons of a particular look and feel. Consider whether you want icons coloured or just an outline and how detailed you wish them to be. Play around with a few different styles until you find something that you like. I sometimes find it useful to visit my client’s website and get inspiration from the icons used there. Once you have decided on a style and the colours in which your icons should be, add your examples to your moodboard. If you want to go one step further, why not create a folder in your documents called ‘icons’ and quickly gather a bank of icons that you feel you’re likely to use in your course. When you start the development, you can just grab and go! Make sure you don’t forget to jot down where you sourced your icons from too. This will make it much quicker to find others in the same style at a later date. When it comes to photography and illustrations, the likelihood is your client / Stakeholders may already have guidance on what is appropriate to use. Whether you go down the route of characters, or stock imagery, it’s important to keep this consistent throughout. Head over to a royalty free site and search for a range of images based on the content or subject matter of your eLearning. In the case of photography, search for consistencies in backgrounds, shot type (close up versus wide screen), colours and poses. As a rule of thumb, I tend to avoid overly staged imagery where the person is staring directly into the camera. More subtle stagings where people appear to be interacting more naturally with each other can feel a bit more pleasant and less uncanny valley! Look for diversity in your images too, try to ensure a range of ethnicities, races and genders. Once again, add the title ‘imagery’ to your moodboard and provide a handful of examples you can refer back to later. When using characters or illustrations it can be slightly more tricky to ensure consistency in the style. However, royalty free sites such as Storyset allow you to search through a bank of illustrations all created in the same look and feel. You can even recolour them on the website without needing any graphic design software too! Gather inspiration for layouts and interactivity Did you know website designs can offer a great source of inspiration for Rise? Due to the continuous, one-page, nature of Rise it functions in a similar way to a website. Whilst you may not be able to replicate the functionality or interactivity of a website, you can translate some of the design choices! Head over to Google or Pinterest and type in ‘UI website design inspiration’. Here you will be able to find flatlay images of websites. Consider how the text is segmented, how colour and shape is used, and how images are presented. It can help spark ideas for dividers, background styles and more! Gather your reference images and drop them into your moodboard with the title 'layout inspiration'. Check everything fits together Great, you’ve finished gathering the pieces for your visual design puzzle. But now the most important step, looking at everything together and making sure it fits nicely. So, what do I mean by this? Essentially it means looking at everything as a whole and considering if it is conveying the message you want. For example, moodboard containing a colour palette with sunshine yellow and bright orange and photography of people smiling, may be a rogue choice for a fraud eLearning. This can also include looking for any contradictory elements to your moodboard too, for example a bubbly, rounded font but imagery that is serious and corporate. 🌟 All elements need to feel cohesive and intentional. Consider if you can explain the decision making behind your choices, if you’re finding you can’t really express why you’ve chosen a particular font, or colour, or image style, it’s probably not the right fit! And you’re done! You have your completed moodboard now ready to present to your client, share with colleagues, or to use as your reference to begin developing your Rise build. Remember, this doesn’t need to be a polished document, it should support you in maintaining consistency throughout your build and provide a point of inspiration to help you create Rise courses that break free from being boring and blocky. Once finished, why not share an example of a moodboard you’ve created? Share the tool you used and where you sourced any assets. 💡 Keep Learning Explore more member spotlight articles to discover how other learning designers are building their skills—and shaping the future of learning. Community Insights: Peer Guide Spotlight | E-Learning Heroes Community Insights: How Support Takes You Far | E-Learning Heroes266Views3likes1CommentHow 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/1.2KViews12likes7CommentsHow I Built This: How I Vibe-Coded a People Manager Simulation
When the new Rise 360 Code Block (Beta) feature launched, I wanted to see just how far it could be pushed. Could you build something more than static content? That’s how the People Manager Simulation came to life – a fully playable, story-driven experience built entirely inside a single Rise code block, using only HTML, CSS, and JavaScript. In this video, I explain how it was created and how you can repurpose this approach in your own projects. Why I Made This In my day job, I design learning experiences for real teams, often around leadership, people management, and workplace decision-making. I wanted to create something that shows how these kinds of soft-skills topics can be transformed into immersive simulations without needing heavy development tools. The result is a game where you step into the shoes of a brand-new team leader, navigating real-world decisions that impact morale, performance, retention, and stress. Each choice has a trade-off, and yes, you can get “sacked” if you mismanage your stats. In the video, I mention that this project was built gradually, late evenings, after work, once my son was asleep. There were plenty of failed tests, odd bugs, and “why won’t this work” moments along the way. I did consider going back and documenting every single prompt and adjustment… but honestly, that would read like an increasingly impatient diary of me negotiating with ChatGPT! So instead, I wanted to share a simpler, more practical way for you to repurpose what already works. How I Built It Rather than starting from scratch, the method I show in the walkthrough involves: Uploading the existing working code of the simulation. Giving ChatGPT a single clear prompt that explains: This is for Rise 360’s custom code block. It should learn the structure and logic of the original simulation. It should rewrite the theme, dialogue, and characters for a new scenario. In the video, I demonstrate how to use the current People Manager Simulation code as context; use the download attached below. 📁 Download: People Manager Simulation HTML; attached below. You then give this to your LLM of choice as an attachment and provide your repurposing prompt; the one I used can also be downloaded below. 📁 Download: GPT Prompt for Repurposing Existing Demo; attached below. Key Takeaways Start from a working simulation instead of a blank page. Use a single, focused prompt to repurpose the entire code and story. Attach your full code as context so the model understands structure and logic. Re-use this workflow to adapt learning scenarios quickly—no coding expertise required. The Result Here’s the outcome of my own repurposing test from the walkthrough: a completely new narrative built using the same base code and single prompt. Is it perfect? No. But it’s a solid foundation—and all this came together in about ten minutes. 📁 Download: The Result — Full New HTML Code; attached below. Final Thought The best part of this approach is accessibility: you don’t need to be a coder to build something that feels custom. By starting with a working framework and iterating through clear, focused prompts, you can turn any learning scenario into a playable, data-driven experience. Whether it’s leadership, compliance, or customer service, this structure gives you the foundation to explore how choices shape outcomes, all inside Rise 360. My final ask is: please repurpose and improve on any of the ideas shared in this article. Let me and the wider community know how you get on. 💬 Ask Me Anything! I’d love to hear your feedback and answer any questions about the build. Drop your thoughts in the comments below—I’ll be checking in and responding! Want to Share Your Build? Do you have a project you’d love to share with the community? We’re always looking for more How I Built This stories. Whether it’s a game, interaction, or unique design, we’d love to feature your process. Drop a note in the comments or reach out to the community team if you’re interested!3.1KViews17likes7CommentsCommunity Insights: What You Can Learn from David Tait’s Career Pivot
One of the best things about creative careers is how flexible they are—you can take them in so many directions. For DavidTait, that flexibility led from graphic design to learning design, and eventually to co-founding 4pt, a learning design studio. 4pt has been creating meaningful learning experiences for more than 16 years. In this Member Spotlight, you'll discover how adaptability, curiosity, and community shaped David's journey, and how to apply these lessons to your own career path. From Design to Learning “Before starting my career in e-learning, I was a student focused on design,” David says. “I spent four years studying design. Two in graphic design and two in newspaper, magazine, and infographic design. That background gave me a strong foundation in visual communication, which has been incredibly useful in my learning and development (L&D) work.” While still in college, he took on a freelance project as a graphical user interface designer for the Northern College Network. “It was my first real step into the world of digital learning design,” he recalls. “It helped me see how I could apply my design skills in a completely different context.” Soon after, a former lecturer offered him a role at an e-learning startup creating online CPD courses for healthcare professionals. “Working in a startup meant wearing many hats,” David says. “That experience really shaped my path and helped me see how my design skills could grow into a career in learning.” 💡Tip: Apply your existing creative skills to a small digital learning project (freelance, volunteer, or self-initiated). Hands-on experience helps bridge design and instructional work faster than theory alone. Turning Change into Opportunity A few years later, the company was acquired, and layoffs followed. “Rather than seeing it as a setback, my studio manager and I took it as an opportunity,” David says. “When we started 4pt, all of those responsibilities suddenly became our job. Being able to adapt to new challenges was essential, and it’s a big reason why we’ve been able to thrive.” 💡Tip: When your path shifts unexpectedly, use it to test new skills or partnerships. Career detours often reveal strengths you wouldn’t discover in a stable role. Finding Flexibility with Storyline “One project in 2013 really shaped our company,” David says. “A client asked us to build a course in Storyline 1. We’d never used it before, but rather than turn the work away, we invested in licenses and learned as we went.” “Before long, Storyline became the tool most of our clients wanted to use,” he explains. “Storyline gave us the ability to solve problems ourselves, experiment more freely, and move much faster. That agility has stayed with us ever since—it’s a core part of how we approach learning design.” 💡Tip: Don’t wait to feel like an expert. Pick a project, open the tool, and build. Use the community forums and shared files when you hit roadblocks. The Power of Community “I’ve lost count of how many times I’ve hit a dead end in Storyline and found the solution on the forums,” David says. “That support has saved me countless hours and kept projects moving. The community around Articulate is unlike anything else.” Over time, helping others became just as rewarding. “Being part of E-Learning Heroes isn’t just about getting help,” he adds. “It’s about giving back. I try to pay it forward when I can, and that sense of community has been such a valuable part of my journey.” 💡Tip: When you find an answer in ELH, take a minute to thank the poster—or add your own version of the solution. Small interactions build visibility and confidence. Lessons from the Journey “Figure out where your limitations are, and then build a trusted network of professionals who can help you overcome them,” David says. “Continuous learning is important, but you don’t have to master everything yourself.” He also believes in stepping outside your comfort zone: “Sometimes doing that sooner opens doors you didn’t even realize were there.” “I try to focus on projects where I can see real value and impact—and to work with people I genuinely like and respect. That combination has made the journey far more meaningful.” 💡Tip: Find one collaborator who complements your skills—a developer, writer, or media pro—and trade knowledge. Collaboration accelerates growth and keeps learning fun. Looking Ahead These days, David is focused on advancing localization in his projects and exploring how AI fits into e-learning. “We’re evaluating Storyline’s new localization features ahead of a major project,” David says. “I’m excited to see how these tools evolve and how we can integrate them to deliver even better multilingual learning experiences.” He’s also reading Co-Intelligence: Living and Working with AI by Ethan Mollick. “It’s not written specifically for L&D, but it’s helped me think more critically about how AI can be used thoughtfully and effectively.” 💡Tip: Keep one “outside-the-industry” book on your reading list. Fresh perspectives often spark the most creative ideas. 💬 Your Turn David’s story is a reminder that creativity, curiosity, and community can take your career in directions you never planned, but might love most. What’s one skill—or moment—that’s shaped your own learning design journey? Share it in the comments below!1.6KViews7likes16CommentsThis Month in ELH: Bloom and Grow Together
From small group opportunities like Peer Pods and AI Cohorts to lifting each other up in challenges and discussions, this month was full of opportunities for connecting. 🌍 Articuland Registration In addition to Articuland Orlando, we have three international locations this year: Barcelona, London, and Toronto. Special shout out to GingerBakerSanh for guessing all three locations correctly, and ChristineWal590 who won the grand prize of our competition! Registration is live for all locations, join us to connect IRL across the globe. 🫛 Peer Pod Signups Peer Pods are 3-4 week, community-driven learning experiences designed to help you build skills alongside others without a big time commitment. The upcoming topics are: Rise Tips and Tricks New to Instructional Design Accessibility. Signups for each topic are live, learn more here! 🏫 AI Certification Cohort This program is designed to help you master AI features in Rise and Storyline, connect with fellow e-learning professionals, and earn official certification to showcase your expertise. The May cohort is full, so sign up for the August group! 💬 What Everyone’s Talking About Looking for a place to share your knowledge and help others? Check out these discussions: Designing Under Constraints JoanneChen shared a recent experience with redesigning under limiting circumstances, join in with your own. Best Practices for Revisions This discussion revolves around how to make the smoothest workflow for revisions and content changes, led by ElissaFeuerman Making Repetitive Content Engaging This conversation, led by DebbieFowler-c1, is focused on brainstorming ways to liven up otherwise dry material. 🌟 Weekly Challenge Highlights Meet the Team by AsweniGD This amazing first time submission utilizes the Morphing Menu technique in Storyline to create a clear and engaging team intro Meet the Team: Hover Quotes for Storyline by Montsea If you need an efficient team introduction this submission includes a download so you can check out the mechanics of the interaction. Know Your Super Heroes by GolfPrincess This submission shows how you can use tools in combination with one another to create bright (and immediately implementable) courses. The People Behind the Desks by Jayashree_Ravi A wonderfully stylized and practical take on how to introduce a team, including booking links. Team Presentation Template by Kate_Golomshtok A great template with information many new hires appreciate, all in an elegant presentation. 👉We're always looking to highlight challenge submissions that have downloads or tutorials associated with them, so others can learn too. Join a challenge this week! 🎓 Trending Training and Webinars Creating Images, Narration, and Sound with AI Assistant This beginner-friendly session covers everything you need to know about generating images, recording clear audio narrations, and adding impactful sound effects. Quick Tips & Tricks: Episode 123 In this session, we covered how to create a novel presentation using animated motion paths, and how to control slide and layer audio in Storyline. Learning Luminaries: Faith Cagle (Life Sciences) Faith Cagle discusses how teams in highly regulated environments can move beyond transactional, compliance-only training toward a more human-centered approach that drives real behavior change. 📚 Member-Powered Articles Looking for ideas you can learn from and adapt? These articles share hands-on guidance and career insights grounded in members' real experiences: Made By Members: Code Block Build-a-thon Highlights These member examples show not only what creative outcomes you can build with Rise Code Block, but share actionable templates you can implement right away. How I Built This: I Developed an Award-Winning Ethics Course This member spotlight shares how AbigailVettese created her highly interactive and deeply thoughtful ethics course. 💎 Hidden Gems Sometimes the most helpful moments in the community are easy to miss. Here are a couple worth exploring: AI Voices in eLearning Stephanie is sharing how she built the audio elements to her Build-a-thon submission in an easy to follow tutorial. ELH Recognition Program We need your input on a new program coming soon, let us know what makes you feel like you’ve been recognized! 🌷Many of these opportunities for connecting with other members reach far beyond March, so don’t hesitate to spring into action and help others grow. Join a discussion to offer encouragement and feedback to a peer today!331Views2likes1CommentWhat's Possible with Rise Code Block
We recently held our first Build-a-thon, focused on pushing the possibilities of the Rise 360 Code Block. With more than 60 submissions, the community brought incredible creativity, experimentation, and problem-solving to the challenge. Winners were selected by community vote, and these top three stood out, each stretching the Code Block in a different direction. These projects demonstrate how the Code Block can bring fresh, meaningful interactivity to Rise. Dive in to explore the three winning builds and what you can learn from each one. 💡 Try It Yourself: Rise 360: How to Use Code Block | Creating Blocks with Vibe Coding First Place: “Meet Your Learner Persona” by ClaudiaNadol891 🔗 View the post | Try the demo About the Build This project is a playful, two-minute interaction designed to help learners reflect on how they prefer to learn. As a newcomer to vibe coding, Claudia leaned into experimentation, using ChatGPT and Lovable as collaborative partners. After exploring both simple and more complex interaction patterns, she made a choice to keep the experience lightweight, favoring micro-interactions that quietly support learning rather than compete with it. This build proves that thoughtful prompt writing and iterative refinement can produce polished, learner-friendly interactions, even without deep coding experience. From the Community “This is a meticulous prompt!! I love this idea so much.” - JenniferSavage- “Well done! I especially like the stacked cards, offset, and counting down from 10.” - Thomas_Shayon What You Can Learn Treat your prompt like a design brief. Clear goals and structure lead to better results. Prioritize simplicity. Lightweight interactions can have powerful impact. Expect iteration. Refinement isn’t failure, it’s part of the process. Creator Q&A Second Place: Accessibility Reality Checker by SheriLee 🔗 View the post | Try the demo About the Build Sheri created the Accessibility Reality Checker after noticing that much accessibility training follows a predictable pattern: it explains rules, but it doesn’t change decisions. Teams often ship inaccessible experiences not because they don’t know the guidelines, but because the tradeoffs feel invisible in the moment. Rather than building another checklist-style tutorial, she designed a short, decision-based simulator built around one core question: “Which would you ship?” The experience includes custom UI, scoring logic, state management, and step flow. It also models accessibility best practices directly in the interaction itself, using semantic HTML, keyboard-operable controls, visible focus states, and high-contrast color choices. From the Community “Thank you for demonstrating that usability needs to be built into a design and not just an after thought.” - Michael_Ishola “I really enjoyed this interactive demo on accessibility. Great way to get the learners engaged and thinking about the design and process.” - CharlottieMa153 What You Can Learn Design for decisions, not just information. Simulations can recalibrate instincts. Use constraints intentionally. Fewer instructions can increase impact. Model what you teach. Build accessibility into the experience itself. Creator Q&A Third Place: Paint by Num-Birds by ArthaLearning03 🔗 View the post | Try the demo About the Build For this team of avid birdwatchers, trying to "onboard" people to the hobby always poses a classic blocker: "How do you tell the birds apart?" Rather than relying on default interactions like flip cards or checklists, they designed a hands-on “workshop space” where learners visually analyze key bird features. The experience combines anatomy diagrams, reference snapshots, and field notes, then challenges learners to apply what they’ve learned by identifying subtle visual differences on their own. Behind the scenes, the team blended vibe coding with human expertise. The build went through multiple rounds of refinement to improve usability, stabilize the code, and polish the interactive diagram. From the Community “This was amazing and fun! I see potential for other ‘paint by numbers’ uses…” — LinneaConely “WOW — Lots of interactivities — I could see this being used for medical training.” — TracyWindsor What You Can Learn The Code Block supports custom, workshop-style environments. Use AI strategically. Refine small components instead of rewriting entire files. Balance experimentation with direction. Know when to step in manually. Creator Q&A What Will You Build? These three projects stretch the Rise Code Block in very different directions, while sharing one key theme: thoughtful experimentation. From structured prompts to simulation design to ambitious custom UI, each build shows that meaningful interactivity doesn’t require a full development environment, just curiosity, iteration, and a willingness to try. If you’ve been curious about experimenting with the Code Block, let this be your sign. Explore additional Build-a-thon submissions and share your own experiments here. Which of these builds surprised you most, and how might you apply a similar idea in your own Rise course?1.2KViews2likes2CommentsMade by Members: Code Block Build-a-thon Highlights
The Code Block Build-a-thon wrapped last month with three winners, 60+ submissions, and so much creativity! This month, we’re exploring the highlights from the event: creative submissions, topic trends, and what you can learn from the build-a-thon, even if you didn’t participate 🎨 Creative Submissions These submissions were not only fun and functional, but novel uses of the code block focused on game-type interactions. 👑Paint by Num-Birds by ArthaLearning03 This winning submission is a fresh take on a classic pastime, helping novice bird watchers over a large hurdle in the hobby. Wizard Maze Game by KayleneWance Have you wished that pac-man was a little more magical? This submission will be right up your alley as a mix between familiar gameplay and unique graphics. CMY Mixer by ISa Color theory is one of those skills that can take a lifetime to master, but this mixer lets you practice with hexcode and percentage mixing support. 💭 Play is a great way to improve engagement and recall—what type of game could you include in your next course? 📈 Trending Content There were a few noticeable trends in submissions: those that taught, encouraged thought, or sought to help with professional development. Australian Sign Language by ShwetaArun Visual and kinesthetic learners will appreciate this lesson that not only runs you through the Australian Sign Language Alphabet, but teaches you how to sign your name. Using Time with Intention by AnnaRabasso This thoughtful lesson takes you through practical time awareness in a kind and beautiful exercise. 👑 Meet your Learner Persona - by ClaudiaNadol891 Our first place winner shines as both a code block example and professional development session. 💭 What trends are you seeing in the Instructional Design space? Which do you enjoy the most? 🥡Takeaways These submissions were thoughtfully made as templates and tools for the community so that you can start experimenting with them right away. Custom Tab Interaction by JenChang You can plug-and-play with this interaction, and use it for a wide variety of learner interactions. 👑Accessibility Checker by SheriLee A winning submission through and through, this accessibility checker can levelset your accessibility related decision making in just a few interactions. Custom Interactive Product Match by VirginieBergon If you’re looking for a variation of a matching knowledge check with learner feedback, this code block is for you. 💭Templates and checker-type tools can be incorporated into your work today. What are some other tips or tricks you’ll be able to implement? Experiment with games for learners, get inspired by trending topics, or try one of these templates in your work and let us know how it goes. You can also share any new code block examples for others to see and learn from, too. Thank you to everyone who participated in our first ever build-a-thon! 🗨️Let us know Which submission was your favorite? Were there any that surprised you? 🏅 Want to Be Featured Next? We’re always looking to highlight inspiring examples from the community, and your work could be next! Here's what we look for in a standout submission: A downloadable .story file or link to your Rise course so others can explore, adapt, and learn from your build. A clear explanation of what you built, how it works, and what makes it unique. Behind-the-scenes insight into your process, techniques, tools, or challenges you tackled. Purposeful design, whether it’s solving a problem, teaching a concept, or experimenting with a new approach. Bonus: Share your ideas for how your design is widely applicable beyond the specific example.481Views4likes1Comment