Background
The Federal Secretary of Health estimates that of the 15 million people in Mexico who suffer from some mental health disorder and it is estimated that in Mexico at least 14.3 percent of citizens suffer from generalized anxiety disorders, the most common mental health disease In the country, depression is followed by a percentage of 9 percent and among the urban population, people with mental disorders request help, first, on their social networks. For this reason Mind Garden identified that there is a large part of the population that suffers from a mental health disorder and that providing support for this through the internet is a good way to attack the existing problem in the country, this through of a web page / application that provides them with contacts of therapists, as well as exercises and tips to improve their mental health, all at their fingertips.
Users
The primary users of Mind Garden include young adults in their 20s and 30s, as they are the part of the population with the highest number of people with mental disorders and who are most interested in taking care of their mental health.
The primary users of Mind Garden include young adults in their 20s and 30s, as they are the part of the population with the highest number of people with mental disorders and who are most interested in taking care of their mental health.
Research findings
We conducted user research and received feedback from users that we turned into user people. Based on the research we focus on two types of users, one is Pamela is 20 years old, studies medicine and suffers from anxiety, due to the stress of her career she tends to suffer anxiety attacks, so mental health care is It is important to her, however due to the little time she has available, she cannot go to therapy very often, so she hopes to find a way to take care of mental health more regularly, as well as to obtain information from therapists and their recommendations more within reach. of his hand and Claudia is 29 years old, she is married and lives with her husband Carlos, recently due to the pandemic she was fired from her job for which she fell into a severe depression.
Carlos has been motivating her to see a therapist and fight her depression, but she believes that going to therapy takes a lot of time and you have to leave the house, and she also does not know where to start her search to find the right one
Get help for your depression without having to leave home and at low cost because you suffer from severe depression but cannot leave home due to the pandemic and do not have the means to pay for expensive therapy.
Quick and easy access to help and information for mental health because as a medical student you don't have much time to take care of your mental health
.
Ideation
We sketched out some concepts for our website design based on what we learned about our users in the empathize stage using the Crazy 8’s approach. We rapidly brainstormed multiple creative solutions based on what we learned from our research to identify various ways we could begin designing.
We sketched out some concepts for our website design based on what we learned about our users in the empathize stage using the Crazy 8’s approach. We rapidly brainstormed multiple creative solutions based on what we learned from our research to identify various ways we could begin designing.
Wireframe
In this stage we created the first levels of the design using what we knew about our users and their needs. A section of daily exercises was added that allow you to take care of your mental health more quickly and at hand for those users who do not have time, as well as a database with information on therapists was created to facilitate the search from one to one place, a menu divided by categories was added to make navigation through the application faster and more intuitive.
In this stage we created the first levels of the design using what we knew about our users and their needs. A section of daily exercises was added that allow you to take care of your mental health more quickly and at hand for those users who do not have time, as well as a database with information on therapists was created to facilitate the search from one to one place, a menu divided by categories was added to make navigation through the application faster and more intuitive.
Low-Fidelity Prototype
In this version the digital wireframes from the previous step were connected together into a working prototype. That meant users were able to interact with each part of the design and test the way it worked. In this example, we demonstrate how the various wireframes that make up the pages of our design fit together when each element becomes interactive.
Our goal was to figure out what difficulties users encountered when trying to complete tasks in the Mind Garden app, such as finding a good therapist, booking a therapy and making the daily exercise.
We conducted a remote, moderated usability study between July 07-08. We tasked 5 participants with making use of the application, looking for a suitable therapist at their costs and times, making an appointment with him and carrying out his daily tasks. Each session lasted for 30 - 45 minutes, including the test and interview questions.
The participants were young adults between 20 and 30 years old, since they are that part of the population that has the greatest number of people with mental disorders and who are most interested in taking care of their mental health. We sought to include a balanced number of different genders and a varied range of these ages, they were presented with different tasks to perform and in the end they had to complete the System Usability Scale (SUS). The sessions were recorded, while notes were taken during the process, as well as the feedback this gave, as noted in the notetaking spreadsheet below:
Usability Study Insights
Based on the data from the study, we identified five areas that needed to be addressed:
1. Based on the theme that: Most users have trouble finding daily exercise, an insight is: Users need a simpler and more direct way to access to the daily exercise
2. Based on the theme that: All users feel the need for more information to know the web page is for, an insight is: users need better cues for what the page is for.
3. Based on the theme that: Most users felt frustrated at not being able to return during the appointment process, an insight is: users need to be given the option to go back and forth while navigating the website.
4. Based on the theme that: A large part of the users were disappointed when they did not find an option to add their opinion about a therapist, an insight is: Users need a space to add testimonials.
5. Based on the theme that: Some of the users were frustrated during the reservation process, an insight is: users need a more intuitive way to do the reservation process.
Mockup
At this point in the design cycle, we began to add color, images, typography, and icons to our designs. We updated the shape, size, and structure of content borders and sections to high-fidelity versions. We also implemented the feedback we received during the usability testing in order to improve the user experience. To do this, we include more information, to make it easier to understand what to do in every section.
At this point in the design cycle, we began to add color, images, typography, and icons to our designs. We updated the shape, size, and structure of content borders and sections to high-fidelity versions. We also implemented the feedback we received during the usability testing in order to improve the user experience. To do this, we include more information, to make it easier to understand what to do in every section.
High-Fidelity Prototype
We then moved from designing to prototyping to create our hi- fi prototype. We connected all of our screens together into a working version that is representative of our final product.
Each page of the design reflected the changes we made as a result of usability testing, and worked almost like the real app would.
