–
서비스에 적용된 ‘모션’은 우리가 전하고자 하는 메시지를 효율적으로 제공하는데 많은 도움이 됩니다. 정적인 이미지나 영상에 비해 집중도를 높일 수 있고, 상황에 따라 명확한 피드백으로 활용할 수도 있기 때문인데요. 오늘 소개할 서비스는 실제 모바일앱(앱서비스)에 적용된 다양한 모션을 종류에 따라 살펴볼 수 있는 곳입니다.
‘APP MOTION’에서는 실제 모바일앱(앱서비스)에 적용된 모션 사례를 확인할 수 있는데요. 영상으로 캡처한 사례를 기본으로 볼 수 있으며, 마우스를 가져다 대면 바로 플레이가 되어 모션 사례를 자세히 살펴볼 수 있도록 구성되어 있습니다. 모션 사례 리스트는 영상과 함께 서비스명, 모션을 대표하는 키워드(캐릭터, 즐거움, 일러스트레이션 등)가 포함된 모습입니다.
모션 사례는 최근에 등록된 순서에 따라 확인할 수 있지만, 태그에 따라 탐색하는 것도 가능합니다. 위 이미지는 탐색에 사용할 수 있는 전체 태그 리스트로 모션의 종류나 적용 위치 등을 기준으로 정리되어 있습니다. 검색, FAB, 페이지, 온보딩 등은 적용 위치나 화면으로 이해할 수 있고, 캐릭터나 일러스트레이션, 성공(피드백 관점에서의) 등은 종류의 하나로 활용할 수 있습니다. 태그를 클릭하면, 해당 태그에 포함되는 모션 사례만 빠르게 모아볼 수 있습니다.
사용자 플로우 등을 영상으로 녹화해 확인할 수 있는 공간은 여럿 만났는데, 이렇게 ‘모션’만 그것도 실제 적용된 사례를 기준으로 확인할 수 있는 곳은 자주 만나지 못했기에 더 반가운 곳이라고 생각합니다. 사례는 직접 등록할 수도 있고, 운영자가 계속 업데이트 하고 있으니 모바일앱(앱서비스) 기준으로 적용된 모션 사례가 필요한 상황이라면 한 번씩 활용하기 좋은 곳이 아닐까 싶네요. 더 자세한 내용은 ‘링크’를 참고해주세요.
- 웹/앱 서비스에 적용 가능한 9가지 모션 구조와 사례를 확인할 수 있는 곳!
- 다양한 인터랙션이 포함된 체크박스와 토글 등을 살펴볼 수 있는 곳!
- 다양한 종류의 인터랙션 디자인 패턴을 큐레이션 해주는 : Patttterns
–
