myGP is the number 1 healthcare app in the UK, it has over 1 million active users.
myGP wanted to refresh the visual design making it more appealing and consistent. In addition they wanted to improve the overall user experience and add new product and services to the app.
Overall project goals
Create a new pattern library to produce a strong visual language
Add new clinical systems via APIs insuring one design fits all
Improve new and existing user-flows for products and services
I have created a pattern library for iOS and Android using an atomic design
system to improve the design of the current app. This will improve the visual language and get rid of the inconsistencies and accessibility design failures in the current design.
I designed the app for iOS and Android. Below is an example of native app design for iOS 13 - Dark mode.
Dark mode - iOS 13
User experience design
Adding dependents redesign
Many users had difficulty adding dependents to the app due to lack of information. After looking at the current user-flow I took the following steps to improve the user experience.
Made it clear that there are 6 scenarios using a clean visual design
Gave the user the information that is important to them in the beginning of the flow rather than addressing it at the end with an error message
Added checkboxes where necessary so the app with autofill fields saving the user time
Designed it using the new pattern library rather than in green so it is consistent with the rest of the app.
Hi-fi prototype and guerrilla testing
After my analysis and setting my objectives I decided to create my user flow directly in Proto.io using the new pattern library.
After I had completed this I carried out some guerrilla testing on 5 people. I found that the new user-flow was a lot more simpler to use and completely reduced confusion.
Below is a video of the prototype showing the new user-flow.