Aure

Facilitating vulnerability and empathy in online communities

Design Challenge: Sometimes strangers who have gone through similar situations can give the best advice when we’re going through rough times in our lives. How can you design an environment where people who are seeking help feel safe to connect and support each other?

ROLE

UI/UX Designer
User Researcher

TIMELINE

Four weeks (2020)

TOOLS

Figma
User Testing

CHALLENGE

Many people who are going through challenging times don’t, due to either personal circumstances or exterior factors, have an outlet to reach out to others and connect. Additionally, existing platforms that attemp to offer supportive communities online are difficult to join and navigate for many people due to a fear of judgement, doxxing, and discomfort. How can we design a space that fosters trust and openness in a digital space?

SOLUTION

Aure is an app concept that provides a safe space for people to come and share their experiences with each other anonymously. My goal was to create an approachable and calming experience that is not only easy to learn, but focused on minimizing emotional labor and welcoming to people of all ages and backgrounds– a light in the dark.

BREAKING DOWN THE ISSUE

Identifying the root causes

Before I started solving anything I took a look at the issue at hand and broke it down to its root causes. The current need for community and and open conversations between people who share the same experiences is unmet, leaving people to endure difficult times without the much-needed help and support of peers and guidance. We want to make it easier for people to seek help, connect, and support other people. This raised the core questions:


Problem statements

Research

With these main points of inquiry in mind, I interviewed ten different people about their experiences with going through challenging times, as well as their approaches to healing and consolation.

Select Research Questions

  • What do you do in the midst of difficult challenges and times?
    • Do you seek help? If so, from where?
    • Do you seek help from other people?
  • Who do you usually reach out to? Why them?
  • Have you ever considered or tried speaking with others online?
  • How comfortable are you with speaking with strangers online about personal topics?
    • Why is this?
  • Is it easy or difficult for you to connect with people online?

INTERVIEW FINDINGS

Amongst the people that I interviewed, a common thread was the reasoning behind their decisions of whether or not to trust somebody with their thoughts and experiences, no matter who the recipient of their conversation was. Whether it was a therapist, a close confidant, or even a person they met online, they were only comfortable talking with another person if that person could be presumed to be unbiased and non-judgmental.

Fear of Bias + Judgement

  • The fear of bias and judgement was the most common reasoning for not sharing their experiences and thoughts out load with anybody, so proof of acceptance and open-mindedness was essential to building an openly expressive dynamic. Even for those who sought help online, their faith in maintaining their own anonymity helped establish a trust in a lack of pre-determined judgement and bias.

Comfort + Bonding

  • Interviewees also expressed a preference or interest in relationships that aren't found in relationships with therapists– they were more comfortable opening up to those at similar life stages with similar experiences– like age, background, and personality– rather than complete strangers.

COMPETITOR RESEARCH

Identifying what existing applications don't address

Having saught out online communities for support and experience myself, I found it important to analyze how other platforms are trying to meet this demand and note how they are encountering problems or solutions in the ways in which the applications have been appropriated for such a sensitive need.

Facebook

  • People can post in private Facebook groups specific to a community / safespace
  • Because posts are connected to your Facebook account, you don’t get to stay anonymous
  • There’s no centralized way to identify people who would be open to DM’s

Reddit

  • Subreddits serve as community spaces for people who share similar experiences
  • Due to how diversified the content of the platform is, as well as how decentralized topic threads are, there are a lot of unanswered calls for help
  • Culture and stigma around the community and demographic of the platform can make it intimidating
  • Depersonalized experience, lack of intimacy and consistent support

One of the most integral takeaways from looking into how other platforms have handled hosting communities based around providing support is the way in which a platform enables certain types of relationships and dynamics to be built. Specifically, I focused on the ability or inability to direct message a person on an application, and how such a capability can affect the course of the well-meaning supportive dynamic and consequently affect a user's behavior and emotional wellbeing.

The key finding in this area was the decision of some specific Reddit sub-groups to discourage the usage of DM's in mental health support groups. People who are struggling with serious mental-health issues often (justifiably) have a low tolerance for disappointment and a high-level of ever-changing emotional need. Unless the helper is able to make a 100% commitment to be there for them in every way, for as long as necessary, offering a personal inbox as a resource is likely to do more harm than good. No individual person, let alone a single user of the app without proper training in therapy or social work, is equipped to singlehandedly handle someone else's struggles. It's much safer and healthier for users to develop a relationship with the community as a whole, to ensure the availability for anyone to reply at any time and preventing the compassion fatigue of any one person.

PROBLEM DEFINITION

So what is our goal?

We want to make it easier for people to speak and connect with people who’ve gone through similar experiences. The underlying problem is that people aren’t comfortable with sharing their identities and struggles with strangers online. This is problematic because people therefore have no choice but to go through struggles by themselves, and as a result bear the weight of their problems without the much-needed aid of others who’ve gone through similar experiences. Additionally, current platforms that try and meet this demand for empathetic online communities inadvertently foster a dynamic that can be more harmful than beneficial to users.


How Might We statements

PERSONAS

From these statements and traits observed from my interviews, I created two personas: Phoebe, a student and teenager apprehensive about confiding with the web in such a personal manner, and Cameron, an adult seeking help on the internet for the first time.


UX Persona of Phoebe

UX Persona of Cameron

