When You Need to Show a Button’s Loading State

Buttons have more than an enabled and disabled state. They also have a loading state. The loading state isn’t usually shown to users because most actions happen within seconds. But for operations that take longer than usual to occur, not showing the loading state leads to action errors.

Action Errors

If the action takes longer than expected to finish, users need to know that the system is processing their request. If they see nothing happening, they’ll think they didn’t press the button correctly. This belief will…

--

--

--

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.com

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

Recommended from Medium

How can I use Artificial Intelligence to be a more successful entrepreneur?

Artificial Intelligence image

The makings of ‘Savour’ A #UXdesign to simplify decisions and improve the social experience at…

Our industry needs a transparent career path that rewards our craft

Gabriel Valdivia

6 months as a UX designer

What do the Metaverse and Matrix Resurrections have in common?

A custom Matrix digital rain gif with an animation of the green code going downwards like rain droplets and a spiral green radiating centerpiece.

How to design better cards

A card with a clothesline attached to it. There are three sections: a white background, a pink smaller rectangle attached to the clothesline, and a heart in the center.

Why your company should be experimenting

Benefits of an experimentation process: De-risk, Convert, Learn, ROI efficiency, Consistency, Data-driven

Is the museum boring for you? — a service design case study

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
UX Movement

UX Movement

There’s a good and bad way to design user interfaces. Our publication shows you which way gives the best user experience. https://uxmovement.com

More from Medium

Anatomy of an Optimally Designed Modal

Web accessibility critique

Two websites vs each other in a contest to see whose website is more accessible

Raising $150,000 on Kickstarter for a book about app icons

How to develop your SVG illustrations into CSS animations

An eye icon saved as an SVG is rendered into an HTML-CSS animation. This animation is saved as a gif, the real CSS animation can be viewed in CodePen.