Survey of Wellbeing of Young Children (SWYC)—Desktop Concepts for Pediatricians
From September 2013 to May 2014, I worked with a research team from Tufts Medical screen to bring their new developmental screener, the Survey of Wellbeing of Young Children (SWYC) online. To do so, I conducted extensive user research with pediatricians to understand what they would want to get out of the system. This page outlines my final design, and the process by which I arrived at it.
Initial research findings and sketches
After conducting phone interviews with pediatricians regarding their needs, frustrations, and desires, I was able to come up with a come up with a list of requirements that needed to be incorporated into the system. Some of the most notable requirements were as follows:
- Schedule format
- "Three layers" of detail—a symbolic indication of developmental status on the main page, a high-level detail page, and a full response page
- Normative data comparisons and visual representation
- Ability to annotate results
- Color coding to indicate the severity of the screen
Before turning to the computer, I made notepad sketches and workflow diagrams to purge out my ideas and turn them into something orderly. The initial sketches don't look like much, but really helped me imagine how the pieces would fit together, and determine the appropriate hierarchical relationships between different elements. For example:
After several botched sketches and some preliminary wireframing on the computer, I came up with two initial concepts, each with two pages, which I then tested with pediatricians through cognitive walkthroughs. Recognizing that I still needed to gather some more information about pediatricians' needs before diving into some of the more specific pages, I decided to make two relatively high-fidelity concepts of two pages each so that I could get pediatrician feedback on the concepts, but save time to pick their brains regarding the arguably more complex Note pages, which I didn't quite know how to attack at first.
The thumbnails below represent my initial design concepts. Unsurprisingly, the next iteration was a hybrid of the two, plus some new layout elements and features as suggested during the cognitive walkthroughs.
Final Design Concepts
Arriving at a final design concept required several iterations of testing. From the feedback I gained from pediatricians during the cognitive walkthroughs and during the formative usability test conducted using the first full design, I was able to create the screen workflow and design design concepts below. To get a better sense for how it works, and to see pages not included in this sampling, I encourage you to check out the interactive prototype here.