DIY Diabetes Management

UX and Graphic Designer

Do-It-Yourself Diabetes Management (DIY-DM): A guide to managing your diabetes at home

Timeline

Apr 2020 - Sep 2020

Process

User testing, user interviews, persona boards, journey mapping, wireframing, prototyping, heuristic evaluation

Team

Medical Research Team, Design Team

Tools

Sketching, Figma, Adobe Illustrator, Adobe After Effects, Gif Maker

hand_wash.gif

Personas and Journey Map

Our Target users are primarily Type 2 Diabetes patients, who are typically older, but we also want to be the go to resources for everyone looking to manage their diabetes from home. Since my time on the team intersected with Covid19, we also designed for people who couldn't leave their house due to the pandemic. I talked to multiple diabetes educators and diabetes patients, and I created personas and a journey map based on our conversations. I then reviewed the finished content with professionals again to confirm we were designing for the correct user's journey.

REALPersonas DIY-DM-03.png

Wireframe

I created a few different versions of a low fidelity wireframe to communicate to my team my vision of the flow of the website. I created a super basic walkthrough, a paper prototype, and a Figma prototype. Here are some images of the PP.

GIF Design

A major part of the site that didn't exist before that I felt was important was graphics to instruct diabetes patients how to complete every single action while taking their blood sugar and giving themselves insulin. Previously, there had been several graphics that gave a major overview, but I practices with a kit and took pictures of myself going through the entire process, so I could understand how to make the graphics as clear and intuitive as possible. We went through many many iterations of this process. Here are each of the versions (but imagine there are 20 of each type).

Screen Shot 2020-11-01 at 2.51.08 PM.png
IMG_1263.JPG
Frame 81.png