N1-Headache is a clinical platform that involved designing both iOS and Android apps from scratch, using a rigorous design process. From the beginning, my goal was to create a user-friendly interface that would be intuitive and easy to use, while also providing users with a wealth of information about their factors, symptoms and medications.
To accomplish this, we followed the design process as outlined in the Curelator Inc. section of my portfolio. This process involved conducting extensive research to gain a deep understanding, from a clinical point of view, of the needs of users who suffer from headaches and migraines.
Personas
We recognized the complexity of our users and created over 30 different types of personas to ensure that we were designing an app that met the unique needs of each user.
We differentiated between clinicians and patients, and within the patient group, we considered age, gender, and various other factors that could impact how the app should be customized. For example, we accounted for differences in menstruation and menopause, ensuring that the app was as personal and tailored as possible to each individual. This attention to detail ensured that the app was not only highly functional, but also highly personalized.
UX Flow
The map below represents the simplest version of the UX map of the app.
This map provides a high-level overview of the various parts of the app and their respective features. However, it's important to note that each of these parts of the app, and each feature within them, has a more detailed map.
These detailed maps are where we define the complexity of the feature and all the variables that can impact the user's experience. Depending on the type of user and the time of using that feature, different variables may come into play.
By creating these detailed maps, we are able to take a user-centred approach to design, focusing on the specific needs of our users and tailoring the app to meet those needs. We also take into account user behaviour, making adjustments and refinements as needed to ensure that the app is as user-friendly as possible.
Design system
The image below represents a sample of the design system that we created for the N1-Headache app. This design system includes detailed information about all the assets and components that we use in the app. Having this information is critical for maintaining consistency throughout both apps (IOS and Android).
One interesting aspect of our design was the decision to use a dark background. We chose this colour because people with migraines can be affected by bright colours. By using a darker background, we were able to create a more soothing experience for users, which is essential for an app that focuses on managing headaches. In addition to the dark background, we also carefully chose a colour palette that would help differentiate between several concepts within the app, while also working well in both dark and light backgrounds, as well as in other applications like the clinician dashboard.
UI
The images provided showcase a few examples of the N1-Headache app, giving insight into the app's design and functionality. One example shows the app's home screen, where users can enter their factors and/or symptoms on a daily basis. This feature is critical, which must allow users to enter their data all days, with or without migraine and under all kind of conditions.
All the app, has been designed to be simple and easy to use, with clear messages and intuitive navigation. Users can quickly and easily enter their factors, symptoms and medications. The app also provides valuable insights and analytics, allowing users to identify patterns which can be critical for preventing future headaches or can help to reduce its duration and severity.
Individual Maps
The image below displays the individual maps of the N1-Headache app, one of the different patents that we developed. These maps are a set of visual representations that show the correlation between different factors and a user's symptoms. The individual maps are critical for users who are trying to identify potential triggers or protectors that may impact their headaches.
The maps are organized into several categories: triggers, protectors, factors with no association, and factors that do not have enough data yet to get a proper analysis. By presenting this information in a clear and easy-to-understand format, the individual maps provide users with valuable insights into their headaches and potential causes.
Data visualization
This is a critical aspect of the N1-Headache app as it provides users with a visual representation of their behaviour and helps them to understand their data more effectively.
The app's data visualization is providing users with a clear picture of their behaviour over time. This is a valuable tool for users and their clinicians as well.
App Store / Play Store presentation
Last but not least, while the N1-Headache app is primarily a clinical tool designed for use by healthcare professionals and their patients, the way it is presented on the App Store and Play Store is critical.
The App design and its presentation must be attractive and self-explanatory, ensuring that users can quickly and easily understand the purpose and its functionality.
