Affirming Identity:
A Scenario-Based
eLearning Experience
Affirming Identity:
A Scenario-Based
eLearning Experience
Embedded Files
A Scenario-Based
eLearning Experience
Explore realistic scenarios to foster belonging for every student.
This is a concept project designed for educators and other school staff with the goal of creating a safe, supportive learning environment for transgender and non-binary students.
Audience: School Staff
Responsibilities: Instructional Design, eLearning Development, Action Mapping, Graphic Design
Tools Used: Articulate Storyline 360, Mindmeister, Figma
The Problem
The Problem
According to the Trevor Project, 46% of transgender and nonbinary young people considered attempting suicide in the past year — and nearly half of LGBTQ+ youth experienced bullying. This is a crisis that can be addressed by creating a supportive school environment for LGBTQ+ students.
For many educators, serving students with varying gender identities can be new; some have not been exposed to the idea of being non-binary or transgender and therefore, are unsure how to approach these topics.
The Solution
The Solution
Districts will often offer in-person sessions advising staff how to approach conversations involving gender identity; I designed this concept project to have a greater impact and be delivered on a larger scale, allowing teachers to engage with this content when it works for them and at their own pace.
In this scenario-based eLearning experience, school staff will make decisions that can have a real impact on students in a no-stakes environment.
My Process
My Process
I made an action map, created a text-based storyboard, and designed visual mockups before developing the final project in Articulate Storyline 360.
Action Mapping
Action Mapping
Using a mind mapping application called MindMeister, I created an action map to define the project’s overall goal. Drawing upon my experience in the classroom along with training I’ve received as an educator, I prioritized key actions all school staff must perform to create a safe and supportive learning environment for LGBTQ+ students.
Text-Based Storyboard
Text-Based Storyboard
I moved on to creating a text-based storyboard that would serve as the blueprint for my project. I imagined a school counselor named Ms. Castello who would immediately immerse learners into the story. Based on situations I’ve encountered in the classroom, I developed scenarios for learners to practice high-priority actions and scripted consequences associated with choices.
Visual Mockups
Visual Mockups
I created a mood board for inspiration, drawing upon colorful visuals that represent joy amongst the queer community when given a safe space to exist. This mood board helped me imagine a color scheme for my project and influenced the overall design.
With this, I created a style guide planning out the color scheme, font families, and button styles used throughout my project to ensure consistency.
Before moving on to development, I iterated on wireframes to solidify the layout for each type of slide. First, I worked on low fidelity mockups to focus on the spacing, margins, and text boxes of my project. Then, I incorporated images and characters to develop higher-fidelity mockups.
Planning out my style guide, storyboard, and visual mockups beforehand allowed me to focus on enhancing my project using the functions of Storyline.
Full Development
Full Development
I used Articulate Storyline 360 to develop the final project, adding interactivity to my high-fidelity mockups.
Choice Feedback: As the learner navigates the experience, they will receive feedback for their choices. When they choose the correct answer, learners will receive reinforcement on why their action would be a good choice. If the learner chooses an incorrect choice, the learner will be provided with feedback as to why their decision is incorrect and what they should do instead.
Try Again Button: Anytime a learner makes an incorrect choice, they are looped back to try again. When it comes to the topic of gender identity, many have anxiety around “getting it wrong.” The opportunity to try again shows educators it’s okay to make a mistake as long as you are trying; be willing to learn from the situation and do better next time.
Results and Takeaways
Results and Takeaways
I came away from this concept project having reinforced my skills in eLearning development.
Action Mapping: Action Mapping helped me pinpoint high priority actions related to the learning goal.
Prototyping Tools: Using prototyping tools to create both the visual mockups and customize vectors for my project sped up development.
Articulate Storyline: My experience using Storyline to create eLearning experiences allowed me to rapidly develop this interactive project.
Page updated
Google Sites
Report abuse