Sorting CT Scans

I built this user interface for the University of Michigan. Read the full product design case study here.

Problem: The department has 20+ (and growing) types of measurements from CT scans at different levels of the body. They needed an easy way for researchers to quickly find the type of measurement they needed, so it could be used to compare sick patients' inner measurements to those of a control population.

Working through it: Before, the department had all 20 of the scans on one page. This was difficult for researchers, PI's, and students to find the measurement they needed and our database was only growing. How would it look at 50? 100? I needed to find a way to reduce the amount of options the audience was offered on this page and make it easier to find the type of CT measurement they needed.

Solution: After many pencil sketch iterations (that you can also find within this project), I decided to force the audience to first select the vertebra level they wanted to compare their patient to. This filtered down the potential scan choices from 20 (or 50, or 100) to 5 +/- 2.