A dynamic academic planner for students

wifi

Get insight into your interested academic path

You can know what courses lead to an academic path you are interested. User that as a guide when you want plan your courses!

wifi

Know any time conflicts and unfulfilled prerequisite while planning

On Scheduler tab, you can know any time conflicts/ unfulfilled requirements for the course you chose

wifi

Master prerequisite requirements with other key information of a course

On course detail page, you can see a list of nicely visualized prerequisite information as well as other regular information of a course

Learn more design story about this app

Background

As our MPS Capstone project's client, Workday invited us to develop an academic planner app. This app was expected to allow students to manage their academic plan through their graduation.

With this app, students can plan their path of course in the range of whole period of study, with a clear understanding of any unfulfilled prerequisites, time conflicts, and related academic topics

Co-workers

Di Chen | Mengyao Luv | Yijun Shao

My Role

wifi

UX Design

Wireframe Prototyping
Sketch Prototyping
Invision Prototyping

wifi

UX Research

User Interview
User Testing

wifi

User Research

We interviewed 9 students around campus to understand how they plan their courses in general and specific problems they face.

Persona

Based on user research, I created persona to help my team understand our users' needs and problems they face

wifi

Current Solutions

We compared three popular academic planner apps in terms of their features.

wifi
Pocket Schedule
Planner
wifi
Homework App
wifi
myHomework
Student Planner
Dynamic course planning wifi wifi wifi
Unfulfilled prerequisite information wifi wifi wifi
Course planning based on academic topics wifi wifi wifi

Conclusion

wifi

Dynamic course planning

Our app needs to enable users to "play around" with different choices of courses and prerequisites.

wifi

Easy-to-understand prerequisite info

Users should be able to interact with prerequisite requirements in a visual and easy-to-understand manner

wifi

Academic track specification

Our app will allow users to view the path of courses planning needed to focus on a specific academic area.

Ideation

wifi

Dynamic course planning

With dynamic course planning feature, users can know if a course can be taken based on prerequisite requirements she has fulfilled.

Displaying prerequisite requirements

We wanted to use this cascading layout to display prerequisite requirements to improve their readability and each course tabs should be clickable.

wifi
wifi

Academic track specification

This feature is to help students answer the question "what courses should I take if I want to be a data scientist?"

Low-fi Prototype

Landing

wifi
wifi

Course

wifi
wifi

Planner

wifi
wifi
wifi
wifi

Profile

wifi
wifi

Color Scheme

We wanted to use a blue-green color as our primary color because we wanted to create an academic while funky tone of our app's visual experience


Primary Color

#05C2C8

Highlight 1

#5AC8FA

Highlight 2

#8ACE5C

Typography

Tab title 30px

Course Title 18px Medium

Course Subtitle 18px Regular

Paragraph text 18px Regular

Course Number 13px

High-fi Prototype

Landing

wifi
wifi

Plan

wifi
wifi
wifi

Course

wifi
wifi

Scheduler

wifi
wifi
wifi
wifi

Profile

wifi
wifi

User Testing

wifi
wifi

Design Iterations

wifi
wifi

Final Design

Landing

wifi
wifi

Plan

wifi
wifi
wifi

Course

wifi
wifi

Scheduler

wifi
wifi
wifi
wifi

Profile

wifi
wifi