Approximately 1 in 4 African American women in the United States has experienced mental illness [1]. Furthermore, anxiety and depressive disorders are the most common mental health conditions among African American women [2]. However, African American women significantly underuse mental health services compared to their White counterparts (12.8% vs 28.7%, respectively) [1]. Historically, mental illness has been underreported in the African American community [3,4]; therefore, the true burden may be significantly higher than the reported prevalence estimates.

Data from the 2019 National Survey on Drug Use and Health [1] showed that approximately 30% of non-Hispanic Black women who reported experiencing mental illness in the past year did not receive mental health treatment during that time. Barriers such as the stigma of mental illness, limited access to treatment, lack of or inadequate health insurance, mistrust of providers, and limited health literacy (LHL) all prevent traditionally marginalized populations from seeking care [5-7]. A recent survey of 395 African American women [8] revealed that the most common reasons for not seeking mental health treatment or counseling when needed were attributed to cost, not knowing where to go to access services, lack of time, and stigma. The use of mobile apps may help to eliminate or mitigate barriers by providing information on affordable options for mental health care, facilitating connections with preferred therapists, eliminating travel time using remote services, and reducing potential stigma by providing a discreet way to receive care in a preferred setting (eg, in the privacy of their home).

Numerous interventions have successfully used apps to help participants in reducing their anxiety or depressive symptoms [9-12]. Two meta-analyses of randomized controlled trials exploring the use of smartphone mental health interventions to reduce anxiety or depressive symptoms [13,14] revealed that participants experienced a significant reduction in anxiety or depressive symptoms postintervention. However, the majority of published studies were conducted with a predominantly White sample, which may affect the generalizability of the results to other racial and ethnic groups. Furthermore, a study by Sarkar et al [15], which investigated the usability of commercially available apps for depression, found that, “while patients express interest in using technologies for self-management, current tools are not consistently usable for diverse patients.” The results of a recent systematic review [16] found only 3 studies focused on culturally informed telehealth interventions for managing anxiety and depression in African American adults [17-19] and only 2 included women [17,18]. Moreover, findings from focus group interviews revealed that African American women desired a culturally informed mental health app that can address their specific needs and preferences (eg, information to find a Black woman therapist) [8]. Previous studies have shown that African American women are comfortable with participating in mobile health (mHealth) research and interventions [20,21], and 80% of African American women own smartphones [22]. On average, they spend 19 hours per week on smartphone apps [22]. Therefore, there is a great opportunity to use apps to increase access to culturally informed resources and services for supporting the management of anxiety and depression in African American women, which is a significantly underserved population.

Recent years have witnessed a growing awareness of the effectiveness of using apps for psychological interventions. This interest includes studies on both the mental health benefits and usability of apps [23]; however, scientific evidence does not support the effectiveness of most mental health apps in the market [24]. Furthermore, many apps do not incorporate any evidence-based practices or clinical expertise regarding their usability [25]. An analysis of the user reviews for mental health apps taken from the App Store and Google Play revealed that the major issues with the apps were bugs and a poor user interface design [26]. Poor usability of mental health apps contributes to low engagement [26,27].

The purpose of this study is to evaluate the usability of a prototype for an app designed for supporting the self-management of anxiety and depression in African American women. Specifically, participants evaluated the user interface on how well it helped them to complete basic tasks (eg, finding information about therapists). The findings will guide the further development of the app.

The efficacious components of apps for anxiety and depression have been widely cited in the literature. Previous studies have highlighted the need for educational, psychotherapy, self-tracking, and personal development components in a mental health app that is designed to help users manage anxiety or depression [24,28-31]. Users who engaged in self-tracking and goal-setting experienced reduced depressive symptoms [30]. Furthermore, apps that offer guidance, such as personalized feedback and supportive messages, have been shown to have a positive effect on mental health outcomes [13,32].

The mental health app evaluated in this study was developed by a multidisciplinary team at the University of North Carolina (UNC) at Chapel Hill with expertise in counseling psychology, user experience and user interface design, mobile app development, and health informatics. The initial prototype, a native app for Android devices, included basic features informed by a review of the literature and a survey of mental health and wellness apps available in the App Store and Google Play. The primary features (Textbox 1) included a guided thought journal, information about anxiety and depression (including facts about the prevalence of anxiety and depression among African American women), self-assessments for depression (using questions from the Patient Health Questionnaire 9-item scale [33]) and anxiety (using questions from the Generalized Anxiety Disorder 7-item scale [34]), mood rating, graphs to track trends in depression and anxiety severity and mood rating history, culturally informed resources (eg, links to the Therapy for Black Girls therapist directory and podcast), and a self-care planner. Figure 1 shows a screenshot of the app’s home screen.

