Road to Success Web App UI/UX
The Success in Education Foundation created the Road to Success program, designed to help students discover their passion for reading through encouraging daily reading habits. Axis41 was asked to transform a simple daily time log into an engaging game that would incentivize children to read, while empowering teachers and parents to easily reward students for reading every day.
My Role: UX Director
1) Research and North Stars
We conducted stakeholder, SME, and user interviews uncovered user needs and motivations. We then synthesized this data to create an audience segmentation approach as well as three project north stars. These north stars mapped to short-term goals (MVP), and long-term goals (post MVP).
2) Persona Development
Three student personas were created to identify differences between age ranges and grade levels. Goals, mindsets, and motivations were uncovered and documented for these student personas, as well as for parents, teachers, and administrators.
3) User Flows
Since we were creating a new experience with lots of new objectives and features, defining user user flows became extremely important. We started with storyboards to illustrate how students, teachers, and parents would interact with the game in context with their regular routines and environments. These storyboards helped us make recommendations for features, and lead to more detailed user flows. Below are a few of the user flows we developed, including: registration, adding a book, logging reading time, and interacting with the game.
4) Game Logic
At the core of this new experience was the concept of earning coins for minutes spent reading. Since students would be able to buy digital badges and classroom rewards set by their teachers, it was important to create a stable economy with the right amount of rules in place to make it sustainable. The rules of the game were developed with the goal of encouraging consistent daily reading and game play continuation.
5) Designs and Prototypes
Interactive wireframes were created based on the user flows and game logic described above. It is through these interactive wireframes that the details of the experience were quickly worked out before spending a lot of time on high-fidelity designs. This allowed the development team to start working on the more challenging parts of the project in parallel with the UI visual design. The look and feel was designed to appeal to a wide range of ages, with personal avatars for every age and attitude. All elements were designed to work on touch screens, large or small. Buttons and labels were large and simple enough for children of all ages to interact with them.