UX와 UI의 차이
UI(User Interface)는 사람과 정보기기가 접하는 면, 즉 화면을 의미하며, UX(User Experience)는 소프트웨어를 사용하는 사용자의 느낌, 태도, 행동을 포괄하는 경험이다. pxd 대표 이재용은 이 둘의 차이가 단순한 용어 차이가 아니라 인간을 바라보는 사고방식의 근본적 차이라고 설명한다.
UI 설계는 보편성을 지향한다. 누구에게나 편리하고 유용한 인터페이스를 만들기 위해 정량 조사를 중시한다. 반면 UX는 개성을 지향한다. 특정 사용자만 만족시키는 주관적 설계를 추구하며, 기능의 제거와 제약을 통해 차별화된 경험을 만든다. 아이폰이 복잡한 기능을 과감히 제거하고 미적 디테일을 강화한 것이 대표적 사례다.
UX의 정의는 단일하지 않다. 이재용은 UX에 관한 다양한 정의들이 세 가지 관점의 조합으로 만들어진다고 분석한다. 첫째, 작용 대상의 확대(컴퓨터에서 제품·서비스·회사 전체로), 둘째, 인간 반응의 확대(조작 반응에서 감정·인식·태도·행동 전체로), 셋째, 업무 분야의 통합(정보 디자인, 인터랙션 디자인, 시각 디자인의 융합)이 그것이다. ISO 9241-210, NN Group, 위키피디아 등 각 기관의 정의는 이 세 관점을 서로 다른 방식으로 조합한 것이다. UX 개념이 등장한 배경은 1990년대 중반 생산자 주도 사회에서 소비자 주도 사회로의 전환이며, 기존 UI 개념으로 설명되지 않는 것들을 포괄하기 위해 '경험'이라는 단어가 선택되었다.
핵심 내용
- 이재용(2011→2014): 아이유 언어유희·버스 광고·카페 메뉴판·판교 치과 상호 등 'UI'라는 용어가 일상 속으로 확산되는 과정을 사진으로 기록
- UI의 U는 보편적 인간을 모델로 한 "분석 대상", UX의 U는 주관적 인간을 모델로 한 "공감 대상"
- UX 설계의 두 축: 사용자 정황(context) 이해 + 목표에 대한 공감
- UI는 정량 조사, UX는 정성 조사를 중시
- 페르소나는 팀 전체가 동일한 사용자상을 공유하기 위한 공감 도구
- 1990년대 중반 노먼, 쿠퍼 등이 동시에 유사한 개념을 제시한 배경은 생산자→소비자 주도 사회로의 전환
- UX 정의의 세 관점: ① 작용 대상 확대 ② 인간 반응 확대 ③ 업무 분야 통합
- 無異(2010): UX디자인 = 문제를 고객경험 영역까지 확장한 UI 디자인 시도
- 디자인은 발산적 사고가 아닌 제약 기반의 수렴적·반복적 문제해결 과정, 문제 정의의 창의성이 핵심
- 경험경제(조셉 파인)·Re-imagine(톰 피터스)이 '경험'이라는 단어의 이론적 뿌리
- 서비스 디자인과 UX디자인은 문제 탐색 과정은 유사하나 산출물(서비스 vs UI)에서 갈림
- pxd 블로그에서 가장 이른 UX·UI 정의 논의는 2010년 3월 UI 스터디의 『Designing for the Digital Age』 1장 강독 토론
관련 개념
- 디자인 시스템 — 일관된 사용자 경험을 체계적으로 구현하는 수단
- 한글 입력 설계 — UI 설계의 구체적 사례
- 디자인의 정의와 본질 — 스티브 잡스의 "Design is how it works"와 대비되는 또 다른 디자인 정의
- UI 근본 문제와 UX 핵심 4단계 — 같은 저자가 제시한 UI 자원 배분 문제와 욕망 기반 UX 순환 모델
- 서비스 디자인 씽킹 — 같은 저자가 같은 해 제시한 "서비스 디자인 − Evidencing = UX, UX − Holistic = UI" 공식
- Lean UX와 Agile UX — 이재용이 이 UI/UX 논의의 연장선에서 시작한 Lean UX 연재
UI·UX 인식 차이 실증 조사 (2012). 이재용이 402명을 대상으로 실시한 설문 조사에서, UI와 UX를 구분하여 사용한다고 답한 비율은 55.6%, 큰 차이 없이 사용한다는 비율은 32.1%였다. 자신이 전문가라고 생각하는 사람일수록 구분 비율이 높아져 전문가 집단은 82.5%, 교수·연구자는 83.3%가 구분하여 사용한다고 응답했다. UI와 UX의 차이를 설명하는 방식에서는 "UI는 UX의 요소이며 도구이고, UX는 사용자의 목표 만족이나 총체적 감정"이라는 관점이 58.4%로 가장 높은 지지를 받았다. 역할 집단별 관점 차이도 두드러졌다: 실무자는 "요소도구-목표감정" 관점(72.1%)을 강하게 지지한 반면, 교수·연구자는 "제품·시스템·서비스까지 포괄"하는 관점(38.9%)을 더 많이 선택했다. 이는 실무자가 UI-UX의 역할적 위계에 집중하는 반면, 연구자는 경험 설계의 대상 범위 확장에 더 무게를 두는 경향을 보여준다.
UX와 UX디자인은 다른 개념이다. pxd의 無異는 UI-UX 논의에서 혼란이 발생하는 원인으로 "UX"와 "UX디자인"을 혼용하는 관행을 지목한다. UX는 사용자가 제품·시스템·서비스를 사용하며 총체적으로 느끼는 경험(감정·기억)이고, UX디자인은 그 경험을 더 좋게 만들기 위한 행위·과정·방법론이다. 이 둘을 같은 단어로 쓰면, 누군가는 경험 자체에 대해 말하고 다른 누군가는 설계 행위에 대해 말하는 상황이 벌어진다.
UX디자인 결과물에 대한 세 가지 관점: ① UI 자체와 다를 바 없다는 관점(가장 넓게 통용됨), ② UI+α로 기존 UI보다는 다른 무언가가 있지만 UI 범주를 완전히 벗어나지는 않는다는 절충안, ③ 컨셉모델(Concept Model)—사용자 경험이라는 총체적 관점에서 개별 경험 요소들의 설계 방향을 정하는 문제 정의 역할이라는 관점. 無異는 세 번째 관점을 지지한다. UX디자인은 사용자 경험 자체를 직접 만들 수는 없다(경험은 사용자 내면에서 발생하는 것이므로). 대신 "더 나은 사용자 경험"이라는 지향점 아래 UI·제품·서비스·환경을 통합적으로 바라보는 컨셉모델을 만들고, 개발 방향을 잡고, 최종 결과물에 대해 사용자 경험 피드백으로 반복하는 디렉팅 역할을 수행한다.
UX디자인 방법론은 UI디자인과 공유되며, UX디자인에만 고유한 방법론은 따로 없다. 관점이 다를 뿐이다. 따라서 "이것은 UI디자인이고 저것은 UX디자인"이라는 식의 방법론적 구분은 어렵다.
문제해결과 경험경제 관점 (無異, 2010): 앞선 정의보다 시기적으로 이른 2010년 글에서 無異는 UX디자인을 "문제를 고객경험의 영역까지 확장해 유저 인터페이스를 디자인하려는 시도"로 규정했다. 그는 디자인을 창의적·발산적 사고가 아니라 제약 속에서 이루어지는 수렴적·반복적 문제해결 과정으로 보며, 해결의 창의성보다 문제 정의의 창의성이 더 본질적이라고 주장한다. 그가 말하는 '경험'은 톰 피터스(Tom Peters)의 『Re-imagine!』과 조셉 파인(Joseph Pine)의 경험경제(Experience Economy) 개념에 뿌리를 둔다. 즉 제품·서비스 이후 산업이 고객에게 총체적으로 제공하는 상품으로서의 경험을 뜻하며, 이 관점에서 고객경험은 UI보다 넓은 영역이라 UI 업계가 먼저 '경험'이라는 용어를 선점했을 뿐, 결국 고객을 상대하는 모든 산업이 고객경험디자인으로 수렴할 것이라 전망한다. 이 틀에서 UI 디자인은 사용자와 도구·제품·서비스의 접점을 다루는 영역(information design·interaction design·IA·usability·HCI·human factors engineering 포함)이고, UX디자인은 문제를 UI 안에서만이 아니라 고객경험 전체로 확장해 정의하는 접근이다. 그는 이러한 문제 탐색 과정이 오늘날의 서비스 디자인과도 상당 부분 겹치며, 차이는 산출물이 UI 설계냐 서비스 영역 전체냐에 있을 뿐이라고 본다.
"UX 디자이너란 무엇인가"에 대한 초기의 유머러스한 시선 (2011): 위의 논의들이 2012년 전후 진지한 개념 정립을 다뤘다면, 그 이전인 2011년에는 "UX 디자이너가 정확히 무엇을 하는 사람인지 스스로도 잘 모르겠다"는 솔직한 고백에서 출발한 콘텐츠도 있었다. pxd 이재용은 UX 디자이너를 풍자적으로 소개하는 해외 유튜브 영상(davideandriolo, 2011)을 소개하며, "체험을 장식하는 사람·복잡하게 만드는 사람·흉내내는 사람으로 오인되곤 하지만, 실제로는 무작위한 표나 버튼보다 과업(Task)과 퍼소나(Persona)를 중시하고, 순서도나 예쁜 그림보다 포스트잇과 프로토타입을 선호하며 경험과 기술을 결합해 소프트웨어에 혼을 불어넣는 존재"라는 영상 속 정의를 인용했다. 이는 당시 UX 디자이너라는 직군 자체가 대중에게, 그리고 실무자 스스로에게도 명확히 설명하기 어려운 낯선 개념이었음을 보여주는 사례로, 이후 이어지는 UX/UI 정의 논쟁과 "나는 UX디자이너인가 UI디자이너인가?"라는 정체성 질문의 초기 배경이 된다.
가장 이른 기록 — UI 스터디의 도서 강독 토론 (2010): pxd 블로그에서 UX·UI 정의를 둘러싼 논의 중 가장 이른 기록은 2010년 3월 31일, UI 스터디 모임에서 도서 『Designing for the Digital Age』 1장을 읽고 나눈 토론이다. 작성자 mango01은 "가벼운 용어정의 주제로 진행했다"고 밝히며 참가자들의 발언을 그대로 정리했는데, 관점이 뚜렷하게 갈렸다 — UI는 인터페이스 설계, UX는 제품 전반의 경험 설계라는 대비적 구분, "결국 현업에서는 UX=UI 꼴이 된다. 인터페이스를 벗어나면 BI·CRM 등 다른 분야로 취급된다"는 냉소적 시각, '경험' 자체가 상품이 될 수 있다는 관점, UI는 출시 전 기획 단계·UX는 구매 후 사용 단계에 초점을 맞춘다는 시점 기반 구분, 그리고 "원래부터 디자인=문제해결이었고, UX는 그 본래 의미가 좀 더 충실히 구현된 새로운 용어일 뿐"이라는 관점 등이다. 명확한 결론 없이 토론으로 마무리됐지만, 아래 이재용·無異의 체계적 정의 논의(2010년 4월~2012년)보다 먼저 pxd 내부에서 UX·UI 용어를 둘러싼 혼란이 이미 화두였음을 보여주는 최초의 기록이다.
이어진 사내 소회 (2010): 위 토론이 있은 지 며칠 뒤, pxd 블로그에는 같은 주제를 개인적 소회로 정리한 짧은 글이 올라왔다. 당시 'UI랩'으로 불리던 팀 내부에서 "UX는 무엇이고 UI는 무엇이며, 우리 팀이 하는 일은 무엇인가"라는 질문이 화두로 던져졌는데, 참석자들은 각기 다른 관점을 내놓았다 — 사용자경험 디자인(UX)이 인터페이스 디자인(UI)을 포함한다는 관점, 1·2·3차 산업의 발전 단계에서 경제적 가치를 창출하는 새로운 개념이라는 관점(이후 이재용이 인용한 경험경제 이론과 상통), 그리고 UX란 특정 시점의 사고 필요에 따라 부각된 '용어'일 뿐 인터페이스 디자인을 포함한 모든 디자인 분야가 예전부터 암묵적으로 의식해 온 것이라는 관점이다. 글쓴이는 명확한 결론 대신 "'사람을 위한 것'이라는 생각만 분명하면 UX가 지향하는 감동을 만들 수 있다"는 소박한 다짐으로 글을 맺으며, 이 소회 끝에 회사명 PXD가 "People X Device(사람과 디바이스를 연결하는 고리)"의 줄임말이라는 점을 새삼 상기한다. 위 UI 스터디 토론과 함께, 2012년 전후 이재용·無異가 정립한 체계적 UX/UI 정의 논쟁보다 앞서 UX라는 개념이 아직 낯설었던 2010년 시점 실무자들의 초기 문제의식을 보여주는 기록이다.
"UI"라는 용어의 대중적 확산 (2011~2014): 이재용은 스티브 잡스 이후 UI라는 용어의 중요도가 대중적으로도 높아지고 있음을, 진지한 개념 정의가 아니라 일상에서 마주친 장면들을 사진으로 포착한 가벼운 관찰기로 남겼다. 가수 아이유가 케이윌의 뮤직비디오 '가슴이 뛴다'에 특별출연한 장면(1분 7초 지점)을 "IU(아이유)가 UI를 홍보한다"는 언어유희로 소개하고, 서울시 버스 옆면의 'UI'라는 광고 문구, 자신이 살던 가회동의 한 카페 메뉴판에 등장한 UI·UX·퍼소나·페르소나 같은 UX 전문 용어를 사진으로 나란히 제시하며 "서울에서 UI의 중심은 안국동·가회동"이라 농담한다. 2014년에는 "한국 소프트웨어 산업의 신흥 중심지 판교에서는 UI/UX가 화두"이며 "치과마저 UI란 이름 없이는 안 되는 듯하다"는 사진을 덧붙여, 3년 사이 UI/UX 용어가 IT 업계를 넘어 자영업 상호에까지 스며든 변화를 같은 형식으로 기록했다. 진지한 정의 논쟁과는 결이 다르지만, UI/UX라는 말이 낯설던 시기에서 누구나 쓰는 유행어가 되기까지의 변화를 사진 아카이브 형식으로 남겼다는 점에서 위 정의 논쟁들과 같은 시대적 배경을 공유한다.
출처
- (쉽게 쓴) UX란? 그리고 UI와 UX의 차이 — 2012-08-29, 이 재용
- UX란 무엇인가? (User Experience, 사용자 경험) — 2012-08-20, 이 재용
- UI와 UX의 차이 분석 (User Interfaces & User Experience) — 2012-08-27, 이 재용
- UI와 UX 인식 차이에 관한 조사 — 2012-08-23, 이 재용
- UX와 UX디자인은 달라요 — 2012-09-11, 無異
- 나는 UX디자이너인가 UI디자이너인가? — 2010-04-06, 無異
- UX Designer란? - ILUVUXDESIGN(동영상) — 2011-03-21, 이 재용
- UX 정말 가볍고 단순한 생각 — 2010-04-04, UX 가벼운 이야기
- Designing for the Digital Age : Chapter1. 각자 생각하는 UX와 UI의 정의!?! — 2010-03-31, mango01
- 아이유의 UI 홍보 — 2011-03-15, 이 재용