Harvey Scicluna-Marsh ⏤ 2023

hsm


UX.

Up Grade

Up Grade is a design for social good, an app that enables those with low income access quality education in a seamless, accessible way.

ROLE

UX/UI Designer, UX Researcher

CLIENT

Google UX Course Project

PROJECT TYPE

UX/UI Design Training

Social Good

Competitor Audit

Understanding the competitive landscape. I conducted secondary research in aggregating the most common pain points voiced by users online as well as listing the best features of these services,, and primary research in using these platforms to assess usability.


The competitors are: Coursera, Khan Academy, Udacity, and SkillShare

How Might We...

How might we provide free and affordable high quality education in a variety of fields, that features community interaction and mentoring, in an intuitive and accessible way?

Wireframing

I hoped to capture the initial flow of the design, figuring out what features would be essential for the best possible user experience.


I settled on a navigation bar at the bottom, and for the home screen to be the “Find” section. This page would be where the user flow began after signing in or creating an account.

User Persona

I created a user persona based on secondary research, using Google to search for statistics on user demography for educational platforms to identify the typical user and what their needs and frustrations might be.

Prototyping and Usability Testing

I turned the above wireframes into a prototype, and kindly asked five users from a UX research Discord server if they would test it for me.


I conducted this moderated usability study as primary research to identify any possible pain points or missing features from the project before proceeding with higher fidelity mockups.

Low-Fidelity Prototype

Below, the low fidelity prototype. You can access it here.

High-Fidelity Design

I created brand guidelines for Up Grade, using a sticker sheet with fonts, common elements, colours and components to make the design process more efficient.

After that came the mockups, implementing insights gained from the usability studies. I connected these to make a high-fidelity prototype, which you can view here.

Responsive Design

It was essential to make Up Grade’s design responsive, so that the design could have the maximum possible impact on social good through accessibility. I mocked up phone, tablet and desktop screens.

hsm


UX.

Usability Test Insights

Priority 1: Users feel it is currently difficult or confusing to access the settings page

Priority 2: Users are confused about the two account page buttons

Priority 3: Some users want more community interaction in the app