UX UI 차이 - UX UI chai

1. UI(User Interface)

사용자 인터페이스(UI: User Interface)는 사람과 사물 또는 시스템, 특히 기계, 컴퓨터 프로그램 등 사이에서 의사소통을 할 수 있도록 일시적 또는 영구적인 접근을 목적으로 만들어진 물리적, 가상적 매개체를 뜻합니다. 즉, UI는 사람들이 컴퓨터와 상호작용하는 시스템입니다.

UI는 쉽게 말해서 사용자가 컴퓨터 프로그램 또는 모바일 앱을 사용할 때 마주하는 디자인, 레이아웃 등 직접 눈으로 보이는 것을 뜻하기도 합니다. 이 안에는 폰트, 색, 이미지 등의 디자인적 요소와 사용자의 입력에 의해서 발생하는 동작 등의 모든 것들을 포함하고 있습니다. 한마디로 우리가 사물 또는 기계와 의사소통하는 주요 수단입니다.

UI는 물리적인 하드웨어와 논리적인 소프트웨어 요소를 포함하고 있는데요. UI는 크게 세 가지 수단(입력, 출력, 삭제)으로 이루어져 있습니다.

• 입력 : 사용자가 시스템을 조작할 수 있도록 합니다.(키보드 입력, 마우스 클릭, 스마트폰 터치 등)
• 출력 : 시스템이 사용자의 입력으로 부터의 결과물을 표시합니다.(모니터, 스피커, 스마트폰 화면 등의 표시)
• 삭제 : 시스템이 사용자가 잘못 입력한 것들을 삭제합니다.

이러한 UI를 판단하는 기준에는 사용성이 있습니다. 좋은 UI는 심리학과 생리학에 기반하여, 사용자가 필요한 요소를 쉽게 찾고 사용하며, 그 요소로부터 명확하게 의도한 결과를 쉽게 얻어낼 수 있어야 합니다. 이를 사용성이라 하며, 사용성이 높으면 높을수록 좋은 UI라고 판단할 수 있겠습니다.

2. UX(User Experience)

사용자 경험(UX: UserExperience)은 사용자가 어떤 시스템, 제품, 서비스를 직·간접적으로 이용하면서 느끼고 생각하게 되는 총체적인 경험을 말합니다. 단순히 기능이나 절차상의 만족뿐만 아니라 전반적인 지각 가능한 모든 면에서 사용자가 참여, 사용, 관찰하고 상호 교감을 통해 알 수 있는 가치 있는 경험입니다.

긍정적인 UX는 산업 디자인, 소프트웨어 공학, 마케팅, 경영학 등의 여러 기업 또는 학문에서 중요하게 다루고 있는 과제이며 이는 사용자 니즈의 만족, 브랜드의 충성도 향상 등 시장에서의 성공을 가져다 줄 수 있는 주요 사항입니다.

부정적인 UX는 사용자가 원하는 목적을 이루지 못할 때나 목적을 이루더라도 감정적, 이성적, 경제적으로 편리하지 못하거나 부정적인 반응을 일으키는 경험을 하게 되는 경우 발생할 수 있습니다.

긍정적인 UX를 개발하고 만들어내기 위해서는 학술적, 실무적 경험을 바탕으로 만들어야 하는데 이를 사용자 경험 디자인(UX design)이라 합니다. UX 디자인은 영역에 따라 제품 디자인, 상호작용 디자인, UI 디자인, 정보 구조, 사용성 등의 분야에서 주로 연구 및 개발되고 있으나, 다학제적이며 다양한 분야의 시각에서 접근해 나가야 하는 핵심적인 원리를 바탕으로 해야 합니다.

이러한 UX는 다소 체계적이고 정형화된 룰을 구축하고 있는 UI와는 다르게 사용자 기반의 통계자료 또는 데이터를 기반으로 사용자의 특성을 면밀히 분석하여 변화의 흐름을 알맞게 적응하는 것에 목적을 두고 있습니다. 또한, UI는 컴퓨터가 등장한 시기인 1945~1968년도에 등장하여 꾸준히 연구된 반면에 UX는 1974년 에드워드(E.C. Edwards)와 카시크(D.J. Kasik)의 사이버 그래픽 터미널에서의 사용자 경험이라는 글에서 처음 언급되었으며, 1980년대에 드러서야 수많은 연구가 이루어졌습니다.

3. UI vs UX

그렇다면, 도대체 UI와 UX 중 무엇이 더 중요한 거야?라고

질문을 던질 수 있습니다. 하지만 이 둘은 뗄래야 뗄 수 없는 사이입니다. UI가 존재해야 UX가 존재하며, UX가 발전해야 UI를 잘 만들 수 있기 때문입니다.

간단히 예를 들어 친구에게 선물을 주려고 할 때, 물건을 담을 포장 박스의 크기, 색상, 끈 등을 어떤 걸 사용하여 배치할지 고민하는 것이 UI, 선물을 받은 친구가 포장박스를 뜯고, 물건을 사용하는 모든 과정의 만족감을 고려하는 것이 UX라 볼 수 있습니다.

정리하자면, UI는 사용자와 프로그램 사이에서 레이아웃과 구조, 색상, 모양 등의 시각적인 것에 대한 배치를 고려하는 것이라면 UX는 이러한 프로그램에는 무엇을 도출해낼지 전반적으로 구상하고 정보를 수집하여 설계하는 것입니다.

안녕하세요. 머니큐레이터 입니다.

