Portfolio website

BACKGROUND

As part of a college summative assessment, I was tasked with designing an app to streamline university lab management. My primary objective was to create a solution that allowed students to book equipment in various labs easily. However, through interviews with students and lab technicians, I soon discovered several additional challenges that needed to be addressed, including:

Overcrowding and scheduling conflicts.
Lack of knowledge on equipment status.
Students not complying with lab protocols.
Students not receiving immediate guidance on how to use equipment.
Broken/missing equipment not being replaced/fixed in time.

GOALS (BASED ON RESEARCH)

Allows students to reserve lab spaces/lab equipment.
Track real-time equipment availability.
Streamlines issue reporting to technicians.
Provides easy-to-follow lab protocols and equipment guides.

ROLE

UX Designer

DURATION

2 weeks | 12/10/2024 - 23/10/2024

RESPONSIBLITIES

Conducted user research to identify pain points.
Designed wireframes, user flows, a component library, a design system, and prototypes.

RESEARCH

To validate the project requirements and ensure a user-centered design, I conducted research by interviewing students, technicians, and facilitators who interact with lab facilities regularly.

RESEARCH METHODS

Interviews with students and technicians of various labs.

PAIN POINTS IDENTIFIED

STUDENTS

Struggles to find available equipment due to overlap with other classes.
Frequent overcrowding in the lab.
Delays in replacing broken/missing equipment.
Students are unsure about using lab equipment when the lab technician is not available for assistance.

FACILITATOR AND LAB TECHNICIANS

No real-time alerts for damaged equipment, leading to maintenance delays.
Frequent non-compliance with lab protocols by students.
Overcrowding due to multiple classes using the lab simultaneously.
Students often lack proper training or knowledge to operate lab equipment, causing complications and potential equipment damage.

PERSONAS

SITEMAP

I created a list of product requirements based on my research findings and used it to outline the features the lab management app should include. My goal was to make the app as straightforward as possible.

TASKFLOW

I created task flows by focusing on how students would interact with the app in various scenarios. I mapped out steps for checking equipment availability, reporting issues, booking lab spaces, and accessing lab protocols or guides.

I also drew inspiration from popular apps like Uber for designing the cancellation flow and movie booking apps for checking equipment availability and booking processes.

Book my show booking screen and uber cancel screen

MID FIDELITY WIREFRAMES

Based on the initial sketches and task flows, I created mid-fidelity wireframes to bring the app's structure and functionality to life. At this stage I also started incorporating elements of visual style and aesthetic to lay the groundwork for a more polished design.

DESIGN SYSTEM

I developed a design system with reusable components and a comprehensive guide, which I used to create high-fidelity designs and maintain consistency throughout the app.