unGlue-mobile

unGlue

It is an iOS app that helps parents oversee their kids' online activities. 

Role

While the unGlue kid's application was already in progress, the client invited me as UX/UI lead designer to join forces with the start-up creative team and re-design the brand identity, website teaser, and unGlue parents' mobile iOS application.

I was responsible for working collaboratively with the unGlue team in research, strategy, concepts, and product design.

Problems

Most kids in the household spend most of the time on the phone and a few things parents can do about it.

Most parents are uninformed of what type of content their kids are watching, neither for how long.

Parents would like to spend more time with their children, not glued to their phones.

Discovery

We interviewed stakeholders to learn about their expectations and business requirements to take into consideration. Also, we conducted interviews with seven parents in our circle of friends and colleagues because of stakeholders' privacy concerns. Previously, to the in-person interview. We sent a survey asking a couple of questions regarding their most crucial task list to oversee their kids' online activities. In the interview, we asked more in-depth questions about users' pain points, goals, and daily habits

Besides the interviews and surveys, we performed a competitive analysis with the following products:

 BARK:: QUSTODIO:: NET NANNY   

Findings

We start our creative sessions with the team, identify user flows, experience maps, develop the apps' information architecture, sketch our first wireframes, and ensure the user navigates effectively through the app.

Solutions

User Flow

From the user journey, we can outline the path that we want the users to move in to enjoy a smooth experience and achieve their goals quickly. Presented below is a simplified user flow.

If you are on mobile, turn your phone landscape position to see the images.

unGlue-User-flow

 

Information Architecture

We use information architecture to organize the content and ensure that such an organization follows a clear purpose. Presented below is the IA.

If you are on mobile, turn your phone landscape position to see the images.

unGlue-Information-Architecture



Wireframes

We develop our first low-fi wireframes, built our prototype, and test it with the same users of the previous interviews.

If you are on mobile, turn your phone landscape position to see the images.

unGlue-whireframes-L

Visual Design

We showed all visual designs to the users one more time before deploying the full app and moving it to production in an agile environment. Below is the final product for the first phase.

Login & Signup 

unGlue-mobile
unGlue-Weldome-screens3x

Onboarding

We apply the design to the experience and test it one more time with our audience before deploying the full app and move it to production in an agile environment. Below is the final product of the first phase.

 

unGlue-OnBoarding-screens

Profiles

Profiles pages are the most crucial in the experience. It holds the user's information & stats. 

Below shows the parent's profile.

unGlue-parent-mobile

Below shows the standard child's profile.

unGlue-kid-profile-mobile

Brand

Insights

Additional Features

• Full Breakdown of the Stats for Devices and Kids' profiles.
• Customize the pre-assigned task list. 
• Notifications & Reminders.

Future Steps

Sadly this app didn't survive our difficult times of the virus, market competition, etc. The company closed in the spring of 2020.

Learnings

Prototypes are not 100% reliables. The audience gave us feedback on not fully functioning prototypes. As a result, we could address most of the interactive issues but, we need to keep testing and attached any analytics tool to the live app to better our decision-making odds and understand our users' journey. 

BRANDING LOGO

BRANDING TYPOGRAPHY