STEP I TOOK

Adding color coding and tooltips

I used color to differentiate the physical symptoms from the emotional ones. I also added tooltips to show what each symptom is, without having to move away from the landing screen. Both of these allow the dad to get information at glance.

Making it approachable with color and typography

Since it deals with the uncomfortable subject, I wanted to make it look very approachable and clean. For that reason, I chose to add a friendly sans serif and iconography.

Take another look at the prototype

The prototype follows the scenario I created prior, where the dad wants to be educated about his 12-year-old daughter.

Your browser does not support the video tag.

THINGS I LEARNED

Using research insights, like the frequently asked questions, to help guide my design decisions

The importance of conducting user interviews to get a better understanding of what the dads really want out of the experience

Playing around with colors and contrast can make a huge difference when showing the relationship between items