🐣 STUDY/UIUX

🌸 [UI/UX] UI/UX의 이해

드림오구 2023. 4. 13. 16:00

 

🌊 UI/UX의 이해

 

Designed by Freepik

 

 

UI (User Interface)

: 사용자 인터페이스. 사람들이 컴퓨터와 상호 작용하는 시스템.

요즘은 화면상의 그래픽 요소를 UI라고 지칭하지만, 키보드, 마우스 같은 컴퓨터와 상호 작용하는 물리적 요소도 UI라 부른다. 

 

출처 Skills Dynamix

 

 

레아이우스 폰트, 색상 등의 시각적인 요소 뿐만 아니라 효과음 등의 비시각적인 부분도 UI라고 할 수 있습니다. GUI는 UI중에서도 시각적인 부분만을 표현하는 개념입니다. 요즘에는 화면과 상호 작용을 통해 사용하는 기기들을 어렵지 않게 찾아볼 수 있습니다. 현대 사회에서는 GUI가 굉장히 중요한 역할을 하게 되었습니다. 일반적인 웹, 앱 디자인을 의미하며, 사실상 국내에선 UI와 GUI를 구분하지 않고 있습니다. 

 

 

UX(User Experience)

UI와 긴밀한 관계인 UX는 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험입니다. 제품, 서비스 그 자체에 대한 경험은 물론, 홍보, 접근성, 사후 처리 등 직간접적으로 관련된 모든 경험도 사용자 경험이라 할 수 있습니다.

 

예를 들어, 배달 음식을 시키기 위해 배달 어플을 사용할 때, 내가 원하는 메뉴나 가게를 쉽게 찾을 수 있는 지, 정보는 명확하게 제공되는 지, 주문 방법은 쉬운 지, 등 사용하는 과정상의 모든 경험을 UX라고 할 수 있습니다. 

 

좋은 UX 디자인이란 고객을 번거롭게 하지 않으면서도 요구 사항을 정확히 충족시킬 줄 알아야 합니다.

 

 

 

UI와 UX의 차이

 

 

UX는 UI를 포함한다. 또한 좋은 UX가 좋은 UI를 의미하거나, 좋은 UI가 항상 좋은 UX를 보장하진 않습니다. 계산기 어플리케이션은 보기 좋은 디자인의 UI는 아니지만 계산기 기능을 훌륭히 제공하므로 UX는 훌륭합니다. 좋은 UX가 좋은 UI를 의미하지 않음을 보여줍니다.

 

반대로, 누가 봐도 세련되고 보기 좋은 UI의 계산기가 입력한 숫자가 아닌 다른 숫자를 화면에 띄우거나, 계산 결괏값이 제대로 나오지 않는다면 UI가 아무리 좋아도 UX는 좋지 않을 것입니다. (사실 이런 게 계산기라고 불러도 될 지 모르겠지만) 이는 좋은 UI가 좋은 UX를 보장하지 않음을 보여줍니다.

 

하지만 나쁜 UI는 보통 나쁜 UX를 유발합니다. 누가 봐도 버튼 처럼 생겼으나 버튼처럼 작동하지 않는다면 사용자 경험은 좋지 않게 되기 때문입니다.