With both Phoebe and Cameron's needs in mind, which encompass a wide scope of the needs of an audience diverse in age, familiarity with tech, and experience with the struggles which would have prompted them to approach the application, I created three goals:

  1. Help people find the community with which they share experience
  2. Affirm the anonymity of identity when talking with strangers online
  3. Foster a community that is empathetic and caring, taking off the burden of help off the shoulders of any individual person

IDEATION SKETCHES

I started off by brainstorming possible screen layouts and user flows. While it was useful to find inspiration from the structure of existing platforms with community forums, like Reddit, no other popular video app specifically targets the needs of an audience that is specifically looking for people to connect with and talk to about their experiences with dark times. The following are my sketches and annotations delineating my thought process and iterations.


Initial sketches of the Aure interface and screens


From the sketches, I narrowed down which screens would require the most focus and iteration for addition into a valuable and Onboarding process, the environment that user is introduced to (via the Home Screen), and the Chat Room functionality– that would be integral to meeting the goals of this design challenge.


Onboarding

  • Defined importance of the UX writing's impact on a user's journey through the application's flow, and paid special attention to the messages that greet a user during onboarding

  • Onboarding flow would include messages to eliminate stress and pprehension, as well as build reliability

Home Page

  • Wouldn't have a "feed" like other social media apps

  • Instead "Home" would be a neutral "Communities" page; non-aggravating

  • Simple notification bubbles would indicate new activity; no numbers in the bubbles to eliminate stress

Chats

  • There would be no option to direct-message people

  • Only "direct" messaging would be within community chat rooms, which must be more than two people

LOW-FIDELITY WIREFRAMES

From this discussion I created a set of low-fidelity wireframes. I focused on the key screens on a typical user flow, fleshing out the architecture of each screen with special attention to the interfaces' written prompts and instructions that would guide a user. These screens functioned as a bare-bones prototype of the entire app, ready for user testing.


Low fidelity wireframes of Aure Screens

USER TESTING

With the main functionality down, I showed this low-fidelity prototype to three users and observed their interactions. Their verbal feedback during and after the testing provided me with the following insights:

User Feedback

  • Users liked the ease of creating an account, and thought the small messages and “personalized feel” were a nice touch.
  • One user felt that they didn’t have enough information about the people of each respective community, and therefore was uncomfortable simply sharing personal thoughts and struggles with the strangers in the chat room
  • Two users wanted an option to further specify who they can reach out to; a particular demographic of people

Having users test out my low-fidelity wireframe proved to be extremely useful in understanding user's specific needs. From their feedback I decided to implement another feature to the chat rooms that would address a need I have initially overlooked– the need for the ability to choose the type of people you speak to.


Advanced chat activation screens

VISUAL STYLE GUIDE

With the structure of my app completed, I got to work designing the visual style and elements of the interface. I chose a color palette that was calming, consisting of cool blues and soft peaches, echoing the colors of a sunset or scene in nature. It was important to maintain a neutral and passive visual presence to not impose any emotions or schemas onto a user– Aure is meant to be a safe space away from situations and applications that can induce stress and agitation.


Visual Style Guide of the Aure App interface

HIGH-FIDELITY WIREFRAMES

With a solid foundation laid out, I created a set of high-fidelity wireframes to fully visualize the final product. I paid extra attention to the seeming breathability of the interface– how neat, uncluttered, and aesthetically calming each screen was– so users would have space to think instead of being overloaded with screen traffic.


High fidelity wireframes of Together Video App Interface

CORE FEATURES & INTERACTIONS

Onboarding

First screen of Aure
Username input screen of Aure
Email input screen of Aure
Email input screen of Aure

The onboarding process, which is the first impression a user will have of the app, was designed to be friendly and welcoming. The copy writing of the screens of each process of registration is carefully thought out, with consideration of how different people in need would perceive and react to the subtle shifts in tone and wording. Users are asked to choose a username, which will be the only mode of identification on the application and ensures the user's anonymity while interacting with others on the app.


Community Spaces

First screen of Aure
Username input screen of Aure
Email input screen of Aure
Email input screen of Aure

The Search button of the bottom menu bar brings up the Search page, where users can search for communities and tags to locate threads and groups they may be interested in joining. Individual posts in communities can also have tags for searchability and ease of categorization.


Chat Room Functionality

Chat Rooms Screen of Aure
Settings Screen of Aure
Activated Advanced Chat Matching Screen of Aure
Advanced Chat Matching options in Aure

Users are allowed to choose in their settings whether or not to opt for Advanced Chat Matching, which takes in their age, gender, and communities they are part of as data points to facilitate the chat room member placement. People with Advanced Chat Matching activating will be put in chat rooms with people who share similar traits, offering a point of conversation and bonding to aid the formation of empathy, trust, and open conversation.


REFLECTION

Importance of UX writing

With the intention of curating a safe space and opening users' emotions, especially when some of them may be high risk, I had to pay much more careful attention to the exact tone and reception of the text that I added to my designs. While I was used to making text "fun and quirky" and personable, it was a whole different experience making sure phrases were perfectly worded in orer to make people feel safe.

Questioning the status quo

This project's topic was particularyly close to home for me , as a person who has often struggled to find community around specific topics that need healing. It was really helpful to be able to re-examine spaces and social media that I'm currently a part of, and systematically identify why they don't work for people like me and what needs to be changed.

See my other work →