사용자 화면 · 마켓 / 판매등록
검색창 활성화 / 상세 필터 바텀시트
MKT-002 · 2026. 03. 04
| 0 | 화면 접근조건 |
- MKT-001(마켓 메인 화면)에서
- 검색 입력 필드 클릭 시 → 검색창 활성화 화면(1번) 노출
- 검색 필터 영역 우측 필터 버튼 클릭 시 → 상세 필터 바텀시트(2번) 노출
- 로그인 / 비로그인 사용자 모두 접근 가능
|
| 1 | 검색창활성화 화면- 최근 인기검색어 |
- 검색창 활성화 영역
- 구성
- 작가명 입력용 검색 입력 필드
- 입력 필드 우측: 검색 아이콘
- 입력 필드 우측 또는 영역 내: 닫기(X) 버튼
- 동작
- 검색 입력 필드 포커스 시
- 닫기(X) 버튼 클릭 시
- 검색창 비활성화
- 이전 마켓 화면(MKT-001)으로 복귀
- 최근 검색어 영역
- 구성
- 최근 검색한 작가명 리스트 5개 노출
- 리스트는 텍스트 형태로 노출
- 동작
- 최근 검색어 클릭 시
- 해당 검색어가 검색 입력 필드에 자동 입력
- 검색 실행
- 최근 검색어가 없는 경우
- 글자 입력 시, ③ 자동완성으로 하단 변경
- 우측 X 버튼 클릭 시, 최근 검색어 단일 삭제
- 검색 결과 반영
- 동작
- 검색어 입력 후 검색 실행 시
- 작가명 기준으로 작품 리스트 필터링
- 결과는 MKT-001의 작품 카드 영역에 반영
- 검색 결과가 없는 경우
|
| 2 | 세부 정렬바텀시트 |
- 바텀시트 기본 구성
- 구성
- 화면 하단에서 슬라이드 업 형태로 노출
- 상단 우측 닫기(X) 버튼
- 필터 옵션 리스트 버튼 형태로 노출
- 정렬 옵션 영역
- 구성
- 최신순
- 오래된 순
- 높은 가격 순
- 낮은 가격 순
- 인기순(찜)
- 동작
- 옵션 버튼 클릭 시
- 해당 정렬 조건 선택
- 즉시 바텀시트 닫힘
- 마켓 작품 리스트 정렬 기준 변경
- 선택된 정렬 옵션
- 바텀시트 종료
- 동작
- 닫기(X) 버튼 클릭 시
- 바텀시트 외 영역 터치 시
|
| 3 | (추가)검색창 활성화 화면- 자동완성 |
- 노출 조건
- 검색창 활성화 화면에서 검색어를 입력한 상태
- 한글 기준 1자 이상 입력 시 자동완성 리스트 노출
- 구성
- 검색 입력 영역
- 입력된 검색어 표시
- 우측 검색 아이콘 버튼
- 우측 닫기(X) 버튼
- 자동완성 리스트
- 입력값 기준 연관 키워드 리스트 노출
- 최대 5개 노출
- 각 항목 우측에 최근 검색 아이콘 노출 가능
- 배경 영역
- 검색 결과 리스트 영역은 유지
- 자동완성 영역이 상단 오버레이 형태로 노출
- 동작
- 사용자가 검색창에 한글 1자 이상 입력 시 최근 검색어 리스트 대신 자동완성 리스트로 변경
- 입력값이 변경될 때마다 자동완성 리스트 재조회
- 자동완성 항목 클릭 시 해당 키워드가 검색창에 반영되고 검색 결과 화면으로 이동
- 검색 아이콘 클릭 시 현재 입력값 기준으로 검색 결과 화면 이동
- 닫기(X) 버튼 클릭 시 입력값 삭제 후 검색창 활성화 초기 상태로 복귀
- 입력값 전체 삭제 시 자동완성 리스트 제거
- 규칙
- 자동완성은 한글 입력 기준 1자 이상부터 동작
- 자동완성 리스트는 입력값과 일치하거나 연관도 높은 키워드 기준으로 노출
- 자동완성 항목이 없는 경우 리스트 미노출 가능
- 자동완성 선택 또는 검색 실행 시 검색어는 검색 기록에 저장 가능
|
| 4 | 토스트메시지 정의 |
- 검색 결과 없음
- 필터/정렬 변경 시
- 자동완성 조회 실패 시
- 시스템 오류 시
|
| 5 | 공통 규칙 |
- 검색 및 필터 기능은 로그인 여부와 관계없이 사용 가능
- 검색창 활성화 상태에서
- 검색어 미입력 시 최근 검색어 리스트 노출
- 검색어 한글 1자 이상 입력 시 자동완성 리스트 노출
- 검색창 활성화 화면 및 바텀시트는 모두 화면 오버레이/바텀시트 형태로 처리
- 검색어, 정렬 조건, 선택 필터는 사용자가 변경하지 않는 한 유지
- 자동완성 리스트는 최근 검색어 리스트와 동시에 노출하지 않음
- 검색어 입력값이 비워지면 자동완성 리스트는 제거되고 최근 검색어 리스트가 다시 노출됨
|