Background:

User-centered design (UCD) or user experience design (UXD) methods have gained recent popularity for the design of mobile health (mHealth) interventions. However, there is a gap in application of these methods for diabetes self-management. This study aims to document the UCD process for a self-management mobile application aimed for patients with diabetes in underserved communities.

Methods:

A UCD mixed-methods approach including interviews with patients and providers, a review of literature, and a technology landscape analysis were used to define the app functional information requirements that informed the user experience/user interface design process. Usability studies with the app designers and developers, intended users, and a focus group of nurse educators and dieticians were used to test and improve the design.

Results:

An mHealth app was developed with health-tracking features for stress, blood sugar, food, exercise, medications, weight, and blood pressure. We tackled a range of usability and user experience challenges, which encompassed addressing issues like low health literacy by employing a combination of user interface design principles, intuitive visualizations, customizable icons, seamless database integration, and automated data input features. Special attention was given to the design of educational content accounting for the intended users’ cultural background and literacy levels.

Conclusions:

User-centered design approach contributed to a better understanding of the intended users’ needs, limitations, mental models, and expectations, facilitating the design of a comprehensive mobile app for patients with diabetes in underserved communities that includes essential features for self-management while providing a strong educational component, addressing an important gap in the literature.