사용자 친화 웹 UI/UX

jung_ho9 개발일지·2022년 12월 19일
0

WEB/UI/UX

목록 보기
1/14
post-thumbnail

UI(User Interface)


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

GUI(Graphical User Interface)


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

UX(User Experience)


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

UI와 UX의 관계


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

아래 이미지는 나쁜 UI의 예시이다. 이런 UI는 UX에 좋지 않습니다.

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

profile
꾸준하게 기록하기

0개의 댓글