The small UX details that make a website feel well built
Visitors rarely notice good interface details. They notice their absence: a screen that goes blank while loading, an error that says nothing useful, a dead end where results should be. These small moments are part of what makes a site feel considered and easy to use, and they cost little to get right. This guide covers the ones that matter most.
Loading states
Even a fast site sometimes needs a moment to bring in content, and what you show during that moment changes how fast the experience feels.
- A blank screen with no sign of progress feels broken, and people leave.
- A skeleton screen, a grey placeholder shaped like the content that is about to appear, feels faster than a spinner, because the page looks like it is already arriving.
- Instant feedback when someone taps something, so they know it registered.
Perceived performance is part of real performance. A site that acknowledges a tap and shows progress feels responsive even while it is working, and responsive feels trustworthy. It does not replace actual speed, though. Our guide on making a site load faster covers that side.
Error messages
Errors appear at frustrating moments: a form will not submit, something has gone wrong. A vague or blaming message makes it worse, and a clear one turns a stumble into a quick recovery.
- Say clearly what went wrong.
- Say how to fix it.
- Put the message right where the problem is, next to the field, not in a banner at the top of the page.
- Use a calm, human tone and never blame the user.
"Please enter a valid email address, like name@example.com" beats "Invalid input". On forms this matters directly to revenue, because a confusing error can lose you a lead, and an error that is announced only by colour is invisible to many users, so pair it with text.
The 404 page
A 404 appears when someone lands on a page that does not exist, through a mistyped address or a broken link. It will happen sometimes. The question is whether it loses the visitor or keeps them.
- Say clearly that the page was not found, without blaming the visitor.
- Keep your normal navigation, so they can find their way.
- Offer helpful links: home, popular pages, and contact.
- Stay on-brand rather than showing a frightening default error screen.
A good 404 page is a safety net, not a fix. Check for and repair broken internal links periodically, so people rarely reach it.
Empty states
An empty state is what a visitor sees when there is nothing to show yet: no search results, an empty cart, a fresh account. They are easy to neglect, but a blank "no results" screen is a dead end.
- Explain why it is empty, without making it feel like an error.
- Suggest a next step, such as trying a different search or browsing popular items.
- Keep it friendly and in your brand's voice.
Animation: purpose over decoration
Tasteful motion guides attention and makes a site feel polished. Overdone, it distracts, slows the page, and can make some people feel unwell.
- Helpful: a subtle cue that points to what matters, feedback that confirms an action worked, a gentle transition that makes navigation feel smooth.
- Harmful: heavy, constant, or slow animation that holds people up and costs performance.
- Always respect the reduce-motion setting. Some people get dizzy or nauseous from excessive movement, and browsers expose a preference you can honour so those visitors get a calmer version.
Purposeful and restrained beats flashy every time.
Do you need app-like features?
A progressive web app, or PWA, is a website built to behave more like an app. It can be added to a phone's home screen, work partly offline, load quickly, and, with permission, send notifications, all without an app-store download.
For most small-business sites, a fast, well-built ordinary website is plenty. These features pay off for things people use repeatedly, such as a tool or a members area. Start with a great website, and add app-like extras only if your customers would genuinely use them.
What these have in common
Each one is about not leaving the visitor stuck or guessing: telling them something is happening, what went wrong, what to do next, or what to expect. A site that does this consistently feels considered, and that feeling is much of what separates it from one that merely works.