National Eye Institute: Interactive Eye Graphic

The challenge

The eye is a complex organism and the various stages of diseases and conditions affect the individual parts in specific ways.

A screenshot of the interactive eye graphic. An anatomic drawing of the eye is showing a cross-section of a quarter turned eyeball. All the parts are labeled. The graphic can be manipulated to change the angle, highlight different parts, see descriptions, and change the severity of the disease that's illustrated, in this case cataract.

What we did

We created an interactive eye graphic tool that shows an anatomically correct eyeball in different angles and with different stages of cer tain eye conditions. Each par t of the eye can be highlighted which adds an informational overlay that explains what happens to this part of the eye at the selected stage of severity.

Wireframes for an interactive eye graphic. 16 different states are shown. The eye is oriented differently in some. There are different parts highlighted and described. And, various stages of disease severity are shown.

Why it matters

Being able to interact with a digital model of the eye, makes it much easier to understand how different conditions affect the parts of the eye. The graphic provides a consistent and familiar tool that can be reused across NEIs digital proper ties (website, apps, etc.). Each state of the graphic also works as a standalone illustration that can be used in a variety of ways.

An interactive eye graphic that shows the side view of an eyeball with cataracts progression. The stages of disease progression are "none, mild, moderate, severe" and severe is selected. The iris is highlighted and a caption explains this part of the eye.