In this early sketch, the report is divided into two columns: the left column states general information about the gene, while the right column shows the user what variants, if any, the user has, and what it means.
The persona for our typical user was someone worn down by their condition, frustrated with the medical establishment, and seeking answers. This design bombarded the user with data that wasn’t pertinent to them, and the text-heavy layout and restrained use of color was visually dull.
Going from one extreme to another, this next version was cleaner but colorful to the point of distraction. Clearly the overlapping area graph background wasn’t going to work, but the yellow callout box successfully got the user’s attention and game them the answer they were seeking: what are my results?
At this point I had established the new color palette and was using our orange and green colors as an outline to draw attention to the callout rather than the yellow background of before. I also adopted a gray background to make the white of the report “page” stand out. I tried to add as much iconography as possible to add visual interest: body parts, genes, nucleotides, meters, and pie charts.
I dropped the two column approach and used a horizontal stacking layout, which is much cleaner and less chaotic for the user to read.
The finishing touches were using colorful graphics to explain all the possible variants a user might have, and whether they have it or not.