Carousel Prototype

Incorporate Delight in Mediation Onboarding for Conflict Resolution

Role
UX Designer
10 weeks
Mina Hussain, Sel Yip
Contributions
Prototype
User Flow
User Interviews
User Journey
User Persona
Wireframes
About
Humanz Mediate is a small team offering mediation for legal and private conflict resolution services. Their core values are acceptance, collaboration, and consent. They currently handle intake through a contact form or calendly video appointment through their website, but this can be time-intensive and provides very little information to mediators beforehand.
In a collaborate effort, we designed an informative and friction-reduced mobile onboarding experience that centered on delight, user control, and clarity to thoughtfully engage potential clients seeking help with a stressful conflict.

Background

Imagine you're stressed out about an interpersonal conflict, and to get help you need to do an internet search and fill out a number of pages for intake, or worse, download an app without knowing if you're even able to use their services. The stress of unresolved conflict can damage relationships and reduce productivity. Humanz Mediate offers an alternative dispute resolution by providing individuals an unbiased mediator to aid in resolving disputes, rather than engaging in a lengthy, costly, and additionally stressful legal process. There's also a number of sensitive situations where clients may not be eligible for mediation. And while there are plenty of mediators, there isn't a mediation product on the market right now. We'll be designing in this 0 to 1 space.

Design Process

An App With No Direct Competitors

Competitive Feature Analysis

Can Transparency Help In Power Dynamics?

User Interviews
User Persona - Faye Valentine

Can Transparency Help In Booking Professional Services?

User Interviews
User Persona - George Arroyo

Inclusive Onboarding Process

Mood Board

Opportunity Statement

When a conflict arises, people need to feel empowered to reach a resolution so they can receive guidance from an unbiased mediator.

Collaboration Through Conversational UI

User Journey - Sketches

Transparency Through Informational Screens

Low Fidelity Wireframes

Essentialism to Reduce Cognitive Load

Original Onboarding User Flow
Final Welcome Step User Flow

Test Functionality

Prototype

Delight

The chat bubbles kept me engaged.
Core Values Carousel

User Control With AI

Accommodations Request

Clarity In Progressive Disclosure

Situation Step (Before), Welcome and Situation Step (After)

Final Wireframes

Welcome Step

Typography

Fonts Comfortaa and Poppins

Color

Color Theme and Color Psychology

Color Ideation

We used the 60/30/10 design rule to achieve balance, using a page in the About section to ideate color combinations with.

Color Theme Ideation

Final Theme

Submit Page

Purple is a main color in Humanz Mediate's current branding. It also can represent wisdom and power. We chose purple for the chat bubbles in order to provide an empowering feel for users who have a loss of control in their conflict.

Status Page Evolution

Since blue represents consent, we decided to use it for the call to actions. It communicates the user's choice and consent in navigating onboarding. Finally, we have green as our accent color.

Carousel Evolution

We ran accessibility tests to check contract to ensure the text-background combinations are legible and a11y friendly.

Reflection

We were able to incorporate a friendly onboarding system due to a couple key findings:

  • Referencing established visual systems adds a sense of familiarity and control to a serious process
  • Finding a balance between playful and serious can be done through design to build trust and validation

Looking back, we could validate assumptions more throughly by:

  • Combining question set for 1 interview group and narrow participant criteria
  • Conduct usability testing with participants more closely related to the persona background

Making those changes would align us closer with our mission statement:

Designing for the most vulnerable user allows for the greatest accessibility to the product.
Accommodations Screen mockup with man writing on sticky note beside phoneConfirmation Screen mockup with man writing notes beside phoneThree Screen Mockups
Impact
Humanz Mediate entered a start-up incubator with our findings!