Designing for Everyone
Link to course: Designing for Everyone: Accessibility in Design is a Way to Express Care This was more challenging (learning opportunities) than expected for a number of reasons. Test revealed just how much more I have to learn. I look forward to feedback on ways to make it better and more accessible. I designed this experience to be useable with a keyboard and with a screen reader to align with the perceivable and operable principles of POUR (Perceivable, Operable, Understandable, Robust), established by the Web Content Accessibility Guidelines (WCAG). It is a work in progress, not finished, because I learned a lot that needs to be considered and done for better accessibility. What was accomplished No content relies on color alone, animation alone, or a mouse alone. The slide content includes: Interactive elements with real controls Messages are available as text Focus Order follows visual layout (use the info icon on each slide to view the Focus Order) Accessibility is more than checking the boxes. It is about considering whether your design still works when the assumptions about users are removed. It is about Designing for Everyone. The Goal This project was designed to show how accessibility performs in the real world. The project aims to demonstrate outcomes, the same message, experienced through different access needs. It focuses on peoples’ experience with digital content. The Problem Many “accessible” examples stop at checklists. Here the focus is on how design decisions affect real users. This experience intentionally attempts to show both failure states and equivalent, accessible solutions. Key Design Decisions Screen reader friendly structure: Reading order is manually controlled. The message is real text. Alt text is used only when it adds meaning, decorative visuals are marked as decorative. Keyboard only interaction: Every interactive element is reachable using Tab, Enter, and Space. Visible focus states are always present. If content can’t be experienced without a mouse, we revisit before releasing.LOVE
One of the great things about these challenges is how much I learn when I research a topic. 🥰 I created a very simple project this time. I used all Articulate tools: AI image and TTS generation. And, I learned how to create a gif! Thanks Jayashree_Ravi for the inspiration and motivation. I used the Snip & Sketch snipping tool to record a few seconds of the first slide and exported as a gif using the GIF button in the toolbar (that I never noticed until Google explained where it was lol). LOVE linkValentine Themed eLearning Content Development
Inspired by the Valentine theme, we developed a gamified cybersecurity eLearning module that integrates interactive learning design, and gamification. Rewarding learners with a heart for every correct answer while delivering engaging, compliance-focused workplace training. Explore the demo to see how creative eLearning development: https://www.swiftelearningservices.com/valentine-themed-elearning-content-development-cybersecurity/Winter Survival
Click here to view the example. This is actually my first E-Learning Challenge! I'm new to using Storyline, so using the challenges for inspiration has helped me learn how to use the platform. For this challenge, I went back to #518 Designing Performance Meters for Learner Feedback. While the design is relatively simple, I learned how to: Create and edit slides and slide layers Create and edit states Create and use variables Create and stack triggers This project in particular helped me gain a better understanding of how triggers stack. After banging my head on the wall for hours, I finally figured out that my “jump to slide X when user clicks Y” trigger was stacked above my “set variable to True when user clicks Y”, meaning that the variable never changed because the trigger above it was fulfilled first and then the slide changed. Such an easy fix for hours of frustration. I’m looking forward to learning more and pushing myself farther in the new year. Any advice the community has for me is greatly appreciated! - Donna WilsonLeadership 101
The first slide is an example of what gets approved by corporate: Generic clipart, plain text, and no audio. I mean, it looks fine but (yawns and screams internally). 🥱 The next two slides are what I proposed. I used text variables for both the name and character selection and paired them with states. I also used triggers with conditions so the narration would match the characters (male v female). I would have created individual voices for each character but this was only a "5-minute" challenge. 😉 I used all Articulate for this: Characters, photo, and video. Leadership 1017 Ways to Banish Female Imposter Syndrome
I started with one of the many tab templates available through Articulate, and I used both Articulate AI and Gemini to create images, Gemini to create videos, Articulate's image and video library, and Articulate AI TTS. https://360.articulate.com/review/content/56de37fa-b33a-49c7-b513-b3e4c3852cda/reviewGo to "Last seen slide" and "[chronologically] previous slide"
Greetings, I would like to suggest a split trigger for the Back button, as right now, "Go to previous slide" brings you back to the "last slide you were on". By comparison, "Go to Next slide" follows the project's chronology. "Go to Last seen slide" could be useful for pop-up slides. "Go to previous slide" would follow the project's chronology. Thanks in advance :)Triggers on a submit button for drag and drop
Hi all! Hoping someone here has needed to do this before and has an idea! I have a drag and drop slide that I want all the drag options to be on screen at the same time (not appear one at a time as we often do for slides where space is an issue). The slide is intended to get the reader to engage better with the content and review the strategies explained a couple of slides back. Now the challenge I have is space and position...want to keep button bottom right as this is where it best fits on the other interactive slides. So I want to have the submit button and hidden and change it to "normal" when all the drag items have been dropped whether they are correct or not. There could be so many combinations, I can't work out a simple and logical way to get a trigger to work for that. Any ideas? Thanks in advance. Jessica
