Hook

Their other posts in the index, biggest breakout first.
Which loading option do you choose? A skeleton screen, a spinner, a progress bar, or no loader at all? Each one will trigger a different psychological response in your user. So lets break it down. This is part 3 of my series of Building with Good UX. Skeleton screens are for when an entire page or a large section of content is loading. You're telling the user, the layout is here, the data is coming. That's why you often see them in feeds like Instagram, LinkedIn, YouTube. The page structure is what shows up first, and then the content fills in a little later. Progress bars are for how long something is going to take. File uploads, installations, downloads, the user needs to have a sense of how far along they are and how much longer they might need to wait. And if you show a spinner on a file upload, that it's stuck. Inline spinners: These are for small, contained actions. Like a button you just clicked, or one part of the page that's refreshing. Just a small indicator that's like, We're working on it. And then, there's Optimistic UI, no loader at all, and what do I mean by that? When you like a photo on Instagram, the heart turns red immediately. It doesn't wait for the server to confirm. It just assumes that it works. Later, if it fails, it rolls back. But for you, it feels instant. And that is by DESIGN. In the next video, we're actually gonna go deeper into inline spinners because there's more to talk about with them. There's different kinds and the psychology behind which ones work and which ones don't. See you in the next one.