Work  //  About




New School App

team project w/ Channon Chung

Medium
Adobe XD

Client/Class
Mobile Design

Problem
How might we improve the current New School app?








Brief


As a New School student, I too have experienced the frustrations of the app when it glitches or 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 yadda yadda yadda...





Glimpse of the original New School App




Process


But 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.

The former is for check the roster and class location, the latter is for grade viewing.




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


We 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, we used the then recently rebranded New School red and selected different hues for highlight use.






Solution


In the redesign, the focus was to highlight Grades and Schedule, hence removing 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  





Mark
© 2018 Jonathan Haojaq Kho
Instagram  //  LinkedIn  //  Email  //  Résumé