UI

💡UI(User Interface) : 사용자 인터페이스
사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다.
보통 화면상의 그래픽 요소만 생각하지만, 키보드, 마우스 등의 물리적 요소로도 컴퓨터와 상호작용하기 위한 시스템으므로 UI라고 볼 수 있다.

터치로 상호 작용할 수 없엇던 과거에는 숫자버튼, 방향버튼 등 다양한 종류의 물리적 UI와 터미널과 같은 CLI와 키보드를 이용해서 텍스트만으로 컴퓨터와 상호작용 할 수 밖에 없었지만, 스마트폰이 대중화되고, 점차 스마트워치, 키오스크 등 화면과이 상호 작용을 통해 사용하는 기기들을 어렵지 않게 찾아볼 수 있게 되며, 현대사회에서는 그래픽 UI, 즉 GUI가 굉장히 중요한 역할을 하게 되었다.

💡CLI(Command Line Interface) : 명령줄 인터페이스 ex) 터미널
💡GUI(Graphical User Interface) : 그래픽 사용자 인터페이스

GUI

사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업환경을 의미한다. 프론트엔드 개발자로서의 UI는 대부분 이 GUI를 의미한다.
ex) 운영체제(Window, Mac OS)의 화면, 또는 애플리케이션 화면

UX

💡UX(User Experience) : 사용자 경험
사용자가 어떤 시스템, 제품, 서비스를 직접적, 간접적으로 이용하면서 느끼고 생각하는 총체적 경험을 의미한다.
제품, 서비스 그 자체에 대한 경험은 물론, 홍보, 접근성, 사후 처리 등 직간접적으로 관련된 모든 경험을 사용자 경험이라고 할 수 있다.

UX에 영향을 주는 많은 요소 중 프론트엔드 개발자에게 가장 중요한 요소가 바로 UI이다.
제품이나 서비스의 UI가 사용자로 하여금 가능하면 좋은 UX를 가질 수 있도록, 최소한 나쁜 경험은 하지 않도록 해야 한다.

UI와 UX의 차이점

UI와 UX의 관계

UX는 UI를 포함한다.
좋은 UX가 좋은 UI를 의미하거나, 반대로 좋은 UI가 항상 좋은 UX를 보장하지는 않는다.
그렇지만 나쁜 UI는 보통 나쁜 UX를 유발한다.

UI와 UX는 서로 다르지만 떼어낼 수 없는 관계이며, 서로를 보완하는 역할을 한다.
UX가 좋지 않은 곳을 찾아냄으로써 UI 개선점을 찾아낼 수 있고, UI를 개선함으로써 UX가 좋아지기도 한다. 이렇게 UX와 UI는 서로를 계속해서 발전시킬 수 있다.