UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다.
GUI는 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 말한다. GUI의 예시는 우리가 보는 운영체제(Window, Mac OS)의 화면, 혹은 애플리케이션 화면이 있다. 프론트엔드 개발자로서의 UI는 대부분 이 GUI를 의미한다. 따라서 앞으로 말하는 UI는 이 GUI를 의미한다고 생각해도 된다.
UX는 UI를 포함한다. 하지만 좋은 UX가 좋은 UI를 의미하거나, 좋은 UI가 항상 좋은 UX를 보장하지는 않는다.
보통은 나쁜 UI가 나쁜 UX를 유발하는 경우가 많지만, UI가 좋다 하더라도 UX가 좋지 않은 경우가 있다. 보기에는 좋아도 사용하기에 불편하거나, 제대로 기능하지 않는 경우가 이에 해당한다.
예를 들어, 보기 좋은 계산기가 있더라도 계산이 잘 안된다면 그것은 사용자 경험을 현저하게 떨어뜨린다. 따라서 UI가 보기 좋더라도 UX가 안 좋은 결과물이 나올 수 있다.