요즘 SNS 마케팅 관련 강의를 들으면서 가끔 듣게 되는 단어 중 하나가 UI 입니다. 대략 어떤 것을 말하는지 느낌으로는 알겠지만 정확히 어떤 의미인지 설명이 쉽지 않더라구요. 보다 정확한 뜻을 알고 싶다는 생각에 UI와 함께 자주 사용되는 UX라는 용어도 정리하게 되었습니다. 그래서 오늘은 제가 정리한 UI와 UX의 뜻, 차이점 그리고 상관관계에 대한 내용을 공유하고자 합니다.

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

UI란? User Interface(사용자 인터페이스)의 약자로 컴퓨터, 웹사이트, 시스템 등의 정보기기와 유저가 만나는 면을 말합니다. 즉, 정보기기와 유저가 서로 상호작용을 할 수 있도록 연결해주는 매개체입니다. 예를 들어 유저가 IT 기기를 작동시키기 위해 사용하는 디스플레이 화면, 아이콘, 검색창, 키보드, 문자, 색상, 폰트 등의 디자인 적인 요소 뿐만 아니라 반응형 등의 기술적인 요소를 모두 포함합니다.

UI의 핵심은 특별한 설명이 없더라도 누가 봐도 알기 쉽게 이용할 수 있도록 만든 보편적이고 직관적인 디자인이어야 합니다. 그러나 모든 유저를 만족시킬 수는 없으므로 불만족을 최소화 하는 데에 촛점을 맞춥니다.

UX(User eXpierence): 사용자 경험

UX란? User eXperience(사용자 경험)의 약자로 사용자가 컴퓨터, 웹사이트, 시스템 등 정보기기의 UI(사용자 인터페이스)를 직,간접적으로 이용하며 경험한 모든 것을 말합니다. 예를 들어 모바일 디바이스에 대한 사용자 경험이라고 한다면, 그 디바이스를 매장해서 구매할 때의 느낌, 집에서 포장 박스를 개봉할 때의 느낌, 디바이스에 초기 세팅을 하고 어플리케이션을 설치할 때의 느낌, 디바이스의 인터페이스를 사용할 때 느끼는 만족감 혹은 불편함, 통신사의 요금제 까지 유저가 모바일 디바이스를 사용할 때의 모든 행동, 느낌, 감정 등이 사용자 경험에 포함됩니다.

UX 디자인이란 용어도 많이 들어보셨을 텐데요, 바로 이런 사용자들의 경험을 분석하여 통계를 낸 데이터를 기반으로 사용자들의 불만족을 최소화하고 보다 편리하게 이용할 수 있도록 디자인하는 것을 말합니다. 즉, UI를 기반으로 유저들의 공감과 만족을 끌어내는 역할이 UX입니다.

UI와 UX의 차이점

UI는 UX를 기반으로 시각적인 요소에 중점을 두는 반면, UX는 UI를 사용하는 사용자들의 경험(니즈)을 분석하여 보완하는 것에 중점을 두는 것이 가장 큰 차이입니다. 예를 들어, 유저가 어플을 다운받기 편하게 눈에 잘 띄는 폰트, 색상 등을 고려해서 디자인하는 것이 UI의 영역이라면 어플을 다운받는 순간부터는 UX의 영역이 됩니다.

UI와 UX의 상관관계

**UX로 유저들의 니즈 파악 -> UI 업그레이드 -> UX 만족감 상승 -> UI 업그레이드: 상호작용 관계

UX를 바탕으로 유저들의 니즈를 파악할 수 있고 이 니즈를 바탕으로 UI를 업그레이드할 수 있습니다. UI가 업그레이드 되면 UX에 대한 만족도가 올라갑니다. UX의 만족도가 높아지면 또 다시 업그레이드된 UI를 만들 수 있고 UX의 만족도는 더 올라갑니다. 이렇게 UI, UX는 서로 다른 분야가 아닌 상호작용의 관계라고 볼 수 있습니다.

그러나 UI와 UX의 만족도가 늘 일치하는 것은 아닙니다. 대표적인 예가 맥북 유저의 UX입니다. 맥북의 유저들은 보편적이지 않은 UI에 대한 불편함(다른 기기, 다른 운영 체제와의 호환 문제)을 감수하고 사용함에도 불구하고 UX 만족도가 높은 편입니다. 아이폰 유저의 UX도 비슷한 예 입니다. 아이폰 UI(다른 기종과 호환되지 않는 기능이나 충전 단자 등)의 불편함을 감수하고 아이폰을 사용하는 유저들은 '보편성'보다 '차별화'된 UX를 선택했기 때문입니다.      

사용자들의 선호도나 사용 목적에 따라 다르긴 하겠지만 대체적으로 UI의 보편성, 편리성에 비중을 더 크게 두는 유저라면 맥북이나 아이폰의 UX 만족도가 아무리 높다 해도 사용하지 않을 것입니다. 하지만 맥북이나 아이폰 유저들의 충성도는 다른 기기와 다르게 높은 편 입니다. 즉, UI는 보편성, 직관성, 편리성을 추구하는 반면 UX는 UI의 방향과 반드시 일치하지 않을 수 있으며 오히려 차별화된 UX가 사용자의 충성도를 높이거나 기업의 아이덴티티, 비즈니스 인사이트를 제공할 수 있습니다.

오늘은 헷갈리기 쉬운 IT 용어인 UI와 UX의 뜻, 차이점, 상관관계에 대해 알려드렸습니다.

구독♥공감♥댓글♥감사합니다.