kidAR_headshot

Let your kids be free while keeping your mind at ease.  

Building novel ways to integrate technology into everyday life.

Setting - Final Project for Masters in HCI & Design Class

5-person team final project for graduate-level advanced design and prototyping class.  We were tasked to develop a novel idea for an interface and product a final project through the iterative design process, from napkin sketch to prototype.

The Challenge

Create child safety app using augmented reality.  Also, learn how to work with online-based team with different schedules.

The Outcome

We created clickable prototype that illustrates KidAR (radar for your kid) app.  Also, I learned different strategies for team collaboration and design feedback while experiencing personal growth.


Empathize with the User

Through mixed methods, we researched the practical pain-points and emotion concerns for caregivers and child supervision.  We empathized with users through surveys and interviews, finding their very specific pain points and then supporting this with our research and competitive analysis.  One of our methods for gathering requirements was viewing forums for first person quotes from parents. These users articulate their concerns for their children’s safety and the challenge to provide adequate supervision and intervention as needed.

Personas - We compiled our research into three different personas: caregiver, teacher, and child.  We wanted to keep the child's voice as a persona since he or she would be wearing the device most often.

Personas - We compiled our research into three different personas: caregiver, teacher, and child.  We wanted to keep the child's voice as a persona since he or she would be wearing the device most often.

Competitive Analysis - We analyzed different companies value propositions to find how we could bring novel solutions to child survelience.

Competitive Analysis - We analyzed different companies value propositions to find how we could bring novel solutions to child survelience.

User Quotes - aside from user interviews, we also viewed different parenting forums to understand the user needs and pull quotes that captured user sentiments.

User Quotes - aside from user interviews, we also viewed different parenting forums to understand the user needs and pull quotes that captured user sentiments.


Define the Solution

We produced a series of sketch deliverables from our initial sketches to our refined sketches. These final sketches were compiled into a video presentation which was similar to a paper prototype walk through that would serve as the foundation for our wireframes in the next visual design phase.  Utilizing the Design Studio methodology, in a one hour session we were able to achieve our vision for most of our feature and interaction decisions.

Augmented reality sketches (glasses) - This sketch shows the augmented reality view for the glasses.  We prioritized information, displaying only need to know information on the side allowing the glasses wearer to focus on the conversation or view at hand.

Augmented reality sketches (glasses) - This sketch shows the augmented reality view for the glasses.  We prioritized information, displaying only need to know information on the side allowing the glasses wearer to focus on the conversation or view at hand.

Augmented reality sketches (phone) - Sketches showing the phone view for augmented reality.  We originally wanted to keep the same interactions available to the caregivers on either platform, however after user testing, we pivoted to focus on glasses for viewing and phone for configuration.

Augmented reality sketches (phone) - Sketches showing the phone view for augmented reality.  We originally wanted to keep the same interactions available to the caregivers on either platform, however after user testing, we pivoted to focus on glasses for viewing and phone for configuration.


Build, Test & Iterate

We created wireframes showing our interactions and built mock-ups for our designs.  We conducted several heuristic reviews to get it to exactly what we liked.

Wireframes - Using Balsamic, we wireframed our interactions on the phone.  This flow shows the tether and leash features to keep a child inside an area or close to you.

Wireframes - Using Balsamic, we wireframed our interactions on the phone.  This flow shows the tether and leash features to keep a child inside an area or close to you.

Hi-fidelity - finally, we built a high fidelity mock-up showing those interactions on the mobile platform.  Our watch design features the same material design format.

Hi-fidelity - finally, we built a high fidelity mock-up showing those interactions on the mobile platform.  Our watch design features the same material design format.