YING L
UI UX Design | Interaction Design | Project management

Neesh - LGBTQ2+ Community Mobile App

An affirming space where LGBTQ2+ individuals can share their real-life stories, alleviating anxieties and fostering a sense of belonging.
Client | Industry

Qrated Studio Inc.

My Role

Design Lead | Mobile App Designer | Product Owner

Main Tools

Figma, Adobe Premiere, Notion, Clickup

Completion

2024-03-21

How might we support LGBTQ2+ individuals to alleviate anxieties about their sexual orientation and self-identity

As a senior product designer and product owner, I led a non-profit startup's mobile app development project from ideation to launch on the iOS App Store in just 3.5 months. Responsibilities included strategic ideation, UX research, concept development, prototyping, iterative design, collaboration with developers, and facilitating agile methodologies. Achievements included validating the first MVP design prototype through 25 rounds of usability and accessibility testing. Deliverables comprised defining Information Architecture (IA) and creating a Product Requirement Document (PRD) for effective collaboration. The outcome was a seamless user experience that resonated with our target audience, showcasing my expertise in UX design and product management.

The problem

42% of queer youth seriously considered attempting suicide, even in 2021.

Queer college students are looking for a positive affirming space to gain peer support for a sense of belonging and advice from lived experiences of other queer individuals and alleviate their anxiety about finding acceptance in themselves and society. However, few apps let users share queer-specific stories or easily find others’ stories in the LGBTQ2+ community. Plus LGBTQ2+ social apps are geared toward romantic and/or physical relationships.

The solution

Empowering LGBTQ2+ College Students to Find Community and Support

Neesh, designed for LGBTQ2+ individuals in Canada, offers a secure digital space to foster belonging and alleviate anxieties about acceptance. Unlike other platforms, Neesh prioritizes peer support, providing relevant information, practical tips, and real-life experiences. Users freely express themselves, find solidarity, and gain the knowledge they need, empowering them to navigate their identities with confidence.

Design Process

Primary Research

Achievements

- 8 User Insight Interview
- 25 User Test (3 rounds)
- 19 Accessibility Testing

To verify our hypothesis from secondary research for the above problem and potential solution, I led the team to conduct 9 user insight interviews by recruiting queer participants in the beginning 2 weeks. And, we summarized the analysis with 3 personas to include 3 main different situations within LGBTQ2+ groups.

Personas

To enhance our understanding of the unique challenges and needs of LGBTQ2+ individuals, we meticulously distilled and reassembled the insights gathered from our user research efforts. Through this process, we crafted three personas that vividly encapsulate the diverse experiences and perspectives within this community.

Reza - Persona 1/3
Bio
  • Age: 34
  • Gender: Female
  • Pronoun: She/her
  • Sexual orientation: Bisexual
  • Status: closet, never come out to anyone
Background
  • Growing up in a conservative place
  • Family has conservative views about homosexuality
  • New immigrant from Iran
Pain Points
  • No queer peer support
  • There are school orgs available, but I don’t want to show my face to anyone
  • Fear of reaction from family and friends with heteronormative views
  • Fear of bully by sexual orientation
  • Fear of being treated differently once she comes out
  • Scare of getting kicked out of home if parents find out her sexual orientation
Core Needs
  • Safe space to explore and learn more about sexuality
  • Encouraging or positive message
  • Anonymity
  • Quiet, lo-fi way to be supported
  • Another queer peer who has similar experience
  • Feeling that it's ok to be who I am
  • Online friendshipIntimate
  • 1-on-1 conversation

Alex - Persona 2/3
Bio
  • Age: 27
  • Gender: Transgender
  • Pronoun: They/them
  • Sexual orientation: Pansexual
  • Status: Openly out to everyone
Background
  • Looking to do transition surgery
  • Canadian who born and raised up in Canada
  • Family has concerns and conflicts about the surgery but they are okay with their sexual orientation
Pain Points
  • Feeling of underrepresented
  • Higher risk for getting bullied because of their different appearance
  • Lack of access to health care as a transgender student
  • On campus resources are not easily accessible due to life circumstances
  • Difficult to find a romantic partner - Connections through dating apps are not meaningful - ppl look for hookup
  • Pronouns and misgendering
  • Feel the pressure to educate people in a non-confrontational way
Core Needs
  • Find an appropriate/suitable medical resource (doctor for surgery)
  • One stop point for all the resources
  • Meet other transgender peers
  • See positive trans representation
  • Gender expression
  • Have a safe environment to feel comfortable in their gender identity to dress what they want
  • Be called by the correct pronoun

Filip - Persona 3/3
Bio
  • Age: 21
  • Gender: Gay male
  • Pronoun: He/him
  • Sexual orientation: Same sex
  • Status: Come out only to friends
Background
  • Student athlete
  • Immigrant from Poland
  • Family seems okay to LGBTQ2+, but he's not so sureHas been living in US for 3 years
