Caring Village App Onboarding

DELIVERABLES: USER INTERFACE DESIGN & ILLUSTRATION

The Caring Village team wanted to create a simple benefits-oriented app onboarding flow. The goal was to provide users with step-by-step instructions needed to understand the app’s functionalities and provide a smooth onboarding experience.

TARGET USER / AUDIENCE

Caregivers, Family Caregivers, Health Care Employees

what i did

Visual Design, User Testing, Illustration, Layout in Sketch, Wireframing

strategy
wireframing and flow

I started the process by discussing the flow of the walkthrough with our design team and Project Manager, whiteboarding out different scenarios that we'd both elaborate on and test. I created low-fidelity wireframes to help the team’s decision makers understand the experience without getting influenced by the design.

flow
mockup: Iteration one

Since we already had a well-defined set of styles to use throughout the Caring Village app, I chose to do high-fidelity prototypes directly in Sketch to create new design patterns quickly. I uploaded them to Zeplin for our dev guys and design team to review.

iteration one
mockup: Iteration two

Compared to the first iteration, testing revealed that it was hard to read and see the designs on the iPhone image screenshot and it also did not leave enough space for the onboarding step-by-step copy underneath.

iteration two
mockup: Iteration three

Instead of using images of the entire iPhone in the instructions, I suggested using the icons already established for the app features instead.

iteration three
WHAT I’VE LEARNED & ALTERNATIVE SOLUTIONS

New users won’t sign up for your product because they’re excited about its interface; they’ll sign up because they are interested in the value that your app promises to deliver. Almost every app on the market today has a swipe-through welcome intro shown on the first launch. It aims to introduce what the app does and/or teach users how to interact with the app by explaining common actions.

Highlighting every feature on every screen doesn’t leave the users enough breathing room to get satisfaction from exploring your app. What about showing just a few of the important features in the intro? You can always showcase less essential (but still really cool) features on the app’s next few launches.

what i learned