The usability study was exempted from a full review by the UNC at Chapel Hill’s institutional review board. Prior research showed that 5 participants could reveal about 85% of the problems in a formative usability study [35,36]. In addition, findings from a notable study by Virzi [37] showed that 80% of usability problems were detected in 4 or 5 participants. A total of 15 participants were recruited to test the usability of the app. Participants were recruited via posts on social media (eg, Facebook and Twitter), a recruitment listing on Research for Me @UNC, and flyers posted in the Durham and Chapel Hill communities inviting women (18 years or older) who identified as Black or African American or multiracial (ie, Black or African American and another race) and had a history of anxiety or depression to participate in the study. However, study participation did not require a clinical diagnosis of an anxiety or depressive disorder. Each participant received a US $25 gift card for their completion of the study.

In February and March 2020, individual usability testing sessions were held for each participant at the UNC at Chapel Hill School of Nursing’s Biobehavioral Lab. Before the start of usability testing, a researcher went through consent forms with participants and obtained their signatures. In addition, participants were informed that the study would last approximately 1 hour.

First, the participants received a brief overview of the study aims and a description of the Tobii eye-tracking glasses and software (Tobii Pro AB) [38]. The Tobii Pro 2 glasses were calibrated for each participant before beginning the usability testing. Participants were provided with an Android mobile phone (ie, Google Pixel 2), and were assigned a persona (ie, a fictional character created to represent a target user) and scenario (ie, a fictitious story about a target user and their motivation for using the app; Multimedia Appendix 1). Then, they were asked to perform a series of 4 tasks in the app and think aloud as they completed them. To reduce participants’ workload while testing most of the app’s features, the study sample was split and participants were assigned either scenario 1 or scenario 2 (Textbox 2). The instructions for each task included fictitious information for the participants to enter so that they could complete the task. No personal information was solicited or involved during the interaction between the participants and the app.

The cognitive walkthrough method [39] was used to evaluate the user interface design on how well it supported users in learning to complete tasks. Specifically, this method was used to “evaluate the ease with which users can perform a task with little or no formal instruction or informal coaching” [39]. Participants were told to speak aloud their thoughts and actions so that they could be recorded using the Tobii software. The researcher read a persona, scenario, and the first task to the participant and then instructed them to begin. This process was repeated for tasks 2-4. The Tobii software recorded the videos of participants’ interactions with the app while they completed the tasks, including taps on the phone screen, eye movements, and the amount of time spent on each task.

The usability of the app was measured by participants’ ability to complete tasks efficiently (measured by time and number of taps to complete each task) and their satisfaction with the user interface (measured by scores in each domain of the Questionnaire for User Interface Satisfaction [QUIS]; [40]).

A total of 15 participants tested the usability of the app using the cognitive walkthrough and think-aloud methods. Participants were in the age range of 20-66 years (mean age 29.8 years, SD 12.4 years), and all identified as either Black or African American or multiracial (ie, Black or African American and another race) and female. Most participants (13/15, 87%) obtained a bachelor’s degree or higher and indicated that they used mobile apps 4 or more times per day (14/15, 93%). Table 1 summarizes the characteristics of the study participants.

Table 6 shows the participants’ feedback on the app design. Overall, participants felt that the app was easy to use, organized well, and had fast processing speed. General recommendations for improvement included adding more graphics and color, including instructions for data entry textboxes, a tutorial for first-time users, and crisis support monitoring. Regarding content, participants thought the information provided was of high quality, they also liked that links were provided to helpful outside resources (including a link to Black women therapists with their availability), and that graphs and text provided information to track their anxiety and depression severity. Participants recommended that a curated list of Black women therapists should be provided within the app to avoid linking externally to websites that are not mobile friendly (eg, required too much scrolling).

Anxiety and depression checkups, self-care planner, and guided thought journal features were rated positively. Recommendations for improvement included adding a footnote to anxiety and depression history graphs to indicate that it can be used to track trends and adding instructions to the journal feature for informing users that they can use the talk-to-text feature for journal entries to reduce burden. Regarding navigation and error prevention, participants thought that the icons were helpful for guidance on navigating the app and liked that the drop-down menu clearly lists all features. They also noted the great prompts in the guided thought journal. Participants recommended that the information feature be relabeled to elucidate that it contains mental health information and that clickthrough sequencing be improved.

