OFIR ATIA
OFIR ATIA

Alphii User Experience Design

 

UX/UI

 
 
 

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.

 
 
1_VzsCUdhvUsNiL0kH4erEeg.png
 
 

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.

 
 
Edit photo + Zoom into cuff and screen to make it more effective.

Edit photo + Zoom into cuff and screen to make it more effective.

 
 

Site Map

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.

Onboarding strategy

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.

 
 

 
 
Show ALphii cuff with screen photoshopped onto device.

Show ALphii cuff with screen photoshopped onto device.

 
 

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.

Design

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.

 
 
 

Three Unique Customer Use-Cases

 
Photo by  Natasha Kasim  on  Unsplash

Amy

Amy has seen multiple people pay with their Alphii cuff and has learned about the round-up model to causes. She is interested, but before she considers purchasing the cuff she wants to learn more about the philanthropic side. She downloads the app and signs up to learn more and explore the app

Photo by  Peter Sjo  on  Unsplash

Photo by Peter Sjo on Unsplash

Emily

Amy has seen multiple people pay with their Alphii cuff and has learned about the round-up model to causes. She is interested, but before she considers purchasing the cuff she wants to learn more about the philanthropic side. She downloads the app and signs up to learn more and explore the app

Photo by  Philip Martin  on  Unsplash

Nicolas

Amy has seen multiple people pay with their Alphii cuff and has learned about the round-up model to causes. She is interested, but before she considers purchasing the cuff she wants to learn more about the philanthropic side. She downloads the app and signs up to learn more and explore the app