UI 컴포넌트2 Rive 상태 기계 (입문, Figma 동기화, 컴포넌트) 애니메이션 툴을 바꾼다고 해서 사용자 반응이 달라질까요? 저는 반신반의하면서 Lottie를 버리고 Rive로 갈아탔고, 결과적으로 NPS가 6에서 9로 뛰었습니다. 도구 하나가 그 차이를 만들었다기보다, 상태 기계(State Machine)라는 개념이 인터랙션 설계 방식 자체를 바꿔놓은 겁니다. 이 글은 그 경험을 토대로 Rive 상태 기계의 구조와 실무 적용법을 논리적으로 풀어봅니다.상태 기계 입문: 노드와 트랜지션의 구조Rive의 애니메이션 작업은 타임라인(Timeline) 방식과 상태 기계(State Machine) 방식으로 나뉩니다. 타임라인은 Lottie와 비슷하게 프레임 단위로 움직임을 정의하는 방식입니다. 반면 상태 기계는 각 애니메이션을 하나의 '상태(State)'로 보고, 상태 간 전환 .. 2026. 5. 19. 스낵바 알림 (컴포넌트, 큐 관리, 다크모드) 장바구니 담기 버튼을 눌렀을 때 화면 절반을 가리는 모달이 뜨면, 사용자는 본능적으로 "왜 자꾸 방해하냐"고 느낍니다. 저도 직접 겪었습니다. 이커머스 모바일 앱 외주에서 같은 이유로 한 달에 12건의 컴플레인이 들어왔고, 모달을 스낵바로 교체한 뒤 컴플레인이 0건이 됐습니다. 스낵바 하나가 UX 전체를 바꿀 수 있다는 걸 그때 처음으로 실감했습니다.모달 대신 스낵바를 쓰는 이유모달(Modal)이란 사용자의 현재 작업을 강제로 중단시키고 확인을 요구하는 전면 팝업 방식입니다. 정보 전달보다 사용자의 행동을 차단하는 쪽에 가깝기 때문에, 단순 확인 메시지에 모달을 쓰면 불필요한 인지 부하가 발생합니다.반면 스낵바(Snackbar)는 화면 하단에 잠시 떴다가 사라지는 비침입형 알림 패턴입니다. 사용자가 하던.. 2026. 5. 3. 이전 1 다음
