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
Traditional and Non-traditional College Students interested in building community, developing and maintaining time and stress management, and enhancing their mental health and wellness.
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
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:
What do you think are your traits you need to have as a successful college student?
What does/did a typical day like for you?
Tell me about your first significant experience as a college.
What inspires/ inspired you to be a college student?
Think back to a significantly stressful time as a college student. Describe why it was stressful and how you managed your stress.
What activities do/did you like to do to help you reduce anxiety and alleviate stress as a college student?
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:
Many college students have limited funds, but are in need of quality resources that will help them during college.
The culture of college is unique and managing stress and increasing wellness practices is important.
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?
There were themes that came from
Advising and Coaching
Community/ Staying Connected
Time and Stress Management
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.
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.
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.
I like, I wish, What if
Calendars and reminders
Ability to add friends and groups
Recommendations of events and programs
The users’ steps were mapped out to see how their journey could be simplified. Reaching the intended goals of the product smoothly.
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
At the beginning of the wireframing process, lo-fi wireframes were created for testing the features.
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.
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
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
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.
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
There are more advance feature that could be added to this design including
Live video chat