Interactive content and games created for use on the iN2L platform.
Design a new look and feel for the iN2L game platform.
October 2021 to January 2022
The current games lacked consistency, accessibility, and functionality.
Update several key games to a new standard of accessibility and address several key requests from customers.
Product designer designing and developing the iN2L game platform.
Meet with members of the game development team and gather information, iterate designs based on feedback, and test game code with customers.
All of my user feedback came from members of content team, and sometimes video of demonstrations. While not ideal, this did provide me with useful observations. As a result, I wrote a Game Design Guide.View Game Design Guide
Establishing guidelines for font sizes based on device and viewer distance became essential for defining projects.
Users wanted more control over their gaming experience, such as changing difficulty, timers, and number of players.
The process of improving the gaming experience was hindered by an infestation of bugs in current games.
Out of all the games, Bingo had the most requests for improvement. I learned more about designing for seniors from this one project than any other at iN2L.
I discovered some opportunities for improvement in the frontend code of the games. They had been developed over several years and were in serious need of an audit.
All website assets including html, css, and js were being edited manually. I implemented a task runner to speed up the process.
CSS was being edited manually. I implemented SASS so we could have consistent variables for color and typography.
I added html partials to share common HTML code, such as HEAD, modals, and navigation.
Minifying code, optimizing images, and creating zip archives.
Font size based on device and distance from screen.
Text color contrast and color states.
Consistent UI elements and language.
What I learned:
Educating team members can be the most difficult part of the design process.
Continue to process feedback
Create responsive games for mobile devices