Me Plus More - UX Design & Accessibility

Role UX Design & Accessibility

Tools Figma

Introduction

When I learned about Me Plus More’s commitment to students with disabilities, I felt this was a perfect opportunity to improve my Accessibility Design Skills.

Overview

• Me Plus More helps people with disabilities gain more independence through an online learning platform and gamefication. For this project, I had the opportunity to help:

• - Improve Onboarding for Students with Disabilities

• - Understand Accessibility Guidelines and User Needs

• - Help motive Users to continue lessons through Gamefication

• - Personalise Gamefication experience for Users

• - Help build the Me Plus More community!

User Personas

To better understand Me Plus More’s users, I created a User Persona based off the UX Research I conducted for Accessibility. From these insights, I was able to discover Independent Annie’s main pain points, motivations and goals. This would be used while designing my prototype to keep her needs at the forefront of my design thinking.

User Journey Map

To further understand Annie’s pain points and User needs, I created a User Journey Map to define key phases, actions, touchpoints, thoughts & feelings she might have while trying to learn how to be more independent through gamefication and an online course. As well as possible opportunities for Me Plus More to take in the future.

Storyboard

From these insights, I was able to create a Storyboard to showcase how Me Plus More could find opportunities to help their Users, including Annie and the Accessibility Guidelines. This storyboard illustrates a user end-to-end journey in their future state while using Me Plus More.

Ideation Sketches

Prototyping, User Testing & Iterations

I first started off with Lo Fi paper prototypes of theHomepageCourses SelectionCourse ModuleGamefication

Paper Sketches

Using the Crazy8’s Method, I sketched with paper and pencil different ideas for possible Solutions. From these sketches, I narrowed down to a few key ideas.

Digital Wireframs

I then began creating digital wireframes in Figma to test my designs with my users.

Initial Prototype

After testing with my users, I realised that my initial prototypes would not work as they were mobile, not desktop. I continued to research WCAG Guidelines and how to make my designs more accessible to people with disabilities.

Upgrade Avatar

Me Plus More students would be able to purchase items to upgrade their avatars with points received from online lessons. This gamefication helps users stay motivated and have fun while learning!

I created an Interactive Prototype on Figma here

Final Thoughts

This project launched my passion for Accessibility and Inclusive design, and now I am currently studying my core competencies in Accessibility through the IAAP!