[패치노트] 퀵필터 변경 사항, 11번가

2021년 12월 8일, 11번가 필터에 변경이 있었다. 이 게시물은 어떤 사항이 변경되었는지에 대해서 알아보자.

변경 사항

연관

더 명확하게 연관 검색어 UI를 인지할 수 있게, 연관 글자가 추가되었으며 동그라미 형태에서 파란색 글자로 색상이 변경되었습니다.

 

AS IS

TO BE

필터 아이콘

AS IS

TO BE

UI Layout

AS IS

• 영역 1: 전체 검색어 결과 수에 대한 영역이다. TO BE에서는 삭제된다.
• 영역 2: 정렬 필터 영역이다.
• 영역 3: 검색어 결과를 리스트, 갤러리 형으로 나타낼지 여부에 대한 필터 영역이다.
• 영역 4: 퀵필터 영역이다.
• 영역 5: 서랍 필터를 열기 위한 버튼 영역이다.
• 영역 6: 선택된 필터들이 나열된 영역이다.

TO BE

• 영역 1: 퀵 필터에 대한 영역이다.
• 영역 2: 정 필터에 대한 영역이다.
• 영역 3: 서랍 필터를 열기위한 버튼 영역이다.
• 영역 4: 퀵 필터와 퀵필터 세부 속성들을 선택하기 위한 퀵 필터 영역이다.
• 영역 5: 선택된 필터들이 나열된 영역이다.

갤러리 / 리스트 뷰

웹뷰에서는 더 이상 갤러리형을 선택할 수 없다.

AS IS

• 리스트 형

• 갤러리 형

TO BE

 

퀵 필터 세부 추가 기능

TO BE

브랜드 (키워드 운동화)

• '브랜드 전체보기 >' 클릭시

사이즈 (키워드: 운동화)

• swiper 동작

색상 (키워드: 운동화)

백화점 (키워드: 운동화)

용량 (키워드: 냉장고)

기본적으로 모든 필터 세부 속성들은 2X5로 나열되며, 10개 초과 시 swiper 동작이 가능하다. (사이즈, 색상 제외)