TIL) UI, UX, UI와 UX의 차이점

정우시·2022년 8월 23일
1

2. 코드스테이츠

목록 보기
38/52
post-custom-banner

UI/UX 개념

UI

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

  • GUI는 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 말한다. GUI의 예시는 우리가 보는 운영체제(Window, Mac OS)의 화면, 혹은 애플리케이션 화면이 있다. 프론트엔드 개발자로서의 UI는 대부분 이 GUI를 의미한다. 따라서 앞으로 말하는 UI는 이 GUI를 의미한다고 생각해도 된다.

UX

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

UI와 UX의 관계

  • UX는 UI를 포함한다. 하지만 좋은 UX가 좋은 UI를 의미하거나, 좋은 UI가 항상 좋은 UX를 보장하지는 않는다.

  • 보통은 나쁜 UI가 나쁜 UX를 유발하는 경우가 많지만, UI가 좋다 하더라도 UX가 좋지 않은 경우가 있다. 보기에는 좋아도 사용하기에 불편하거나, 제대로 기능하지 않는 경우가 이에 해당한다.

  • 예를 들어, 보기 좋은 계산기가 있더라도 계산이 잘 안된다면 그것은 사용자 경험을 현저하게 떨어뜨린다. 따라서 UI가 보기 좋더라도 UX가 안 좋은 결과물이 나올 수 있다.

profile
프론트엔드 공부하고 있는 정우시입니다.
post-custom-banner

0개의 댓글