Redesigning a completion flow

Improving the experience of the challenge completion flow at the Vibely app.


UX/UI Design

Interaction Design

User Testing

1. Problem

Members of the Vibely communities loved challenges but they didn’t find it easy or intuitive to join and complete challenges.

Important to the company because it affects the mission of the business: to create meaningful connection.

2. Research

- Run user interviews to understand the members’ needs in the completion flow.
- Identify possible breaking points in the flow.
- Run discovery sessions with the team.

2.1. Empathy map

- Useful way to summarize and categorize information.
- Each of these insights had an impact on the final deliverables.

2.2. Research learnings

- Unclear what the challenge entry will look like after submitting
- Unclear where content will show up after submitting
- Sharing challenge entries externally felt intimidating
- Use case for challenges that don’t need to submit any text or media
- No confirmation that the challenge entry was successfully published on the feed
- Landing on their own entry creates a dead end for users - they have to go back to interact with other users’ posts

2.3. Narrowing focus

- Making the completion flow shorter and more satisfying
Users had to go through seven screens to complete the flow and there was uncertainty on whether or not challenge entries were successfully published.

- Allowing users to mark a challenge as complete without posting content
This use case was frustrating users and preventing them from completing certain challenges which hurt business metrics.

3. Exploration

- Running experiments on the old flow to collect data
- Exploring various possible solutions
- Working closely with engineers to identify technical limitations
- Testing ideas with prototypes

4. Final Deliverables

- “Accepted challenge” to “Join challenge”
- Removed sharing point and replaced it with a  confirmation toast
- Showed the post input in the challenge posts feed

- Added a feature to allow users to schedule a time to complete the challenge

- Used one button for both actions, completing the challenge with or without content (text and/or media)

- Added an expand button to make the input fullscreen

- Replaced sharing point with a confirmation message
- Added confetti, sound, and vibration
- Displayed the post on the main feed right after publishing it

5. Outcome

- Joining and completing challenges feels quick and easy for users
- Users are not getting confused on how to complete a challenge
- Users know how their entry will look before they post
- Users can mark challenges as complete without having to add content.

Next Steps

- Collecting quantitative and qualitative data on the new flow to validate that the changes have the desired results.
- After the frustrations have been removed, we can focus on creating new value by continuing to improve the experience.