The eye-tracking software showed that participants primarily focused on the left and middle areas of the screen while looking for information. The heat map for the managing anxiety tips screen (Figure 4) revealed that participants spent the most time viewing the title, left side, and middle of the screen (the areas of highest intensity). Similarly, Figure 5 shows that on the heat map of the journal entry summary screen, the titles, left side of the screen, and Save button were the areas where participants focused on most (the areas of highest intensity).

To our knowledge, this is one of the first mobile apps specifically designed to support the self-management of anxiety and depression in African American women, irrespective of physical health conditions or special circumstances. This is an important distinction because there are studies that focus on culturally informed mental health interventions for Black women; however, the participants had a particular physical health condition (eg, HIV positive) [18] or special circumstances (eg, caregivers of patients with dementia) [17]. Our results demonstrate that the participants were mostly satisfied with the user interface of the app prototype. Moreover, the average of means scores for the overall reaction to the software, screen, terminology, app information, learning, and app capabilities were high. They ranged from 7.2 to 8.3 on a scale of 0-9 (low to high rating) for scenario 1 tasks (Table 4), and 7.5 to 8.8 for scenario 2 tasks (Table 5). Most participants were able to complete each task fully with limited or no assistance. However, the variance in time to complete each task was primarily attributed to the amount of time it took for participants to talk through their thoughts and actions, differences in typing speed, or using an alternative method to search (eg, using a link from the hamburger menu instead of tapping the feature icon).

Furthermore, a few participants were unsure if they needed to first record their anxiety levels in the app before locating it in the graph and confused about where to find information about anxiety and depression, looking at the resources or self-care features of the app instead of the information feature. Participants expressed that they thought the information feature was the place to find information about the app and not about anxiety. Moreover, although the majority of the participants had no problem finding the button within the app that was linked to the website with the therapist directory, some participants expressed that the website itself was not mobile friendly and required a lot of scrolling to find out if the therapist was accepting new clients.

The aforementioned usability testing results produced the following considerations for the development of a mental health app to support the self-management of anxiety and depression in African American women: (1) the app should be intuitive and easy to use, (2) the app should include a feature to self-monitor mental health (eg, depression severity monitoring), (3) the app should allow users to learn coping skills (eg, tips on how to overcome depression), (4) the app should connect users with needed resources (eg, therapist), and (5) the app should provide users with the option to plan activities for self-care. In addition, the interface should be visually appealing and have clear labeling. These recommendations are consistent with those found in the literature that highlight the need for educational, psychotherapy, and personal development components in a mental health app designed to help users manage anxiety and depression [28,29]. Having a tutorial on how to use the app features and find content would also help improve user satisfaction and increase engagement. Furthermore, culturally tailoring the content and resources helps personalize the app to meet the specific needs and preferences of African American women.

The eye-tracking software demonstrated that the participants primarily focused on the left side and middle of the screen when looking for information. This is consistent with a previous study that showed that people spend 80% of their time looking at the left side of the screen [42]. Developers should consider placing important information on the left side or middle of the screen to make it easier for users to find. As external sites that the app links to may not be mobile friendly or have good usability, consider either only linking to mobile-friendly sites or placing all important content within the app. In addition, navigation buttons should be large and spaced well so that users with longer fingernails do not have difficulty tapping them. According to Fitts Law, the longer the distance to the target and the smaller the size of the target, the longer it takes to complete the movement [43]. Feedback from the usability testing sessions informed the current design and development of the app, in terms of both anesthetics (eg, layout, color scheme) and information architecture (eg, renaming the information feature).

Downloading an app does not necessarily mean that the user will continue to use it consistently in the long term. Past research conducted on the usage patterns of mental health apps showed that despite the high amount of initial installations and daily active minutes spent, only a small percentage of users continued to use the apps for longer than a couple of weeks [44]. There are several challenges in using apps for mental health care. Factors that affect the uptake include both the health and digital literacy of users. Approximately one-third of adults in the United States have LHL [45]. African American adults have a higher prevalence of LHL than their White counterparts [45]. Individuals with LHL are less likely to use digital devices for health-related purposes, which can hinder the use of smartphone mental health app interventions [46]. To promote adoption among users with LHL, smartphone health interventions should incorporate features that target a person’s own health literacy needs and technical skills [47].

