Inclusive Language Mobile App
This eLearning module teaches users about key concepts and terms related to inclusive language. This learning solution utilizes variables and JavaScript so that users can move intuitively through the course. This course can be accessed on a range of devices, but is optimized for mobile use. xAPI is also implemented so that instructors can track user progress.
Audience: Adult writers and instructors in a large, public university
Tools: Adobe XD, Adobe Illustrator, Articulate Storyline 360, Visual Studio Code, JavaScript, Veracity LRS
Problem & Solution
The client is a department within a large, public university. The client reached out to me because there was a need to update best practices around inclusive language in their department. Working with the client, we determined that it would be more useful for users if we built a learning solution to establish a standard for inclusive language within the department.
I recommended a mobile app that allows instructors in the department to assess learners' confidence with identifying inclusive language. The mobile app introduces learners to relevant information that helps close any knowledge gaps. This module also provides an assessment at the end so that instructors within the department can see how confident learners feel identifying inclusive language after completing the module.
The client understood the value of this eLearning experience and signed off to proceed with the solution.
Process
I worked with the client to determine relevant information related to inclusive language. I then met and consulted with several Subject Matter Experts (SMEs), including department instructors, students, and administrators. We defined the goal of the project and discussed the specific steps needed to provide up-to-date and relevant information about inclusive language for adult learners.
It was determined that a mobile application would work best for the users within the department. Though developed for mobile, this module can also be accessed on a range of other devices.
I developed a visual storyboard for the client, which allowed them to see how the text and images worked together. With their subsequent approval, I created an interactive prototype in Articulate Storyline 360 and -- after incorporating feedback -- developed the entire project in Articulate Storyline 360.
Visual Mockups
Adobe XD & Adobe Illustrator
Visual mockups utilized the university school color. I also included additional supporting colors as well as simple visual assets. Using Adobe Illustrator, I modified vector graphics to incorporate into the learning module.
Color scheme
.png)
Visual assets
After mocking up the visual assets, I used Adobe XD to create layouts for the title page, information prompts, and assessment questions.
The client requested more engaging colors and interactive features, so this feedback was incorporated as I developed the interactive prototype.
Interactive Prototype
Before building out the entire module, I created a rapid prototype for the client.
The client was pleased with the addition of more interactive features and vibrant colors. After viewing the rapid prototype, they suggested the inclusion of additional content in the information slides.
​
After these features were adjusted, I showed a new prototype to the client and - after their approval - began to develop the final product in Articulate 360.
the xAPI, LRS, and JavaScript
Tracking learner experiences and collecting user data was important for the purposes of this project, so I implemented custom xAPI to track the assessments built into the module.
The LRS captured the assessment data and registered how users answered the questions at the beginning and end of the module. This would help instructors determine writers' knowledge deficits. The final assessment would be important for instructors to determine where writers were still struggling. This data would help them determine the best resources for individual writers given the kind of language writers were less confident identifying.