[사용자 행동에 따라 바뀌는 ‘상태(state)’까지 설계해야 진짜 UX]

UI는 보이는 게 전부가 아니야. 사용자 행동에 따라 바뀌는 ‘상태(state)’까지 설계해야 진짜 UX야.

예를 들어 버튼 하나에도 최소 4가지 상태가 있어.

📌 버튼의 기본 상태값

1️⃣ 기본(Default) – 평소 모습

2️⃣ 호버(Hover) – 마우스 올렸을 때

3️⃣ 액티브(Pressed) – 클릭 순간

4️⃣ 비활성(Disabled) – 조건 미충족 시

(+ 추가로 로딩, 선택됨, 오류 상태 등도 고려 가능)

이건 버튼만의 이야기가 아니야.

입력창, 카드, 리스트, 모달, 토글 등 모든 컴포넌트는 상태값이 존재해.

👉 상태값 없이 만드는 컴포넌트는 디자인이 아니라 이미지일 뿐이야.

꼭! 인터랙션 흐름 속에서 모든 상태를 체크해보자.