[UI/UX] UI/UX 의 정의 및 관계

Hyun Jin·2023년 2월 15일
0
post-thumbnail

UI


UI(User Interface, 사용자 인터페이스)

UI(User Interface, 사용자 인터페이스) : 사람들이 컴퓨터와 상호 작용하는 시스템.
사용자와 서비스나 제품의 상호작용과 의사소통을 원활하게 해주는 접점에 존재하는 것. 사용자가 보게 되는 디자인, 레이아웃 등을 아우르는 개념.

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

GUI: 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경.
사용자가 편리하게 사용할 수 있도록 입출력 등의 기능을 알기 쉬운 아이콘 따위의 그래픽으로 나타낸 것.

  • 운영체제/어플의 화면, 마우스, 아이콘, 윈도우가 대표적임. 즉각적인 시각적 피드백을 주어서 가시적이고 물질적인 그림으로 나타내줌.
    GUI의 동작은 일반적으로 그래픽 요소의 직접 조작을 통해 수행됨.

  • 예를 들어 마우스로 파일을 클릭, 드래그해서 휴지통 아이콘의 휴지통에 끌어다 놓으면 삭제되는 기능을 들 수 있음. 사용자는 마우스로 드래그한 파일이 삭제되었다는 것을 가시적으로 알 수 있음.

UX


UX(User Experience, 사용자 경험)

  • NN/g 에서 정의한 UX :
    UX(User experience, 사용자 경험)은 최종 사용자가 회사, 서비스 및 제품과 상호 작용하는 모든 측면을 포함한다

사용자가 어떤 시스템, 제품, 서비스를 직.간접적으로 이용하면서 느끼고 생각하는 총체적 경험.

  • 예를 들어 유저가 쇼핑몰 앱으로 물건을 구매할 경우, 유저가 앱을 실행시켰을 때부터 상품 검색, 정보 탐색, 장바구니 담기, 결제 과정, 배송 및 사후 관리 등 까지의 모든 과정상의 경험을 가리킴.
  • NN/g에서 꼽는 훌륭한 사용자 경험을 만들기 위한 UX에서는 필요한 두 가지 요소
  1. 고객을 번거롭게 하지 않으면서도 사용자의 요구 사항을 정확하게 충족시키는 것
  2. 단순함(Simplicity)와 우아함(Elegance)

* NN/g(The Nielsen Norman Group) : UX 라는 용어를 처음 사용한 인지심리학자 도널드 노먼과 제이콥 닐슨이 설립한, UX에 대한 다양한 강의, 워크샵, 컨설팅 등을 진행하는 리서치/컨설팅 회사.

UI와 UX의 관계


  • UX 디자인은 경험의 전반적인 느낌에 관한 것이고 UI 디자인은 제품의 인터페이스가 어떻게 보이고 기능하는지에 관한 것.
  • UX는 UI를 포함하며, 상호보완적인 관계임.

🔗 참고 사이트 :
UX/UI 디자인 정의, 특징, 차이점 완벽하게 파악해봅시다
The Difference Between UX and UI Design – A Beginner’s Guide

profile
새싹 프론트엔드 개발자

0개의 댓글