Micro Interactions - dashboard experiment

Introduction

For the animation time was spent on which object would be visible at what time. There is a lot of layers and using the smart animate tool, it was quickly implementable from a design animation perspective

Ideas

In this animated dashboard. You will see lots of moving parts the intention was to have all this happening at one time for the User but to look at the variety of animations possible and what combination suited what section or component best.

If you replay the video you will be able to focus on different areas of the CMS. Some of the primary structures for example the left nav appear first and help frame the rest of the components. I think this helps prime users for the next object appearing.

The circular charts increase gradually with the value increasing as the diagram progressed.

Again this was just a way to test micro animations. I don't believe having all of these in one instances would be helpful or enjoyable for the User.

But small animations can help capture attention if the User interacts with a tab which then pulls in a new list of pages or documents as seen in the RHS of the screen.