1
2
3
4
5





Early Design
Developing structure for the early version. I thought we could see all of the summary scores plus additional parameters like when the ring was worn/ not worn, total activity, etc.
Scale Attribute
We initially used the scaling attribute to show changes in the raw data, but decided to try other attributes because depending on how one moves the scene, it’s hard to visually pick apart individual rings. They overlap and hide the others that makes it hard to perceive patterns.
Color Options
After initially using a variety of distinct colors from the same palette, I tried using gradients of one color to visually segment sleep, activity, and readiness parameters more easily.
Line Views
By setting the rods to be placed in line with the placement of the glyph root nodes, the user is able to look down a row and compare across several days at a time.
Full view
An overhead camera view of approximately 7 weeks of oura ring data.