UX/UI | Visual Designer

Humber College Registration
Webpage Redesign
Desktop Version
Overview
Our team designed a new version of MyHumber’s registration process. The new design is based on data that we gathered from user research and usability testing. We implemented users’ feedback into our latest design because we wanted to ensure the new design has met the user's needs and has a better task flow that the user will find easy to use.
My Role
UX/UI Designer
-
User Research
-
Prototyping
-
Usability Testing
-
Data Visualization
Timeline Oct - Dec 2021
Duration 10 weeks
Team 4
Tools


.jpg)
Discover
User Interview
We interviewed 8 current Humber College students about the MyHumber registration process. The interviews were conducted remotely via Zoom. During the interview, we focused on their current registration experience to gather information on needs and pain points.

Why Interview?
-
To understand the user goals and attitudes
-
To understand users' behaviour
-
To understand the current Humber registration process
-
To see how we can improve the Humber registration page to meet user needs
Why User Walk-throughs?
-
Why User Walk-throughs?
-
To understand the current process students go through.
-
To observe what worked well and what didn’t

Card Sorting
We analyzed the card sorting from our interviewees and identified common patterns. We then created a final card sorting while considering their needs and feedback from the interviews.

Why Card Sorting?
-
To understand the user’s understanding of the labels and contents in the pages.
Ideal Registration Process
We asked our participants to draw out an ideal registration process, and we figured there are some similar steps that they think are best for them to use. One common theme among users was that they would like to see the mandatory courses for their program on the registration and schedule planner page. Most users liked being able to plan out their schedules and see their timetables before registering.

Define


Affinity Mapping
We analyzed the data we gathered from our interviews using affinity mapping.

Why Affinity Mapping?
-
To visualize and cluster meaningful insights and observations from our user interviews.
-
To see what are some common issues that users are struggling with.
Ideate




Improved User Flow

Prototype





Test
Usability Testing
Our team is conducting formative usability to test the new design of MyHumber’s registration process. The new design is based on prior research findings from user interviews and competitor analysis. This study aims to identify any usability issues before the new design is launched.




Want to learn more:
Refine









Figma Clickable Prototype
What I learned...
Our team gained many insights from user research and usability testing. The data we gathered helped identify user pain points and unmet needs. We synthesized the data and incorporated users’ feedback to generate a new information architecture, interface layout, and user flow for the website.
If we have more time...
-
Conduct more usability tests.
-
Have clearer instructions when doing interviews.
-
To interview more different level students, not just post-grad students.
-
To modify the layout so that is easier to read and be more inclusive to users.