Animation speed should match the amount of information shown. When there is little information, animations should be fast. When there is a lot of information, animations should be slow.
By Pawan Nayar · from the LLOS AI Learning record
Animation speed should match the amount of information shown.
When there is little information, animations should be fast. When there is a lot of information, animations should be slow.
Animation speed should match the content density. Content density means how much information is on the screen. If there is little content, animations should be quick. This helps the user move through the interface faster. If there is a lot of content, animations should be slower. This gives the user time to understand the new information.
A developer creates an app. One screen shows only a title and a button. The animation to this screen is fast. Another screen shows a long list of items and many details. The animation to this screen is slow. This allows the user to prepare for the new information.
Resolved from this lesson's own record — real definitions, not invented for this page.
More from the same record, pulled by shared topic — not written new for this page.
The system should show a small row of badges in the main screen header. This row appears after the user earns their first badge.
A modal dialog should appear in the center of the screen. It should fade in slowly.
A micro-moment is a very short user experience. It happens quickly, usually less than half a second.
When a user goes to a new page, the page should scroll to the top. This gives the user a fresh start.
Animation speed should match the amount of information shown. When there is little information, animations should be fast. When there is a lot of information, animations should be slow.