Mobile Student Planner App
​
Goals & Objectives
Help students keep track of classes, homework, extracurricular activities, and sports. Daily planners (pen/paper) are an effective resource but in this day in age are rendered obsolete.
Target Users and Audience
+ College students who needed to stay organized
+ College students who needed one app to organize all their tasks instead of multiple apps
​
​
Roles and Responsibilities
Scope and Constraints
I collaborated on this project with my teammates Sara Evans, Suzanne LeGette, and Aaron Lopez. We all contributed to the UX design process. I took lead on the Persona design and made the calendar and dashboard sections of the app.
We were tasked with this project and had roughly 6 weeks to complete it. I broke down the process below and explain my process to convey the value of proper research and testing.
Personification
From our initial research and interviews, we created our persona Tori Alvarez. She represents our user, who struggles with trying to stay organized.
Goals
+ To be able to set her own tasks
+ To stay organized and not forget any assignments and deadlines
+ To reduce anxiety, stress, and worry in her life
​
The Task At Hand
To understand our user flow we broke out the different goals into tasks, and subtasks as a group. After several iterations, we came up with our first release for our minimum viable product.
Defining the Experience
To understand the experience flow, we set out to do some sketches and whiteboard ideas. This helped us plan the UI, and collaborate as a group.
Wireframing
From our initial sketches and rendering we brought to life our lo-fidelity wireframe. We split up the pages as a group and collaborated on the flow and styling.
First Look
The first experience our users had with our prototype gave us some insightful information. Takeaways from this process were:
+ To not have cards on the calendar and dashboard pages
+ Make the calendar year view more legible
+ Separate assignments and past due assignments into separate tabs
+ Move the FAB button from the navbar to the bottom right (Android)
+ To not use Yellow as our primary color for our dark theme
+ Just stick with one color as an accent and use a secondary color very sparingly
+ Make our separating lines on all screens more subtle (lower opacity and height)
+ Have priority items listed first on the dashboard
+ Show the option to sync assignments from Canvas instead of just assuming they're integrated
Style Guidelines
After our first round of testing we came up with our style guide. We utilized the following styles:
+ Primary color #38DDCE Teal
+ Secondary color #4765FA Red
+ Headings: Arial
+ Body: Arial
Hi-Fidelity Experience
After several rounds of user testing and iterating, we came up with this final product.
Click on this to view the prototype.
Final Thoughts and Retrospect
After completing this project and taking the feedback given from instructors and our user testing I felt there was room for improvement. For the next release I would include more functionality like removing completed items from the checklist & calendar page instead of just completing them. It would also have the ability to sync with Google or Apple calendar to import your calendars. Overall, I feel like we accomplished our initial goal of building a minimum viable product while keeping our user in mind.