UI (User Interface, 사용자 인터페이스)
-
사람들이 컴퓨터와 상호작용하는 시스템
-
화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적요소도 컴퓨터와 상호작용하기 위한 시스템이므로 UI라고 볼 수 있다.
-
GUI (Graphical User Interface, 그래픽 사용자 인터페이스)
사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업환경
프론트엔드 개발자로서의 UI는 대부분 GUI를 의미
UX (User Experience, 사용자 경험)
-
사용자가 어떤 시스템, 제품, 서비스를 직·간접적으로 이용하면서 느끼고 생각하는 총체적인 경험
-
제품, 서비스 그 자체에 대한 서비스는 물론 홍보, 접근성, 사후처리등 직·간접적으로 관련된 모든 경험을 사용자 경험이라고 한다.
-
UX에 영향을 많이 주는 요소중에서 프론트엔드 개발자에게 가장 중요한 요소는 바로 UI
-> 좋은 프론트엔드 개발자라면 제품이나 서비스의 UI가 사용자로 하여금 가능하면 좋은 UX를 가질수 있도록, 최소한 나쁜 경험은 하지않도록 해야한다.
UI와 UX의 관계
- UX는 UI를 포함한다.
하지만 좋은 UX가 좋은 UI를 의미하거나,
좋은 UI가 좋은 UX를 보장하진 않는다.
- UI와 UX는 서로 보완하는 역할로 서로 계속해서 발전 시킬수 있다.
