프로덕트 / 협업
UI/UX
UI/UX는 사용자가 보는 인터페이스와 제품을 사용하는 전체 경험을 함께 다루는 설계 영역입니다.
쉬운 설명
사용자가 보는 인터페이스와 제품을 사용하는 전체 경험을 함께 다루는 설계 영역.
배경과 쓰임까지 이해하기
조금 더 자세히
UI/UX는 사용자가 화면을 보고 이해하고 원하는 일을 끝낼 수 있게 만드는 설계 영역입니다. 보통 UI는 버튼, 입력창, 색상, 배치, 타이포그래피처럼 눈에 보이는 요소에 가깝고, UX는 사용자가 목표를 달성하는 전체 흐름에 가깝습니다. 예를 들어 검색 결과를 어디에 보여줄지, 버튼 문구를 어떻게 쓸지, 오류를 어떻게 안내할지, 모바일에서 어떤 순서로 배치할지, 빈 상태와 로딩 상태를 어떻게 처리할지 등을 다룹니다.
예쁜 화면만으로는 부족하고, 사용자가 헷갈리지 않고 빠르게 행동할 수 있어야 합니다. 한마디로, UI/UX는 화면과 흐름을 함께 설계해 사용자가 쉽게 목적을 이루게 하는 일입니다.
실제로는 이렇게 만나요
버튼 위치와 색은 UI에 가깝고, 사용자가 목표를 달성하기까지의 흐름과 감정은 UX에 가깝습니다.
- 이런 거 할 때 나와요 AI가 화면을 빠르게 만들어도 사용자가 이해하고 반복해서 쓸 수 있어야 제품이 됩니다.
- 이렇게 생겼어요 UI/UX은(는) Frontend, Figma, CX 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
- 나오는 화면 예시 프로덕트 / 협업 작업을 하다가 Frontend, Figma, CX를 확인하는 화면
헷갈리기 쉬운 점
예쁜 화면과 좋은 UX는 다릅니다. 사용자의 목표, 맥락, 실수 가능성까지 봐야 합니다.
왜 알아두면 좋을까요?
AI가 화면을 빠르게 만들어도 사용자가 이해하고 반복해서 쓸 수 있어야 제품이 됩니다.
Checklist
실제로 볼 때 확인할 것
- 01
주요 사용자 행동을 정한다
- 02
모바일과 빈 상태를 확인한다
- 03
문구와 흐름이 자연스러운지 본다