Learn more about product with this collection
How to focus on the present moment
How to cultivate empathy and understanding towards others
How to set personal and professional goals
Loading animations: 101
In a perfect world, loading animation should:
- Be shown to the user as least as possible.
- If you can make your tool or site work fast enough, that will be perfect. O
- Give time estimation. It can be a simple message of approximate time to wait or visual representation of work done.
- Explain why the user needs to wait.
- Make the waiting process less frustrating.
- Reduce a userās perception of waiting time. It can be a catchy color combination, interesting or cute idea.
- Emphasize branding and company voice. Make loading experience consistent with your brand voice.
19
66 reads
Small UI detail can be different
- Progress bar. Used when itās possible to define the loading time. Progress bars can be implemented with a numerical or visual indication and comes at all shapes and forms. You can also find interesting progress bars made as looped animation with percentage indication:
- Loading spinner or infinite loading animations Used when loading time is unknown. It can be default spinners, creative indeterminate indicators, animations showing that your app is ādoing somethingā under the hood.
- Skeleton screens. Skeleton screens provide incremental progress in loading the interface.
15
46 reads
CURATED BY
More like this
10 ideas
5 ideas
Read & Learn
20x Faster
without
deepstash
with
deepstash
with
deepstash
Access to 200,000+ ideas
ā
Access to the mobile app
ā
Unlimited idea saving & library
ā
ā
Unlimited history
ā
ā
Unlimited listening to ideas
ā
ā
Downloading & offline access
ā
ā
Personalized recommendations
ā
ā
Supercharge your mind with one idea per day
Enter your email and spend 1 minute every day to learn something new.
I agree to receive email updates