WS_Round-8.jpg
 

Designed for people, not patients.

 

The Round Health App was designed from the bottom up to be the best pill reminder app available to anyone who needed it. With two years of research going into the design of Round it is now the #1 ranked and highest rated medication reminder app in the iOS App Store. 

 

With over 250K downloads and 63% retention after 60 days it has been able to become the daily touch point for hundreds of thousands of people to keep track of their health.


Starting simple

When starting this project I surveyed the current products out there and nearly all of them had every feature you could imagine but at the cost of understandability and appearance. When we shipped Round Health V1 it had exactly one feature, recurring daily reminders. People loved it.

Style Tile@2x.png
Iterations on the design for what would become the calendar view. Color and information hierarchy became very important in this view that could quickly become overwhelming for users after using it for a few weeks.

Iterations on the design for what would become the calendar view. Color and information hierarchy became very important in this view that could quickly become overwhelming for users after using it for a few weeks.

Some of the initial concepts for the "time ring" that is now central to the app. Using a ring to symbolize 24 hours was incredibly difficult to develop in such a way as to be instantly understandable.

Some of the initial concepts for the "time ring" that is now central to the app. Using a ring to symbolize 24 hours was incredibly difficult to develop in such a way as to be instantly understandable.

pill-taken-animation.gif

Interaction Design

Many of the animations and flows were initially prototyped in FramerJS, Origami, Pixate or Keynote. This allowed me to quickly mock up interactions in a low-cost way that was then easy to translate over to engineering.


Rapid Prototyping and Development

My software engineer and I set an aggressive 4 week design-then-build cadence. Many engineering architecture decisions were made that made this development cycle possible. We relied heavily on internal and external testing of concepts and I always tested a feature in simple form in either FramerJS or Pixate early on to identify any early roadblocks prior to handing it over to the engineer.


Tools of the trade

I designed and prototyped Round using the continuously evolving toolset for UI designers these days. The most heavily relied upon tools however, were Sketch, React Native, FramerJS and Origami.