main+checkin.png

My Fav Seat

Overview

My Fav Seat is a centralized Mac Lab management system that helps busy design school students lab check in, manage breaks and rent design equipment efficiently. The application allows students customize their seats and avoid a long line as well as librarians keep track of rented devices with less steps. It simplifies the whole lab experience from checking in to checking out.

Role

UX/UI Design, Interaction Design, Research

Time

October 2019 (1 week challenge)

 

Methods

Survey, Interview, Storyboarding, Sketching, Persona, Agile, Wireframing, Prototyping, User testing

Tool

Sketch, Illustrator, Principle

 

Meet My Fav Seat

 

Seat reservation & device rental

Students reserve their favorite seat while traveling to school to avoid waiting in a line. Also, get a rental device ready-to-go so they can check in faster and more efficiently.

 
 

Change a seat

Students reserve their favorite seat while traveling to school to avoid waiting in a line. Also, get a rental device ready-to-go so they can check in faster and more efficiently.

 
 

Break time management

Students can manage their break time limited to 30 minutes so they don’t need to worry about losing their seat during a meal time.

 

How I got there

Interview & Survey

I began the project by conducting semi-structured interviews with 4 students who were using the Mac Lab and 4 librarians working for Academy of Art University to understand their check-in habits, seat choices, device rentals, struggles, and so on. Through 3 observation sessions, I found some habitual patterns at check-in desk and in the lab. The photos below show the process of a check-in.

 

Synthesis

With the interview & survey results from 56 respondents, I created 2 personas that embodied the archetypes of my user group. I then mapped out the user journey of our persona Jenny, including her thoughts and feelings during her typical school day. From this, I was able to temporally visualize Jenny’s areas of frustrations and create a focal point in the problem space.

 

Insights

I found present ID & seat selection are the most frustrating phases. Also, many students commute by BART or bus, which means there’s an opportunity I can utilize the time during a commute to check in abroad. So I decided to design mobile app due to its portability and convenience. Also, to design a whole experience, I also consider kiosk and admin web app.

 

Problem statement

 

Design requirements

The solution needs to:

  1. Help students learn seat availability and reduce time for seat selection

  2. Help students manage their break time for lunch

  3. Help students who forgot to bring their ID card can check in the lab with less steps

  4. Help librarian manage the seats and rentals in one system


Ideation

With the design requirements in mind, I began to ideate on potential solutions through sketches and storyboards.


Seamless user experience

Users need to see different services at different phases to seamlessly experience the lab. I came up with a solution with three different interfaces including a Kiosk for self check-in, a mobile app for students and an admin web app for librarians. For this project, I designed a mobile application and kiosk interactions.

taskanalysis.png
 

Paper prototype

I then created paper prototypes based on the IA to quickly test the general usability and improve confusing elements. This is conducted by asking users to execute the several tasks with no help.


Wireframe

Then, using the feedback from the usability test, I outlined the wireframes of the app and created several key paths of the scenarios to analyze the flow of interaction of the mobile app and kiosk.

wireframe.png

Hi-fi design & User testing

After several rounds of critique on the wireframes, I then moved on to creating high-fidelity mock ups. I aimed to design intuitive and simple UI since the goal is to reduce time for check-in. Therefore, this app guides users by showing only information that users need so they seamlessly move to the next steps.

Artboard.png
 

I conducted user testing sessions to test usability of the mobile app and kiosk interactions.

Screen Shot 2019-12-05 at 1.40.59 PM.png

Design iterations

I finalized the design based on findings from the user testing sessions. The blue color is used as the main theme to associate the app with a trustful feeling. Also, the yellow color is used as the secondary color to bring out creative and cheerful vibes for design school students.

 

Final design flows

Seat reservation & device rental


Change a seat

 

Break time management

 

A quick check-out

 

Kiosk design

Kiosk

Next steps

Increase students engagement to create a student community.

If students find their reserved Mac is not working properly after arriving to the lab, this whole system doesn’t help them have better check-in experience. To solve this problem, I will think about a way to encourage students feel they belong to this community and want to help each other by reporting malfunctions.

 

 

NEXT: NOMNOM

Mobile Application, Street Food, Food Scanner