Overview

FINI: A B2C App Helping People Achieve Their Goals

FINI is a digital health platform that allows user to track progress towards physical and mental goals through a concept known as challenges. Users will participate in self made or community wide challenges with the primary goal of bettering their physical or mental health

My Work: End to End Mobile Design

I joined their team a Product Design Intern and my first project was adding a new feature to the application: Achievement and Gamification. During this project, I worked cross functionally with many other teams:  

User Research: Gathering existing User Data and Personas to inform my decisions  

Engineering: Showing low-fidelity designs and discussing feasibility 

 Founder / Head of Product: Seeking their continuous feedback and making variations and iterations to support their suggestions

User Research

Existing User Research

I conducted formal and informal user interviews to understand how current and new users of FINI felt about completing challenges. The results have been synthesized into 3 main pain points:

PAIN POINTS #1

Allergen Info is Difficult to Find + Understand

Progress Visualization with only the small graphs available, which leads to discouragement

There is no sense of “achievement” after completing FINI Challenges

Users find it hard to keep accountable and feel a lack of community within the app

INITIAL DESIGN DECISION

Make FINI challenge completion more fufilling and Community Driven

Addressing Pain Points

Brainstorming Solutions for Pain Points

I brainstormed different solutions to pain points and got feedback from engineers, designers and feedback on what solution would be feasible and create the largest impact. After creating at least 8 ideas per pain point, I received feedback from engineering, and fellow designers on feasibility. Green notes represents ideas that I moved forward with.

PAIN POINTS TO SOLUTIONS

Feature Scoping: Addressing Major Pain Points

Based on our required screens, we drafted a user flow to better visualize the user journey through the app and what screens we should pay special attention to in order to respond to the user pain points listed above.

Pain Point

Initial Solution

1. No Sense of Achievement After Challenge Completion

Current Reward after Completion

- No tangible reward other than a pop up that disappears lacks something to work towards

1. Achievement Badges + Long Term Statistics

Rationale: Badges reward the user with a collectible and serve as “tangible” proof of their efforts toward health goals.

2. Not Enough Progress Visualization

Current Progress Visuals:

- Don’t show long growth towards achieving their goal

2. Badge Progress Tracker

Rationale: Different “tiers” of the same badge represent long term growth towards a goal of theirs.

3. Lack of Accountability and Minimal Community Input

Current community interaction is primarily through leaderboards within challenges

3. Users can show off achievements on their profile page

Rationale: Badges reward the user with a collectible and serve as “tangible” proof of their efforts toward health goals.

Variation and Explorations

VARIATIONS OF PROGRESS TRACKER

How Might We Visualize Progress Between Badges?

Paprika is a B2C mobile application that aims to match users with restaurants that fit their specific dietary preferences. Matching user dietary preferences to restaurants was the main value proposition of the application and we built our designs and flows around this philosophy.

VARIATIONS ON EMPTY STATE

Exploring Variations on How To Represent Unachieved Badges

To give context to dietary label, we used color coded labels with explanations on what this label means if the user wanted more information.

Design Process

USER FLOWS AND SCREEN FLOWS

Integrating the Achievement Badges with Current User Flows

I took time to review the current FINI user flows and how my designs would integrate with them and what entry points to the achievements page would be used. *Note: The Discover, Challenge and Challenge Progress Pages are not designed by me and were designed prior.

User Completes a Challenge and Gets a Badge

User wants to edit Achievements displayed on Profile Page

User wants to view Achievements and Progress

HIGH FIDELITY

Finalizing Designs and Forming a Stakeholder Presentation

We completed the MVP after 3 months and our MVP is currently in development (about 50% done). Our key performance indicators are user growth and retention rate as well as average screens per visit. After launch our goal is conduct rapid usability testing and conduct design sprints to see what improvement can be made. These high fidelity screens are only the most important screens and do not represent the entirety of the app

TAKEAWAYS

Understand Existing App Flows well

When working on a feature on an existing app, I’ve learned the importance of understanding the existing flows within the app already and what kind of experience they deliver to the user. Understanding what the user already knows was essential to designing an achievements and gamification feature that was satisfying and helpful to the users. If I work on an existing app again, I would spend more time understanding the current flows and making a more detailed user flow of the existing app, and seeing where my feature had its place.

Explorations is Key to A Successful Solution

During my design process, I actively sought feedback from members of the FINI team. Their feedback brought invaluable perspectives on this feature and I believe that creating more even more explorations in the future along with multiple rounds of feedback would be significantly helpful to the design process

Uplifting Users Through The Use of Gamification