UX and UI

UX (user experience) is how something works and feels to use; UI (user interface) is what it looks like — the screens, buttons, and controls. Good UI on bad UX is a beautiful product nobody can figure out.

UX and UI are related but not the same. UX — user experience — is how a product works and feels: whether the flow makes sense, whether the right thing is easy to find, whether it respects the person’s time. UI — user interface — is the visible layer: the screens, layout, buttons, and controls someone actually touches.

The two fail in different ways. Great UI on weak UX gives you a beautiful product nobody can figure out; solid UX with careless UI works but feels cheap and untrustworthy. They have to be designed together, which is why we sort out structure and flow in wireframes before making anything look finished.

Both get more consistent and faster to build on top of a shared design system. See how it fits our process in how we build a website.

Quick recall

What’s the difference between UX and UI? UX is how a product works and feels; UI is what it looks like.

Why do they need each other? Good UI can’t rescue confusing UX, and good UX still needs polished UI to feel trustworthy.

Which comes first? UX structure — settled in wireframes — before the UI is made to look finished.