UX is the user experience, meaning how easily users reach what they want, while UI is the user interface they see: colors, fonts, buttons and screens. The experience sets the path, and the interface draws it clearly and attractively.
Step by step
- 1
UX work
Understanding users and their goals, mapping their journey, organizing content and pages, and prototypes tested before the final design.
- 2
UI work
Colors, fonts, icons and buttons, and the state of each element when tapped or in error, within one design system.
- 3
The right order
Experience first, then interface, because a beautiful screen does not fix a wrong path.
- 4
Accessibility
Enough color contrast, suitable touch sizes and keyboard navigation are part of both the experience and the interface.
- 5
Testing
Can users complete the task? How long does it take? Where do they get stuck? Test with real users before launch.
Starting with beautiful screens before mapping the user journey usually ends in a redesign once users find they cannot reach what they want.
- what does ux mean
- user interface vs user experience