user research, prototyping, UX & UI design
3 weeks • November '21
Figma & Figjam
what is iron deficiency anemia?
iron deficiency anemia develops when the body has not had iron for a long time. Iron is a key part of hemaglobin, the part of the red blood cell that carries oxygen through the body and to your organs. It can cause low energy, significantly impact mental health and lead onto physical symptoms. Anemia can be diagnosed by having a full blood count test.
how many people does it affect?
research suggests that as many as 80% of people in the world don’t have enough iron in their bodies and as many as 30% of people have anemia due to prolonged iron deficiency
anemia is difficult to detect
user don't realise they have a problem because symptoms can come on gradually and are often quite vague
it's a waiting game to measure improvements
the time gap between blood tests can cause health conscious women to feel uncertain if their lifestyle changes have improved their condition
dip is a wristband paired to a mobile app, empowering women to take control of their health and anemia
non-invasive sensors measure hemoglobin levels and combine with user lifestyle data to help women understand the impending impact of their choices on their health
real time personal tracking saves time by reducing the frequency of blood test appointments
I was approached by Hans Ramzan, the industrial designer behind dip to design the companion app to be paired with the wearable device
tracker x companion app set up
dip sits inside a soft silicone band which links wirelessly to your smartphone via bluetooth after pairing
track to gather data
users input data about their habits and symptoms. dip autonomously runs to track real-time data from the inbuilt sensors.
analyse data driven insights
dip informs users of insights to indicate the best cause of action to improve your lifestyle based on the data captured and inputted
learning by listening to self-published journeys women publish on youtube
due to constrained timing, conducting in-depth surveys and user interviews was not a possibility
videos of women who kindly shared their vulnerable and intimate journeys of their anemia diagnosis, treatment and life
currently, women rely on doctor visits for diagnosis and clarity of treatment success
the onset of anemia can creep gradually, frequently with vague symptoms, therefore action is never taken right away
in the UK, the issue behind GP appointment waiting times within the NHS has been discussed for a long time, including how this can sometimes result in delayed treatment - leaving users frustrated
the journey post diagnosis can also be unnerving. typically women are instructed to increase their iron in take, but between long wait times until the next blood test, there is often a doubtful feeling of "am I doing it right"
user journey helped me empathise with users and better understand the roller-coaster of emotions they go through
key user quote -
"you can be popping all the right things, but if you aren't seeing any changes in your numbers, you’re left wondering what you’re doing wrong"
project key job story
"when I introduce changes in my lifestyle to improve my anemia, I want to know if my body is responding well to it, so that I can be sure I'm doing it correctly"
translating the key job story into a task flow to facilitate decisions for information architecture & interactions
moment targeted →
Sarah has been trialling a new strain of iron tablets for 4 weeks now, she’s about to give up and move on until she is informed by Dip that her hemoglobin levels are on an upward trend
low fidelity sketches
mid-fidelity wireframes & flows
iterations with usability testing
I conducted moderated-remote usability testing on 3 users, due to time I applied focus on the tracking and analysis of symptoms. I briefed my participants with the following scenarios:
there wasn't a feature to view all tracked metrics at a glance
this led me to do some further competitor analysis and introduce a "calendar" feature using existing mental models, commonly used in health tracking applications such as Clue & Careology
key design hypothesis validated
when asking users what they would do with the insight information - they responded that they would continue consistently taking their supplements.
creating an interface that feels "human"
what should the ui design system be for a health and wellness application positioned to help women take control of their health and anemia?
we're dealing with data here. anemia is a condition that can also significantly impact mental health. it needs to feel approachable, friendly and compatible with the wearable device
I conducted various workshop sessions with the client to present a variety of UI styles. I also tested short lists with users via preference testing for feedback
- the multi-faceted nature of the app necessitated many screens. to maintain consistency and ensure efficient design to development handover, I felt that a modular design system based on rounded componentry would allow easy maintenance of consistency and recognisable patterns for the user too
an interface that feels seamless with the human body
- Ramzan's vision for Dip was to make technology less intimating and this was achieved by making Dip seamless with the human body.
- "Dip shouldn't feel like a product, but more of a natural appendage to the user" - Ramzan
- the colour palette chosen was inspired by skin tones
dip design system colour palette
Left to right: Cate Castleton (Photographer and Researcher), Hans Ramzan (Industrial Designer) and myself (Product Designer)