마이크로 인터랙션(Microinteraction)은 사용자의 행동에 따라 발생하는 아주 작고 짧은 상호작용을 말해요.

작지만 사용성, 직관성, 감성까지 책임지는 핵심 요소랍니다! ✨

예를 들어

✔️ 버튼 클릭 시 색이 변하는 효과

✔️ '좋아요'를 누르면 하트가 튀는 애니메이션

✔️ 이메일 입력 오류 시 붉은 경고 표시

이런 게 모두 마이크로 인터랙션이에요.

🎯 왜 중요할까요?

피드백 제공, 상태 전달, 전환 안내, 그리고 감성적 만족감까지!

사용자에게 시스템이 제대로 반응하고 있다는 걸 보여주죠.

⚙️ 구성 요소 4가지

Trigger(트리거): 사용자의 행동을 감지

Rules(규칙): 어떤 반응이 일어날지 정함

Feedback(피드백): 애니메이션이나 소리 등

Loops & Modes: 반복되거나 조건에 따라 달라짐

💡 어디에 쓰일까요?

버튼 클릭, 스크롤, 폼 입력 오류

로딩 상태, 탭 이동, 알림 등장 등

사용자가 앱이나 웹을 쓸 때 거의 모든 곳에 활용돼요!

🧠 기억하세요!

너무 화려하거나 느리면 오히려 혼란 😵

0.2~0.5초 이내로 자연스럽고 의미 있게

접근성과 일관성도 꼭 고려해야 해요.

작지만 강력한 마이크로 인터랙션

UX를 살리는 비밀 무기랍니다! 🪄

당신의 서비스에도 꼭 활용해보세요 💡