Plan.it Mobile Application
Plan-it is a visual planning appication, designed for parents to create schedules, routines and long term habits for younger children, and children with special needs.
Client
- Plan.it
My Role
- User Research
- User flow mapping
- Prototyping
- UI design
Deliverables
- User research reports
- IA Reports
- Wireframes
- Hi-fi Prototypes
Tools
- Photoshop
- InVison
- Figma
Process
Discovery
User Research
To understand how often parents use schedules and how they plan daily routines for their children, I conducted several interviews.
Key Findings
- They find creating daily schedules is very effective.
- They write down schedules on paper or just plan it In their head throughout the day.
- They try communicating the daily tasks verbally.
- Some parents found scribbling simple images is a lot more helpful and their child memorizes the tasks and follows through.
- Children with special needs, have trouble handling sudden changes.
![affinity-map affinity-map](https://nasimm.com/wp-content/uploads/2020/07/My-First-Board-5.jpg)
Persona
Created personas based on user research, to better understand ho to achieve user goals.
![Screen Shot 2020-07-26 at 6.43.13 AM](https://nasimm.com/wp-content/uploads/2020/07/Screen-Shot-2020-07-26-at-6.43.13-AM.png)
![Screen Shot 2020-07-26 at 6.35.23 AM](https://nasimm.com/wp-content/uploads/2020/07/Screen-Shot-2020-07-26-at-6.35.23-AM.png)
Define
![feature feature](https://nasimm.com/wp-content/uploads/2020/07/My-First-Board-9.jpg)
Competitive Analaysis
Researched competitors and similar applications to find out how to create a better user experiance.
Feature Priortization
Based on user research, defined the features that are most important to users and will help them achieve their goals.
UserFlow
The user flow shows all the possible choices a user can make in the application from beginning to end.
![Flowchart (3) Flowchart](https://nasimm.com/wp-content/uploads/2020/07/Flowchart-3.jpg)
Sitemap
Created the sitemap to show the application layout and process in more details in order to create the content.
![Flowchart (4) Flowchart](https://nasimm.com/wp-content/uploads/2020/07/Flowchart-4.jpg)
Prototype
Lo-fi Prototype
the digital prototypes were created using Figma.
![Screen Shot 2020-07-26 at 10.48.12 AM Lo-fi Prototype](https://nasimm.com/wp-content/uploads/2020/07/Screen-Shot-2020-07-26-at-10.48.12-AM.png)
Validate
Usability Testing
Conducted usability testing by creating a clickable version of the application. Observed users while they completed tasks on the application.
Test Findings
- Need to simplify the edit page
- Make buttons larger
- Simplify report page
- Add wording below the icons
![usability usability](https://nasimm.com/wp-content/uploads/2020/07/4CF62671-2F33-4032-954F-987922F7B80A_1_105_c.jpeg)
Mid-fi Prototypes
Used the testing findings to update the prototype.
![Screen Shot 2020-07-26 at 4.03.11 PM Mid-fi Prototypes](https://nasimm.com/wp-content/uploads/2020/07/Screen-Shot-2020-07-26-at-4.03.11-PM.png)
UI Design
![holding-iphone-xs UI Design](https://nasimm.com/wp-content/uploads/2020/07/holding-iphone-xs.jpg)
Ready to Start a Project?
I’m Available for Hire or Freelance