Alphii app onboarding - UX case study
Alphii is a charitable giving platform designed to create a personalized giving experience and inspire users to act on issues they care about. This case study focuses on building a successful in-app onboarding experience.
Alphii is an impact-driven payments company.
The Alphii Cuff is a chic, payment-enabled wearable that allows users to make contactless payments and automatically round up purchases to donate to a charity of their choice.
The Alphii app is an impact-focused platform where members can manage their payments, personalize interests, and discover giving projects to support. Through the app, users can view the impact of their donations and access to a curated section of impact-focused news.
Before starting its important to see the arhitecture and understand the show the narrow scope for this project.
Creating the Onboarding UX
Essential to make a strong first impression for our users by creating an onboarding experience that communicates value and ensures users have a pleasant and successful experience.
A well-designed onboarding experience has the potential to increase the likelihood that first-time users will become loyal, long-term users.
The approach for onboarding was to first and foremost understand the user, then create an experience that feels tailored and unique to each user.
Instead of presenting our features, showing a demo of our interface, or pushing them through a predetermined setup, use this as an opportunity to focus on their goals and motivations to ensure we deliver real value.
Goal-Directed Design Process
First step is understanding users motivations and goals to drive the design and architecture for the different onboarding flows. These goals were carefully constructed from user research and help define what “success” looks like for 3 customer user cases. Once the goals are defined for each customer use case the design process consists of user flows, wireframing and prototyping to test and refine the user experience.
Understanding User Goals
User onboarding is all about communicating value and giving users success. This means understanding what the user's goals and motivations are and designing flows to ensure those goals are met. Every user has multiple goals they're looking for Alphii to address:
Functional goals: The practical thing the user needs help with or wants to do - the end goal.
Experience goals: How the user wants to feel while using the product.
Social goals: The social or interpersonal implications for the user?
Personal goals: Beyond functions, the deep drives and motivations that explain why the user is trying to accomplish the end goal.
Once clearly defining user goals the design process consists of flowcharts, wireflows, and prototypes. Each of these are used to break down information and communicate different functions and aspects of the design.
User Flowchart: A visual representation of the sequence of steps and decisions needed for a user to complete a task and achieve their goals. User flows-charts help communicate how users navigate through the app.
Wireflow: Representation of screen flow, by putting together low fidelity wireframes to communicate the content and functionality of screens.
Prototype: Middle-high fidelity representation of the app has the look and feel of the final product allowing the user to experience content and interactions. The clickable prototype is designed to simulate user interface interaction, test usability, receive feedback and refine the user experience.