Blood Glucose Monitor

I started by analyzing the UI of the "Zoe" app, identifying areas for improvement thinking from the user's perspective.

• User can't get to any other page from these pages and may be unsure of where they are in the app.  
• No different categories of notes e.g. food, exercise, sleep
• Graph units mean wasted space and information small which could be a problem for accessibility. 
• Only one label, "Porridge" for an activity when the user will have many over a 24 hr period. They may also want to see the specific time of these.
• Could be more brand identity

Overall, I think the space could be used much better. There is wasted space while also having important features e.g. time of day are very small. There is also little way for the user to tell where they are in the app so the experience could flow better with them being able to access different features from this page.  

 I then did a competitor analysis and design exploration, drawing on the strengths and styles to incorporate into my redesign. From this I made low fidelity wireframes. In particular, I kept accessibility in mind as some people with diabetes struggle with eyesight and I identified this as an area for improvement in the "Zoe" app.  

Wireframe Features

• A way for the user to have a 24hr view but also view smaller windows of time. 
• Current reading and a way to tell the user when the information was last updated. 
• A way for the user to view notes and additional information about these under the graph. 
• A menu at the bottom so the user can navigate to different pages from here and keep track of where they are in the app. 

Drawing on my understanding of the latest design principles and the learning points from my competitor analysis and design exploration, I created a high-fidelity screen.

Features from top to bottom

• Added logo for more brand identity
• The user can see the graph is for today and that the information was updated "now" and can also refresh data from here
• Share/download and Help icons
• Smaller range (4-10mmol = normal range) shown on graph but space to show a reading of 12 as in "Zoe" graph.
• Units and times more visible. 
• Wider range of iconography and ability to see category of note and time this sits at. Info cards offer more detail on these. 
• Added some inner shadow on graph and drop shadow on the cards to give more depth and distinguish between sections. 
• Menu at the bottom so users can easily navigate to other pages from here and know where they are in the app. 

-user navigation and how to let the user know where they are in the app and why this is important. 

-how to give user all the right information, using the space well 

Thoughts for further iterations

• Have a colour change on bottom menu to show which is selected
• Work more on colour palette
• Have a warning or some advice popup/banner of what they need to do about this high blood sugar.  
• Show this to some users to get their thoughts
• Think about a style guide to ensure consistency in further screens