NAVER shopping 2019 - Serch Filter

쇼핑검색 필터 인터랙션은 ‘필터 전체보기’ 탭 선택 시 아코디언 메뉴 형태로 다양한 카테고리와 옵션을 제공하며, 옵션을 선택하면 결과 화면이 실시간으로 업데이트되도록 설계되었습니다.

옵션 선택 시 선택된 항목이 상단으로 이동하며 고정되는 애니메이션 효과를 통해 강조되고, 옵션 영역을 스크롤할 때 상단 메뉴가 고정되어 현재 탐색 중인 영역을 지속적으로 안내합니다. 

1. 진입 애니메이션

2. 2. 필터 옵션 확장 애니메이션

3. 3. 필터 옵션 스크롤 인터랙션

4. 4. 필터 옵션 더보기 인터랙션