🖥️ UI vs UX 차이는 뭐예요?

📚 [IT용어 쉽게 배우기 시리즈 #5]

🖥️ UI vs UX 차이는 뭐예요?

직접 눌러보며 느끼는 ‘사용자 경험’ 이야기

---

🧠 UI와 UX…

IT 뉴스, 채용공고, 서비스 기획에서 자주 보이죠?

• “이 앱은 UI가 예쁘네”
• “UX 개선이 시급합니다”
• “UI/UX 디자이너를 찾습니다”

근데요…

📌 "UI랑 UX는 뭐가 다른 거예요?"
📌 "그게 왜 중요한 건데요?"

이걸 한 번에 구분하기 어렵다면
지금 아주 잘 찾아오셨습니다 😎

---

🍔 햄버거 가게 비유로 쉽게 이해해볼까요?

🟩 UI란? → 사용자 인터페이스

“보이는 것, 눌러보는 것, 디자인적인 것”

🧾 메뉴판이 깔끔하고 보기 쉬워요
💡 계산기 화면이 크고 직관적이에요
🖱️ 버튼이 예쁘고 눈에 잘 띄어요

→ 이게 다 UI입니다!

---

🟦 UX란? → 사용자 경험

“직접 써보면서 느끼는 감정, 흐름, 편리함”

😋 음식이 빨리 나와요
😇 직원이 친절해요
😣 주문 과정이 복잡하면 짜증나요

→ 이게 바로 UX입니다!

---

📌 다시 말해, 정리하면 이렇게 됩니다!

구분	설명	예시
🎨 UI	보이는 것, 디자인	버튼, 글씨체, 색깔, 화면 배치
🧭 UX	써보는 느낌, 사용 경험	앱 흐름, 편리함, 인상, 감정

---

📱 앱에서 UI/UX 예시 보기

✅ 예시 1: 카카오톡

• UI: 말풍선, 노란색 톤, 메뉴 아이콘
• UX: 빠른 전송, 알림 진동, 사용자 맞춤 이모티콘

---

✅ 예시 2: 모바일 쇼핑 앱

• UI: 상품 정렬 버튼, 이미지 큼직함, 필터 아이콘
• UX: 결제까지 몇 번 눌러야 하는지, 로딩 속도, 배송 추적 편리함

---

🤔 그럼 UI/UX가 왜 이렇게 중요할까요?

이유	설명
👁️ 보기 쉬운 디자인	시각적 스트레스↓, 집중력↑
🧠 헷갈리지 않는 흐름	사용자가 이탈하지 않음
📈 좋은 UX = 사용자 만족	재사용률↑, 매출↑
💬 경쟁력 확보	비슷한 서비스 중 ‘느낌 좋은 곳’ 선택

---

💬 정리하면?

• UI는 눈에 보이는 것
• UX는 몸으로 느끼는 것

보기 좋은 앱 + 쓰기 편한 앱
이 두 가지가 조화를 이뤄야
진짜 ‘좋은 서비스’가 되는 거예요.

---

✅ 요약 정리

항목	UI	UX
뜻	사용자 인터페이스	사용자 경험
예시	버튼, 화면 디자인	편리함, 만족도
목표	예쁘고 보기 좋게	편하고 기분 좋게
핵심	눈	감정 + 기억