UI(User Interface, 사용자 인터페이스)
사람들이 컴퓨터와 상호 작용하는 시스템을 UI(User Interface)라고 부릅니다. 화면상의 그래픽 요소 외에도 키보드, 마우스 등의 물리적 요소도 UI라고 볼 수 있습니다.
최근에는 스마트폰의 대중화 및 스마트워치, 키오스크 등 다양한 기기들이 등장하여 그래픽 기반의 GUI가 중요한 역할을 하게 되었습니다.
GUI(Graphical User Interface, 그래픽 사용자 인터페이스)
사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 GUI(Graphical User Interface) 라고 합니다. 대표적인 예로는, 운영체제(Window, Mac 등의 OS)의 화면과 애플리케이션 화면 등이 있습니다. 일반적으로 프론트엔드 개발자로서의 UI는 GUI를 의미합니다.
UX(User Experience, 사용자 경험)
UX(User Experience)는 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험을 말합니다. UX에 영향을 주는 요소들은 많지만, 프론트엔드에서 가장 중요한 요소는 UI입니다. UI에 따라 UX가 좋아질 수도 또는 오히려 나빠질 수도 있습니다.
UX와 UI의 관계
결론적으로 UI는 UX에 포함된다고 말할 수 있습니다. 물론 좋은 UI가 좋은 UX를 의미하는 것은 아니지만, UI가 나쁜경우 UX도 좋지 않을 가능성이 큽니다.
예쁜 디자인을 가진 UI가 UX가 좋지 않은 경우도 있기는 하지만 UI가 나쁜경우 UX가 좋기는 힘듭니다.
프론트엔드 개발자