Internship
Student login
← UI/UX Design learning path
UI/UX Design · Module 1 of 10

UI vs UX

Understand user interface and user experience design.

📖 Key ideas

  1. UX (user experience) is how using a product feels end to end.
  2. UI (user interface) is the visual and interactive layer: screens, buttons, colours.
  3. Good UX solves real user problems; good UI makes it clear and attractive.
  4. Design thinking: empathise, define, ideate, prototype, test.
  5. Tools: Figma, Adobe XD, Sketch, Miro.
💡 Real-life example: UX is planning a comfortable journey; UI is the seats, signboards and paint of the bus.
UXUser experience
UIUser interface
Design thinkingHuman-centred problem-solving process
FigmaCollaborative design tool