Asherah Allen
UX designer

Collegiate Mind

A Focus on Health, Wellness, & Community Building of College Students

Image alt tag

A Mobile App Designed with the health and well-being of the college student in mind.

The demands and expectations of college can be a stressful and many students need an support and a community that can help foster and enhance their social-emotional health, as well as mental health and wellness

Duration- 4 weeks

Tools- Figma, Adobe XD, Coolors.co, Canva, Pexels, Miro

My Role- UXUI Designer/ Researcher/ Manager

Step 1: Research
Image alt tag

Potential Users

Traditional and Non-traditional College Students interested in building community, developing and maintaining time and stress management, and enhancing their mental health and wellness.

Image alt tag

Goals

  • To provide resources for college students to focus on their health and wellness

  • Increase academic success rates among college students

  • Promote advocacy for student health, mindfulness, and community

Collegiate Mind

Interviews

I conducted one-on-one semi-structured interviews with current and former college students, asking them questions about their college experiences and wellness and stress reduction needs.

Examples of Interview Questions:

  1. What do you think are your traits you need to have as a successful college student? 

  2. What does/did a typical day like for you?

  3. Tell me about your first significant experience as a college.

  4. What inspires/ inspired you to be a college student?

  5. Think back to a significantly stressful time as a college student. Describe why it was stressful and how you managed your stress.

  6. What activities do/did you like to do to help you reduce anxiety and alleviate stress as a college student?

Collegiate Mind

Competitor Analysis

I decided to research possible competitors of the Collegiate Mind App Design.

This app design is focused on college students and their overall mental health and wellness, with an emphasis on:

  • Community Building

  • Mindfulness

  • Physical Activity

Prioritized Features:

  • Free option

    • Many college students have limited funds, but are in need of quality resources that will help them during college.

  • College Specific

    • The culture of college is unique and managing stress and increasing wellness practices is important.

Step 2: Define

College Students

The opportunity to attend college is, often times, a pivotal one for both tradition and non-traditional students. 8 in 10 college students report high levels of stress. Students that struggle while in college outnumber those who don't. About 30% of students on campus who seek mental health treatment report stress being the cause, while 60% report more severe levels of anxiety.

Improving Health and Wellness

In many cases there are resources available to students on college campuses, but the rate if stress and anxiety remains high. How can an app help provide resources and a sense of community that helps college students manage their stress and improve their health and wellness?

Collegiate Mind

Card Sorting

There were themes that came from

Stress Management

  • Advising and Coaching

  • Stress Relief

  • Community/ Staying Connected

  • Time and Stress Management

User Insight

College students need a streamlined and comprehensive tool to manage their stress, promote improvement in physical and emotional wellness, and encourage socialization and a sense of community.

Problem Statement

College students could use better approaches for their stress management throughout each academic semester. They would benefit from a platform that would help to bolster their confidence, earn achievements and stay organized to build and/or maintain their optimal wellness.

Collegiate Mind

Personas

Based on the user interviews, two personas were created. We referred to them throughout the entire product development process.

  • Researching potential users and interviewing former and current college students helped determine what was needed to create the user personas.

  • Each of the personas were traditional college students who were enjoying their college experience but needed more resources in helping the navigate their way through their college years.

Step 3: Ideate
Collegiate Mind

I like, I wish, What if

Feature Prioritization

  • Choosing mentors

  • Calendars and reminders

  • Ability to add friends and groups

  • Recommendations of events and programs

Collegiate Mind

User Flow

The users’ steps were mapped out to see how their journey could be simplified. Reaching the intended goals of the product smoothly.

Step 4: Prototype
Collegiate Mind

Sketches

Hand sketching the low-fidelity wireframes allowed for a flow of initial ideas. First thoughts were to create a design that was appealing to traditional college students and help their navigate their responsibilities.

  • The main purpose of sketching the low-fi wireframe was to brainstorm the structure and design of the Collegiate Mind App.

  • The interviews influenced the sketches and we wanted to highlight features that would help resolve their pain points, such as:

    • wanting to have access to mentors and advisors,

    • ability to connect with family and friends

    • improve time management

    • Stress Relief

Collegiate Mind

Lo-Fi Wireframes

At the beginning of the wireframing process, lo-fi wireframes were created for testing the features.

Guiding Questions

  • I was useful to create and test the lo-fi wireframes to make sure the features and ides were inline with users wants

  • Adobe XD was used to build the Lo-Fi wireframe

  • The Lo-Fi wireframes were used for testing and iterations were made based on their interview results.

    • Users though that it was a good concept, but needed some life.

    • The color theory/ mood feature was a bit confusing

    • The initial focus for the design was for college student athletes, but many expressed that it would be good for it to be available to all college students.

Hi-Fi Wireframes

The hi-fi wireframes included some noticeable changes from the lo-fi.

  • Updated the color palette and style guide, making it more vibrant

  • Removed the color theory/ mood feature

  • Enhanced the journal, event sharing, events, scheduling, and music

Step 5: Analyze
Collegiate Mind

Usability Testing

Before finalizing this current iteration of the product, a testing round was conducted on the Hi-Fi prototype order to reveal possible usability problems.

Users were asked to complete 3 Tasks

  • Sign-up or login successfully, then navigate to profile screen

  • Invite friends to Homecoming Step Show Event

  • Edit Journal Entry

Methodology

5 users participated in virtual prototype testing that included specific tasks that was based on the user flows created.

The participants were asked to join a zoom meeting, given access to the high fidelity prototype, and asked to share their screens as they navigated through the prototype completing the tasks.

Results

Overall, the users provided positive feedback the features and mentioned the enhancements that could have used for improvement, including:

  • Some confusion about getting back to the menu screen

  • There was some hesitation  in finding the “my journal” option

  • Getting back to the home was confusing

  • A animation or guide telling the user to scroll may be good

Future Possibilities

There are more advance feature that could be added to this design including

  • Instant messaging

  • Live video chat

  • Mood tracking