UI란?

UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호작용 하는 시스템을 의미합니다. UI라 하면 웹페이지가 먼저 떠오르지만, 사람들이 키보드, 마우스와 같은 하드웨어를 사용해서 컴퓨터와 상호작용 하기 때문에, 키보드와 마우스도 UI입니다.

스마트폰과 컴퓨터뿐만 아니라 스마트워치, 키오스크, 대중교통 터치스크린 안내판 등 화면과의 상호 작용을 통해 사용하는 기기들이 많이 사용되고 있어서 그래픽 UI, 즉, GUI(Graphical User Interface)가 중요한 역할을 합니다.

GUI(Graphical User Interface, 그래픽 사용자 인터페이스)

사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경.
ex) 운영체제 화면, 애플리케이션 화면

UX란?

사용자가 어떤 시스템, 제품, 서비스를 직간접적으로 이용하면서 느끼고 생각하는 총체적 경험.
제품, 서비스에 대한 경험뿐만 아니라 홍보, 접근성, 사후 처리 등의 모든 경험을 뜻합니다.
예를 들어 휴대폰의 as 서비스도 UX와 관련이 있습니다.
UX 중에 프론트엔드 개발자에게 가장 중요한 요소는 UI입니다. 좋은 UI를 통해 사용자가 좋은 UX를 가질 수 있게 해야 합니다.

UI와 UX의 관계

UX는 UI를 포함하지만 좋은 UX가 좋은 UI를 의미하거나, 좋은 UI가 항상 좋은 UX를 보장하는 것은 아닙니다. 사용자가 이용하기 불편하게 해 놓은 나쁜 UI보단 좋은 UI가 좋지만, 기능도 잘 작동해야 좋은 UX가 될 수 있습니다.

이처럼 UI와 UX는 서로 보완해 주는 역할로, UX가 좋지 않은 곳을 찾아서 UI를 개선하기도 하고 그 반대의 경우도 있습니다.