관리 메뉴

JIE0025

[기획][Figma] FLAG - SEARCH 요구사항 구체화 및 UI개선 본문

기타 학습/테크니컬라이팅, 기획, UI-UX

[기획][Figma] FLAG - SEARCH 요구사항 구체화 및 UI개선

sdoaolo 2022. 12. 24. 14:23
728x90

 

통합 검색 페이지

 

공통


01. 유저 검색

  • 유저는 동명이인이 존재할 수 있으므로, 학과까지 보여준다.
  • 가장 활동이 활발한 순서로 정렬한다.


02. 인기글

  • 검색키워드가 제목/제목+컨텐츠/컨텐츠에 매핑되는 애들 중 좋아요가 높은 순서로 보여준다.

 

03. 카테고리별 게시글 검색

  • 여러개의 카테고리에 매칭되는 정보가 있고 내용이 많을 수 있으므로,
    • 인피니티스크롤
    • 페이징처리
  • 매칭 조건 우선순위 생성 (같은 우선순위일 경우 날짜기준 정렬한다)

    0순위 : 제목에 키워드 <강지은>이 존재 +컨텐츠에도 존재 + 작성자의이름까지 매칭되는 특이케이스 (없을수도?)
    1순위 : 제목에 키워드 <강지은>이 존재하면서 컨텐츠에도 존재
    2순위 : 제목에만 키워드 <강지은>이 존재
    3순위 : 컨텐츠에 키워드 존재 + 작성자의 이름이 <키워드>
    4순위 : 작성자의 이름만 <키워드> // 제목 컨텐츠 어디에도 없음
    5순위 : 컨텐츠에만 <키워드>가 존재함

 

🌷 Infinity Scroll로 구현할 경우

 

🌷 페이징 처리할 경우

 

🌷 페이징처리시 카테고리별 게시글 검색 컴포넌트 가이드라인

 

🌷 유저 검색 컴포넌트 가이드라인

 

 

 

게시판 카테고리별 게시글 검색

 

  • 게시판 리스트 페이지에서   게시글 / 게시글+작성자 / 작성자 검색이 가능하다.
  • 기간 필터링 (범위설정 ex 22.12.22 ~ 22.12.31) 을 할 수 있다. 
    • 범위의 default는 전체이다.
  • 페이징시 게시글리스트는 컨텐츠와 댓글을 제외한 정보를 가져온다.
  • 게시글을 클릭했을 때 id에 해당 되는 컨텐츠와 댓글 불러온다.