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.

The NEI interactive eye graphic, showing an anatomic drawing of the eye. The eyeball is seen from the side, the lens is highlighted which triggers a description. A severe cataracts is shown and the description of the lens includes how cataracts affects it.