[Design] 해피 모먼트를 전해주는 인터랙션 디자인

1
AI 요약

이 글은 AI가 원문을 분석하여 핵심 내용을 요약한 것입니다.

이 게시물은 인터랙티브 애니메이션을 통해 유저에게 해피 모먼트를 전달하는 인터랙션 디자인을 소개합니다. Lottie를 통해 에프터이펙트 모션을 json으로 변환해 적용하며, gif 대비 용량을 312KB에서 39KB로 약 1/10 줄이는 성과를 공유합니다. 신규 유저 출석 체크 팝업에 선물 상자 뜯기 모션과, 코딩 없이 더 정교하게 보이도록 리디자인한 출석 도장 찍기 모션을 적용한 사례를 설명합니다. 또한 공감 버튼에 하트가 터져 나오는 인터랙션을 lottie로 제작하고, 안드로이드에서는 햅틱 피드백까지 더한 접근을 다룹니다. 추석 이벤트 댓글 페이지를 송편 이스터에그로 바꿔, 클릭 시 랜덤 색상의 송편이 나타나 기대감과 참여를 높인 경험을 전합니다. 인터랙션 애니메이션은 목적 없이 남용하면 사용성을 해칠 수 있으므로 목적과 사용성 관점에서 적용을 이어갈 계획을 밝힙니다.

연관 게시글