지식 · IT·데이터·DX
UX · UI
User Experience / User Interface
📂IT·데이터·DX⏱읽기 1분📊실무🔗관련 4
UX이란?
한 줄 정의
UX는 사용자가 겪는 전체 경험, UI는 눈에 보이는 화면·조작 요소. 좋은 제품의 사용성을 결정한다.
⚡ 3줄 요약
- UX=쓰면서 느끼는 전체 경험
- UI=보이는 화면·조작 요소
- 보기 좋음≠쓰기 좋음
UI(User Interface)는 버튼·메뉴·색·레이아웃처럼 사용자가 직접 보고 만지는 화면 요소입니다. UX(User Experience)는 그 제품을 쓰며 느끼는 전체 경험 — 쉬운지, 편한지, 원하는 걸 빨리 할 수 있는지입니다. UI는 UX의 일부로, '보기 좋은 화면(UI)'과 '쓰기 좋은 경험(UX)'은 다릅니다.
예쁜 UI라도 흐름이 헷갈리면 UX가 나쁘고, 반대로 화려하지 않아도 직관적이면 UX가 좋습니다. 좋은 UX/UI는 사용자를 이해하는 데서 출발합니다(사용자 리서치·디자인 씽킹). 전환율·만족도·재방문에 직결되므로, 제품·서비스의 성패를 좌우합니다. 바이브 코딩으로 무언가를 만들 때도 'UI만'이 아니라 '사용자 경험'을 먼저 생각하는 것이 중요합니다.
💡 쉽게 말하면
UI는 자동차의 디자인, UX는 실제 운전 경험 — 예뻐도 불편하면 UX가 나쁩니다.
실무에서 왜 중요한가
보기 좋은 것과 쓰기 좋은 것은 다릅니다. UX/UI가 사용성·전환·만족을 좌우해 제품 성패를 가릅니다.
유래와 출처
UX라는 용어는 1990년대 도널드 노먼(Donald Norman)이 대중화했으며, 인간 중심 디자인의 핵심 개념이 됐습니다.
출처 · Donald Norman(1990s)
사례로 이해하기
예를 들어, 신청 화면의 UX/UI를 개선한다고 해봅시다.
- 이해 — 사용자가 무엇을 원하는지 파악합니다.
- 흐름(UX) — 신청 과정을 간결하게 설계합니다.
- 화면(UI) — 버튼·배치를 직관적으로 만듭니다.
- 검증 — 실제 사용 테스트로 확인합니다.
- 개선 — 불편한 지점을 다듬습니다.
관련 용어
고객 경험 · CX고객이 브랜드와 만나는 모든 접점에서 느끼는 총체적 경험. 제품 자체를 넘어 '어떻게 느꼈나'가 충성을 만든다.디자인 씽킹사용자 공감에서 출발해 문제를 새롭게 정의하고, 빠른 시제품·실험으로 해결하는 혁신 방법론.전환율 최적화 · CRO방문자 중 실제 행동(가입·문의·구매)으로 이어지는 비율을 데이터·실험으로 끌어올리는 활동.반응형 웹화면 크기에 맞춰 레이아웃이 자동으로 바뀌어, PC·태블릿·모바일 어디서나 보기 좋게 만드는 웹 디자인 방식.
이 용어와 연결된 교육
📚Claude Code로 실무 웹사이트 만들기나눔경영컨설팅 기업교육 · 대면/온라인과정 보기 →이 주제로 사내 교육이 필요하신가요?
담당자 맞춤 커리큘럼·견적을 바로 받아보세요.
자주 묻는 질문
UI는 '보이는 화면 요소', UX는 '쓰면서 느끼는 전체 경험'입니다. UI는 UX의 일부입니다.
아닙니다. 예뻐도 흐름이 헷갈리면 UX가 나쁩니다. 직관적이고 편한 경험이 핵심입니다.
UI는 '보이는 화면 요소', UX는 '쓰면서 느끼는 전체 경험'입니다. UI는 UX의 일부입니다.
아닙니다. 예뻐도 흐름이 헷갈리면 UX가 나쁩니다. 직관적이고 편한 경험이 핵심입니다.