KIP Reading App
Springboard UX Design Capstone Project
May 2019
K.I.P Project brief
The K.I.P app will be designed for parents and educators of children 3 to 7 years old. They are struggling to teach their child(ren) how to read. The child is engaged with technology but is struggling with reading and language arts. The parents/educators are looking for a way to make reading fun and engaging for the child and themselves.
The Problem
Parents struggling to find way to make reading fun and engaging even on the go.
Goals
To create an app that is engaging, simple to use for both parent and child with features such as sharing scores with educators, saving score history and customizing vocabulary.
Audience
Parents of children that are having a hard time with reading and comprehension. Their children are tech savvy and parents are looking for a way to bridge their child’s love of apps and games with reading.
Research and testing
Primary research will be conducted with interviews of educators and parents.
User Centered Design
Lean UX Process
I apply the Lean UX Methods to all my UX projects. I believe that research, testing and iterating clarify the needs of the user. This is key to delivering a successful and valuable product for the user. From quick, hand-drawn sketches to MVP prototypes, my process involves developing a deep understanding and the best solution to identified pain points through an iterative process.
Empathize and Design
Empathize with the user by observing with the goal of discovering their needs and possible solutions.
MVP and Wireframes
With the discoveries made, develop a minimal viable product (MVP) prototype to communicate your proposed solution.
Design, Test and Iterate
User test the prototype refine, the validated ideas, address the pain points revealed by the user and retest.
Repeat and Build Value
Repeat 1 – 3, Empathize, iterate and test; always improving upon product usability and value to the users.
The Users Story & Personas
Mom or dad gets home from work, homework, among many other things must be done. They go thru their child’s classwork sent from home and see low scores on reading assignments. They know their child is a smart kid, just may need more consistent practice with the vocabulary and reading assigned at school.
information Architecture
.
User Flow Map for New Parent User
Flow Mapp
I conducted both onsite and online card sort activities with 20 task. Based upon the results I created a site map and user flow using FlowMapp. This user flow is for a parent setting up a new account, playing a game and sharing the score via email.
The Research
With all the data I have constructed simple top-level navigation with the more specific and varied task at the deeper levels within the accounts created by the user. Hopefully leading to easier signing up/signing in and clean and customizable experience for the parent/educator and child.
Style Guide
.
Primary Logo
Logo Variations
color palette
.
CMYK: 66 6 16 00
Hex: #26c6da
CMYK: 0 23 99 0
Hex: #ffc400
CMYK: 27 0 100 0
Hex: #c6ff00
CMYK: 17 85 0 0
Hex: #ff00d8
CMYK: 62 82 0 0
Hex: #8f1be8
Main Text Black CMYK: 66, 59, 58, 41
Hex: #474747
Secondary GreyCMYK: 26, 19, 14, 0
Hex: #bcc0c9
Background and Accents GreyCMYK: 9, 6, 4, 0
Hex: #e4e6ea
typography
.
Font Families
Rubik bold is a sans-serif font family chosen for its readability and soft lines. Rubik bold and medium are used in the app and site for headlines. This font mimics the letters you may see in a classroom. The form of the letters are simple and easy to read.
H1
Heading Font: RUBIK BOLD
Font point size: 30
Text appearance: All caps
In use:
HEADING LIGHT backgrounds
HEADING DARK backgrounds
H2
Subheading font: Rubik Medium
Font point size: 26
In Use:
Start Here Welcome Spelling Word One Spelling Word Two
Body
Paragraph font: Lato Regular
Point size: 18
In use:
Niche market influencer deployment business-to-business crowdsource release. Entrepreneur android direct mailing user experience market. Low hanging fruit disruptive responsive web design non-disclosure agreement. Pitch ecosystem innovator client A/B testing early adopters gamification iPhone hypotheses termsheet. Strategy traction low hanging fruit seed money success influencer prototype. Success crowdsource strategy rockstar bandwidth venture bootstrapping. Android agile development bandwidth social media infrastructure. Alpha focus creative backing graphical user interface supply chain. Direct mailing deployment disruptive founders social media infographic user experience low hanging fruit incubator strategy. IPhone direct mailing advisor vesting period accelerator marketing paradigm shift monetization virality pitch.
Screens
These are the initial digital screen drafted from the sketched version used in my initial user testing. After this first round of testing. The areas for further iterations were: Navigation after the game is played, specifically how to save and get back to home page
- Having more readily available share functions rather than needing to click to get the popup email form
- Use icons to imply the ability to share from any page or screenshot
- Adding the possibility to play without signing up, sign up only if I want to save or use advanced features
- Quick sign up with Facebook or Google
Final Prototype
For this prototype, we are going to assume you are a new user looking to practice grade-level spelling words with your child and share the results with his/her teacher via email.
Ready to Chat?
Get in Touch
