1

필터 상태 및 초기화 1

2

필터 상태 및 초기화 2.

Descrrrription (화면 설명)

1. 필터 상태 및 초기화 (위치 예시1)

  • 기존에  ‘초기화’ 버튼이 표시되고있던 위치 입니다.
  • 해당 위치는 필터 영역으로 모바일에서도 동일하게 사용될수있는점이 괜찮아보입니다. 검색 창 바로 위쪽으로 선택된 필터 항목 각 1개씩 나열하는 방식.

    -단점: 필터 선택한 항목이 여러개인경우 줄바뀜 처리나 시인성에서 그다지 좋지 못함.

    모바일에서 필터 선택을 취소하려면 상품 리스트 화면이 아닌 다시 필터를 열어야하는 불편함.

2. 필터 상태 및 초기화 (위치 예시 2)

  • 상품리스트 상단의 공간을 활용하는 방법

    장점?: 공간 넓어서 보기에도 편하고, 필터 초기화시 모바일에서도 필터를 다시 열어야하는 불편함도 없음. 

*필터 작동방식이 ‘검색’과 동일하다면, 선택된 필터를 개별적으로 취소(필터링 해제)하는것이 가능할것이기에 선택된 필터명 뒤쪽에 ‘x’ 표시를 해두었습니다. 


2번 영역에  표시되는 경우, 상품의 총개수 ‘total of 46’ 이 위치도 같이 변경되면 좋겠습니다.


*버튼명은 [필터 초기화] 로 해주세요.