ANIMATION, DATA VISUALIZATION, 2016

Activity Monitor – An Experimental Animation of Data Visualization

When I first saw the activity tracker interface that Apple introduced with the Apple Watch, I became obsessed with its simplicity and my immediate reaction was to reproduce the rings animation on Principle as a learning experiment.

Once I was able to mimic the animation of the fitness tracking circles the way I wanted, I also designed bar graphs that represent a weekly summary of runs, as well as daily activities, such as Moving, Exercising and Standing in the same way that I saw on my Watch, but in my animated prototypes, I made them responsive to be accessible also on the iPhone and iPad.

Arrow-Down-Black

In the following prototype, I demonstrate the experience where the interface is responsive (showing how it adapts from one device to another). This way, I can indicate possible solutions to deliver the same information while considering different screen sizes with alternative graphs to represent the data analysis.

Feel free to grab the open-source Principle file

All Projects

SuitcaseDesign System

YouSoundProduct Design

OpenStageProduct Design

Nike AdsInteraction Design

Do Not DisturbProduct Design

Micro InteractionsMicro Interaction

MondrianizmMicro Interaction

Design Social NetworkProduct Design

Pablo LlanquinWeb Design

Add to TripProduct Design

Product Interface AnimationsInteraction Design

Say hi, let's work together.

60×60-Dribbble
60×60-Twitter
60×60-Linkedin
60×60-Instagram

© 2020 Jardson Almeida