Work    Gigs

The New School


Adobe XD

Mobile Design

How might we improve the current
New School app?


Figuring out where to go is almost as hard as going to itself

As a New School student, I too have experienced the frustrations of the app when things are not where they are supposed to be.

In a nutshell, the current app provides students access to their: class location, schedule, grades, resources, campus address, notifications, events, feeds, news, programs etc.

Glimpse of the original New School App


Do you *actually* use every single feature?

So how much of those features are actually used? which features are the essential ones?

From our interviews around campus, the results were pretty obvious. The only features they cared or used were Schedules and Grades.

👈🏼 One is the class roster and location, the other is for grade view.

B&W high-fidelity of proposed schedule page – with the current day highlighted

I narrowed down the type of content that should be included and restructured them.

For example, class times and locations are placed in the same row as class names, which saves users an additional tap compared to the current app.

The current day is also highlighted and brought to view, eliminating the need to scroll back and forth.

As for color, I followed the brand guidelines that were recently established for our school. Color used here is the New School red and I selected different hues as accents.


Reducing it to its essence

In the redesign, the focus was to highlight Grades and Schedule. Therefore, I removed other unnecessary features. And given the students’ busy and hectic lifestyle, it was also important to focus on the flow of the entire journey:

Journey 1:
Opening the app  ➡️ See class of the day + location ➡️ Roster w/ emails

Journey 2:
Opening the app  ➡️ Grades

Here are some GIFs that illustrate some of the flow:

Switching between Grades and Schedule

In this screen, the GPA of each semester (for those who care!) are displayed on the right, and a cumulative GPA at the bottom.

Tapping into a class


This is a summary of the entire flow (in order of screens):

Log in ➡️ Class ➡️ Class details ➡️ Email ➡️ Grades ➡️ Semester grade details  

© 2019 Jonathan H. Kho
LinkedIn  //  Email  //  Résumé