Interface Design

YouMe

Timeline

May 2019 - August 2019

Team

Elvina Prasad, Gary Grewal, Jason Yang, Russell Tse

Tools

Figma, Illustrator

Contributions

YouMe is an Inclusive Sex Education Application for youth that allows users to not only learn the basics of sexual education but also learn about topics not taught in a traditional school setting. It was created for an interface design class (IAT 334 at SFU) and used gamification methods to appeal to younger audiences. Later on, it made the top 3 finalist at the 2019 Vancouver UX awards for the UX by Students category.

UX/UI Design

Application Prototype ( may take a while to load due to file size)

Opportunity

Our group took a keen interest in pursuing a topic that could be beneficial to an underrepresented group. Eventually this lead to the niche of inclusive sex education for youth. We found that the current school curriculums (focusing on North American schools) although evolving, where still biased towards heterosexual relationships. We found an opportunity to create an application that could include information that was relevant for all kinds of students. In particular, students that fell under the LGBTQ+ spectrum. The purpose, to promote STI and STD prevention methods and avoid assumptions on sexual orientation and identities.

Research

Our research found that in general young students often learn about sexual education through online resources. The problem is that often times these resources are not fully accurate or sufficient in providing adequate information. We felt that it was crucial for students to be given a safe space to receive the proper information and support on the topic of sex.

68.4 %

26.3%

68.4% learned about sexual health and gender identity online, while 26.3% felt that there were not enough resources and support about their sexual health and identity.

Application Prototype ( may take a while to load)

Our Target Audience + Goals

Our main audience were teenagers and in particular teens within the LGBTQ+ community. Our secondary audience were parents of teenagers, as we felt they had a significant involvement in their child's learning needs. Both of these audiences would be a a part of the user testing component for our application.

primary + secondary users

After establishing our personas, we would navigate our users needs and define clear goals we would hope to achieve through our inclusive sexual education app.

These goals were to:

Bridge the gap between underrepresented groups and sexual education
Create a personal learning experience for all learners
Encourage individuals to feel more comfortable talking about sex and sexual health
Provide valuable and reliable resources for users to learn

Initial Wireframes - learning modules + feedback

Initial Wireframes - learning modules + feedback

Initial Wireframes - three main pages (Avatar, Home, Community)

Initial Wireframes - Process of inviting friends to play games

Journey Map - Intended play through for our primary user

User Testing Results

A total of 8 user tests were conducted to test the participants overall experience with the application. Of this group, 2 users were aged between 12 and 17, 4 were aged 18+, and 2 were parents aged 40+. Each of these individuals were asked to test the app on their mobile phone and complete a series of tasks. When these tasks were completed, participants were then asked to explore the app without any guidance. Throughout this testing, users were also encouraged to ask questions and voice concerns they may have while navigating the application.

Some issues brought up during the usability testing included credibility concerns, lack of indication of the upcoming quiz, concerns about the discover page, and purpose of the badges and reward system.

After completing our usability testing and reviewing the feedback, our team aimed to address these issues by:

Increase our credibility amongst our audience by affiliating with a credible sexual education resource
Provide more insight to the purpose of the Discover Page, and refine the overall tone of the page
Provide clarity on the functionality of the reward systems and explain the purpose of the badges and how to achieve them
Establish a clear workflow within our learning modules and our method of navigation for our tutorial screens flow more apparent to the users