Loading Animations

I created three loading animations for different uses.

1. Traditional progress bar for when the system wants to show progress and has the information to know how much progress as been made and how much is left (traditionally viewed as a percentage).

Progress is shown from, effectively, 0% to 100%

2. Indefinite loading spinner for when a screen is being loaded and the time to completion is variable or unknown. The animation runs indefinitely until the content is loaded.

3. Combo progress bar and spinner to similarly show known progress without using up the horizontal real estate required by the first design.

--

--

--

Product Manager with a background in computer engineering, design, business consulting, and agile methodology

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Music to Your Ears: Fugue, Free Stock Music for Videos, Games and UI

What does a design leader do?

Long Term Utility and Roadmap Update

Top 6 Prototyping Tools Plus Bonus.

10 wardrobe essentials for a stylish, classy, and timeless look

Why I joined ‘Interaction Design Foundation(IxDF)’ community

Shop Till You Drop: Free Shopping Icons in 20 Design Styles

Why onboarding screens are a must for every app?

app-onboarding-screens

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Julia Deutsch

Julia Deutsch

Product Manager with a background in computer engineering, design, business consulting, and agile methodology

More from Medium

How to Create a Neumorphic Design (Soft UI) in Adobe XD?

Social Media App — Video Playback | Day 4 Adobe XD Daily Challenge

How To Improve Your UI/UX Design Skills In 5 Easy Steps — NoCodeAI.Cloud

HBC Web Redesign

A view of the homepage for hickorybiblechurch.org