1

Role

UX Design

Fostering stronger connections

with loved ones at Flo health.

Designer

Kekeli Sackey

Duration

4 months

Tools

Figma, Dovetail

Case Study

2

Agenda

Client Overview…………….…….………………………………………………………………………………………………………………………..……..………….…….…………….………………………..….……………..……..………….…….…………………………………………….……………………………………….………………..……..……………………………..…………………....…...……………………………………………………………………………....…………………….……………………………...…………........................03

Research & Problem Statement ………………………...……………………………..……..………….…….………………………………………………………………………………………………………………………………………………………….……………………..……..………….…….…………………..…………………………....………………………………....………………………..……………………....…………...…..…..……………..……...04

Usability Testing……………………………...……………………..…………………….……………………….………………….…………….……………………………………………………..……..………….…….…………………………………………………..…………………………..…………………………………..……....……………………………………………..………………….…………………………………......……..………….…….…………………………………………………………………………....….………........................09

Recommendations / Next Steps……………..………………………………………….…….……………………………...……………………………………………………..……..…………………..……..………….…….……….…………………………………………………………………………….……………………………………………………………………………………………....…………………………...………….….…………...….......................16

Appendix ………..………………………………………….…….……………………………...……………………………………………………………………..……..……………….…….…………….…….………………..………………………………………..………………………………………………..…………………..……..………………………..…….………………………………………………………….………………………………………………………………………….……………………………....…………………………...………….….…………...…........................17

​

Kekeli Sackey |

Client: Flo Health

3

Source: http://flo.health

Flo is a period and ovulation tracking app that aims to improve the health and well-being of every girl, woman, and person who menstruates worldwide.

Flo’s user types:

• People who want to track their cycles
• People who are trying to conceive
• People who are pregnant

Kekeli Sackey |

4

To date, people who use Flo to track their cycle and those who use Flo to plan their pregnancies are unable to share information about their cycles and fertility windows with their friends, family, and partners.

The problem

5

User research shows that Flo’s users who are trying to conceive and those who use Flo to track their cycles rely on multiple communication channels to communicate information about their cycles.

User Research

Channels

• Face to face
• Text messaging
• Social media channels
• Screenshots of information sent via text

​

6

How might we help Flo's users share information about their cycles without having to rely on multiple communication channels?

How might we…

7

A sharing feature for Flo users to connect with their loved ones

Proposal

This is for:

• People who use Flo as a contraceptive method
• People who are trying to conceive
• People who are pregnant

Process

8

As the sole designer on this project, I was responsible for the research and overall design direction.

Team

Research

Ideate

Prototype

Test

(Above) Diagram of the design process for this project

Ideation

9

Design considerations

Keep a personalized experience: Unlike its competitors (e.g., Glow, Clue, Natural Cycles), Flo is an intimate app. In order to keep that intimacy, I opted for an experience which would still feel personalized to the user.

Kekeli Sackey |

Process:

Flow

mapping

10

Kekeli Sackey |

Usability Testing

04

Usability Testing

12

12

After the ideation phase, I conducted usability testing to understand how Flo’s users will use the new sharing feature to share information about their cycles and connect with their loved ones.

User Profiles

People who use Flo to track their cycles and/or ovulation dates

Kekeli Sackey |

Usability

Testing - Flows tested

13

Kekeli Sackey |

Tasks & Scenarios

14

Scenario 1: You’d like to share information about your cycle with a loved one. How would you go about sharing information about your cycle with a loved one?

Outcome: 4/4 UNSUCCESSFUL

Scenario 2: A few days have passed, and now you want to check on your sharing request and review the information you’re sharing. How would you go about doing that?

Outcome: 4/4 SUCCESSFUL

Scenario 3: You’ve received an email request to connect with someone on Flo. You’ve confirmed the connection and would like to see the information they’re sharing.

Outcome: 4/4 SUCCESSFUL

Scenario 4: You’re a non-Flo user. You’ve received an email request to connect with someone on Flo. How would you go about doing this?

Outcome: 4/4 SUCCESSFUL

Probing Questions

• From 1-5, how easy was that interaction?
• How could this be better?
• If you could change anything, what would it be?

Kekeli Sackey |

Usability Testing Results

15

1. Low Findability: 4/4 Participants had difficulties locating the sharing feature.

2. Email Invites: Participants would like see more information in the email template. (e.g., detailed information about what the requester wants to share.

3. Contact grouping: Participants would like to categorize their connections and have better control over what they’re sharing with each group.

4. Privacy: Participants want more privacy when they’re sharing their information.

“I would love to see what they want to share from Flo. I'd love to know what they want to share with me.” - Research Participant #1, Usability Testing

“

I just wish it was easier to find, like there was an icon that said something like share with friends or share with some of your loved one on the front.” - Research Participant #2, Usability Testing

“When someone finds their way to settings, the rest is easier. I can see everything else is here, but the way to find it is a bit hard.” - Research Participant #4, Usability testing

I would love to specify who is who. I think it will help me in choosing what kind of information I want to share with different people.” - Research Participant #3, Usability Testing

Kekeli Sackey |

Post-Usability testing

16

After the usability testing, my goals were to:

• Improve findability: Add an onboarding flow to introduce users to the new sharing feature
• Update the email template: Provide more information to the templates
• Improve site navigation and the app’s information architecture on the settings page

(Below) Screens with usability issues

(Above) Highlights show places where participants expected to find a share button

Kekeli Sackey |

Iterations & Final Designs

17

(Above) Screens iterated on from left to right: Email Template, Invite Form, User dashboard

Kekeli Sackey |

What’s Next?

08

Recommendations & next steps

19

• Improve the Information Architecture: Improve site navigation and the app’s information architecture
• Additional Research: Conduct follow up research to define the ideal onboarding experience for invitees who don’t menstruate
• Explore design solutions for creating groups/categories

Kekeli Sackey |

Thank you!

Appendix

20

Product design

Prototypes: Updated Wireframes

Guide: Interview Guide

​

Research

Research Plan: User Research Plan

Competitive Analysis: Client Competitive Analysis

Interview Guide: User Interview Guide

Affinity Diagram: Process

​

​

Kekeli Sackey |