← All charts
Digital and e-commerce
UX and UI compared
| Aspect | UX | UI |
|---|---|---|
| Key question | Does it work for the user? | How does it look, read and respond? |
| Focus | Journey, structure, logic of each step | Layout, typography, colour, components |
| Typical deliverables | Research notes, user flows, wireframes, prototypes | Screen designs, UI kit, design system |
| Main methods | Interviews, analytics, usability tests | Visual hierarchy, brand rules, accessibility checks |
| How to judge it | Task completion, drop-offs, support requests | Consistency, readability, clear actions |
| Sign of a problem | Users get lost or abandon the task | Screens look inconsistent or are hard to read |
| Aspect | UX | UI |
|---|---|---|
| Key question | Does it work for the user? | How does it look, read and respond? |
| Focus | Journey, structure, logic of each step | Layout, typography, colour, components |
| Typical deliverables | Research notes, user flows, wireframes, prototypes | Screen designs, UI kit, design system |
| Main methods | Interviews, analytics, usability tests | Visual hierarchy, brand rules, accessibility checks |
| How to judge it | Task completion, drop-offs, support requests | Consistency, readability, clear actions |
| Sign of a problem | Users get lost or abandon the task | Screens look inconsistent or are hard to read |