Furthermore, poor usability in which an app may appear to be filled with bugs if a function or more does not seem to work, also affects the long-term use of the app. Another challenge is the lack of user engagement within apps that can cause app use to decline [27]. A previous case study on building a highly rated mental health app showed that users tend to prefer apps that focus on self-development and change rather than interventions from external sources [28]. The app tested in this usability study will promote engagement by prompting users to enter their mood daily. Users are also encouraged to record their thoughts and feelings in the guided thought journal for reflection and planning future actions. Push notifications will also remind users to complete the anxiety (Generalized Anxiety Disorder 7-item scale) and depression (Patient Health Questionnaire 9-item scale) checkups every 2 weeks to track progress. In addition, the app checks in with the user after the chosen end date to confirm whether activities in their self-care plan were completed. Tailored feedback is incorporated into some components of the app, such as the guided thought journal, mood tracking, and self-care plan.

When designing the user interface of the app itself, several variables should be considered. The experience of the user with app usage, their background, how they might function under stress while using the app, and the environment in which the app is being used are just some of the important factors that should be considered to ensure a positive user experience. A good mental health app should consider users’ need for support, sociocultural factors, and personal development goals. For example, an app focusing on providing anxiety management should educate its users about anxiety, provide culturally informed self-help options to manage their anxiety through low-intensity techniques, and give users the ability to track their progress and connect with preferred providers for additional support if necessary. Self-care apps should assume that their users are independent and provide support to them when needed [27]. A one-size-fits-all approach to designing mHealth interventions may lead to more options but continued disparity in receiving mental health care. The inequitable design of digital health tools further perpetuates the exclusion of underserved populations from mental health care [48]. Incorporating recommendations from intended users and knowledge of their technology use and behaviors can help mitigate potential intervention-generated inequalities [49].

One caveat is that the use of apps to receive mental health support may not be appropriate for everyone. If used as an adjunct to therapy, clients should be screened to determine whether the use of this modality is appropriate for treatment [50]. A survey of African American women revealed that video calls were an acceptable modality to communicate with a professional to receive help in managing anxiety or depression [20], whereas text messaging was not [51]. Therefore, an option to communicate with a mental health professional via video calls within the app may be a useful feature to include. The extent to which a mental health app is used may vary. It can be used for self-management only, peer support, the primary modality to receive mental health care from a professional (eg, telecounseling), or as an adjunct to in-person or other methods for remote counseling.

The main strengths of this usability study are its rigorous design and use of the cognitive walkthrough and think-aloud method, eye-tracking technology-assisted usability evaluation, and administration of the QUIS to capture user performance, physiological data, and qualitative feedback completely. In addition, 15 participants were recruited to participate in the usability testing of the app, thus providing a more than adequate sample size.

One of the main limitations was that our participants were mostly younger women (under 50 years old) with at least a bachelor’s degree. This may limit the generalizability of the findings to older African American women and those with less than a bachelor’s degree. However, previously reported statistics revealed that younger Black women had a higher prevalence of lifetime anxiety (eg, generalized anxiety disorder) and mood disorders (eg, major depressive disorder) than older Black women (50 years or older) [2]. Although access to mental health services and resources may be less of an issue for African American women with at least a bachelor’s degree, access to culturally informed resources and a professional that meets the ethnicity and gender preferences of the patient may remain an issue as less than 5% of active psychologists in the United States are African American women [52].

In addition, the geographical restriction in recruiting participants may have resulted in the opinions and perceptions of the participants not reflecting those of a nationally representative sample. Another limitation was that this study did not focus on the efficacy of the app to reduce anxiety and depressive symptoms, as this would require a randomized controlled trial and significant resources to be done properly. Despite these limitations, the study yielded useful information that provides guidance for designing an app to help African American women and other populations in managing anxiety and depression.

African American women have high rates of smartphone ownership (80%) [22], and there is a great opportunity to use mobile technology to provide mental health resources and services to them. Poor usability severely affects the engagement and effectiveness of mHealth interventions. Therefore, usability testing should be incorporated in the design and development of mental health apps to increase adoption, engagement, and user satisfaction. This study contributes to an improved understanding of users’ experiences with an app tailored to support the self-management of anxiety and depression in African American women, which is an underserved population. It is recommended that future researchers and app designers consider the proposed content, features, and considerations highlighted by this study while developing a mental health app for this population to enhance the user experience. We are planning to further develop the app by incorporating feedback from this study, and the new version will undergo iterative usability testing before the launch of the pilot study to evaluate the feasibility and acceptability of the prototype.