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. 

Methods

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.

U

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.

l

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

color palette

.

L

 

Hex: #ffa400

L

 

Hex: #82d3ef

L

 

Hex: #a7c82c

L

 

Hex: #8f1be8

L

 

Main Text Black CMYK: 66, 59, 58, 41

Hex: #474747

L

 

Secondary GreyCMYK: 26, 19, 14, 0

Hex: #bcc0c9

L

 

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:

 

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

  1. Having more readily available share functions rather than needing to click to get the popup email form
  2. Use icons to imply the ability to share from any page or screenshot
  3. Adding the possibility to play without signing up, sign up only if I want to save or use advanced features
  4. Quick sign up with Facebook or Google

 

 

Lorem Ipsum

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.

Task #1

Create and Account

Task #2

Add one child to the account and select an avatar.

Task #3

Log into the account and start a practice session.

Task #4

Complete the session. Click the button to share the score.

Ready to Chat?

Get in Touch

Pin It on Pinterest