Microanimation of page loading and scrolling

Jakob Nielsen
Jakob Nielsen is a Danish web usability consultant and a «Nielsen Norman group» founder. He holds a Ph.D. in human–computer interaction from the Technical University of Denmark in Copenhagen.

(Wikipedia)
One of the Jakob Nielsen's usability principles says: «The system should always keep users informed about what is going on.»
Micro animation features will help your site to fit this rule. We've added two types of animation:
1. A page loading indicator with a customizable color that tells the user: "everything is fine, page is loading";
2. A page scroll indicator that tells the person where on the page he is now - in the beginning, in the middle or at the end.
1
Page loading indicator animation
You can add this block to the page top from «Other» category (T228).
This is page loading without indicator:
Content loading will become more smooth after adding that block:
Turn on loading indicator in block settings and set the background color.
This is a loading with indicator.
Indicator isn't showing in Safari. This browser has its own indicator.
2
Page scrolling indicator
You can add this block to the page top from «Other» category (T333). Color and indicator line height can be configured in the Block settings.
Made on
Tilda