Painpoints
  • No queer peer support
  • There are school orgs available, but I don’t want to show my face to anyone
  • Fear of reaction from family and friends with heteronormative views
  • Fear of bully by sexual orientation
  • Fear of being treated differently once she comes out
  • Scare of getting kicked out of home if parents find out her sexual orientation
Core Needs
  • Queer's real-life experience/ suggestions
  • Meet more queer friends/ allies
  • Connect with like-minded queers on campus or in other schoolsLaid back space after a long day
  • Easier access to LGBTQ resources
  • A place where they can feel safe to express themselves

Ideation

According to the research and personas, we practiced 2-3 times of paper prototypes and bullseye to figure out and formulate an optimal solution from 0 to 1.

Paper Prototyping

I led the team to run activities to gather our ideas for the problems, demand, and opportunities and discuss it as a team.

Wireframe/sketch activity for the app concepts and features

Bullseye

We engaged in a dynamic brainstorming session to generate a multitude of ideas, which we then meticulously assessed using the bullseye technique to pinpoint our primary areas of focus. Through this iterative process, we honed in on three key pillars that form the foundation of our strategy, enabling us to streamline our efforts and accelerate progress toward our goals.

The three Key Pillars are:
  1. Queer-specific
  2. A sense of belonging
  3. Safe space
Ideas and bullseye processes

Information Architecture

According to the research and personas, I conducted the 1st version of User Flow and Functional Map to communicate with the product designers and developers.

With UX design and interaction design in mind, I had iterated them 4 times while the plan changes along with the team’s discussions.

Usability Testing

Following the user flow and functional map, I led the designers to make 10 different versions of ios design prototypes on Figma and 3 testing plans on Notion for the usability testings by Aug. 2022. Here, I only list the 3rd usability testing (with prototype 0.8, as below) for building the 1.0 prototype, which is the one we sent to the UBC programming team to develop and collaborate.

User test #3 - Test Plan

In the user test, I recruit LGBTQ2+ users and participated by switching the roles of facilitator, observer, and note-taker to understand users’ live reaction and behavior.

Test Goal

The purpose of usability test #2 is to collect feedback about how users use Neesh app, what problems they may encounter using the app, what improvements they would like to see to make it easier to engage with (active) convos, tag system and profile, and what feelings they have to the visual and copy.

To have a better experience, please enlarge the prototype into full screen by clicking the icon at the top right corner. If you cannot directly access the 0.8 prototype on this page, please try it via this link: shorturl.at/owL45

Analysis & Summary

Top positive findings
  • Easy to use
  • Eye-catching UI Design
Design Iteration

The researchers also observed the usability problems and prioritized the tasks for iterating the experience. Here, I only list high priority recommendations:

  • Improve UX: eg. once user selected a tag, the Enter button change state from disabled to enabled; Needs clear instructions/explanations on how to select the topics
  • Consider a indicator for featured comment
  • Make clear what the Shoutout function (like) is for the users
  • Change the symbol and hide the password for security

Beside the iteration of UI/UX design, I also updated the user flow and functional map according to the analysis and takeaways after each user test.

Iteration - Version 1.0 Design Prototype

Product Requirement Document

After the 3.5 months ideation, implementation, design prototyping, and verification (user test), I wrote a Product Requirement Document (PRD) to build the Minimum Viable Product (MVP) with the programming UBC and BCIT teams. It includes:

1. Background

I clarified and simplified Target Audience, Problem overview, Goals & Success, Non-goals, and Risks to let the developers know the background knowledge and main purpose for this product.

2. Launch Plan

I defined and prioritized the key features for Minimum Viable Product (MVP) with Timeline, User Story, Feature Description, Milestone, and Decision Log.

3. Product Key Features List

The 1st MVP is expected to launch on Apple Store by the end of April  2023 which mainly focus on the features comprising the pages and system of the Feed page, the Inactive Convo page, Tag system (explore), Start a convo, Reply system, and Notification (Activity) with user stories to let the devs understand the scenarios.

Product Key Features List
Reflection

This is the 1st time I took charge of Product Owner and project manager roles with my UI/UX design experiences. With my passion to contribute to the LGBTQ2+ community, I learnt a lot during the whole process. Overall, I practiced various problem-solving skills, user tests, pitches, and collaborations.

1. Users and participants are significant

- Recruiting more users in each LGBTQ2+ categories for primary research can make our ideas and final prototype more verified, convincing, and inclusive.

- The product and project works could block my way so dragging myself back with users is essential

- Importance of respect expertise and encourage various perspectives

2. Each step is an opportunity for enhancing

- It’s challenging to find LGBTQ2+ users attending user insight interview in the beginning but I insisted to reach out and finally recruited 8 users.

- Your saying could inspire someone’s mind

3. Perfection isn't always necessary

- Just conduct your belief with rapid iteration

- Mistakes or failures can be my success friends