사용자 및 검색 화면

메인 페이지의 상단 바를 클릭하면 나타나는 화면이다.

PC & 태블릿 & 모바일

비 로그인 상태

고유번호

PCI-04

명칭

로그인 및 검색 화면

정의

로그인 및 검색 기능을 수행할 수 있는 화면

내용

  • 해당 화면은 메인 페이지(PCI-02)의 상단 바를 클릭시 내려오는 드롭다운 바 형식의 화면이다.

  • 현재 비 로그인 상태의 경우, 로그인 폼을 표시하고 하단에는 검색창을 배치한다.

  • 다른 영역을 클릭하거나, 하단의 드롭다운 버튼을 클릭시, 화면을 다시 상단으로 올린다.

  • 로그인이 수행될 경우, 해당 상태에 페이지 로드를 거치지 않고 바로 로그인 폼 영역을 회원정보 영역(PCI-05)로 변환한다.

  • 검색이 수행될 경우, 해당 화면을 다시 상단으로 되돌리고, 검색 결과를 보드에 배치한다.

  • 검색으로 보드를 재생성할 경우, 왼쪽 상단의 건물 표시 영역 또한 수정하여 해당 결과가 검색에 의해 도출된 결과임을 명시한다.

  • 해당 상단 바는 디바이스의 길이에 고려하여 반응형으로 구현한다.

로그인 상태

고유번호

PCI-05

명칭

회원정보 및 검색 화면

정의

사용자 관련 및 검색 기능을 수행할 수 있는 화면

내용

  • 로그인 및 검색 화면(PCI-04)에서 로그인 기능 수행을 하거나, 유효한 토큰이 인증된 경우, 위와 같은 형태의 화면을 표시한다.

  • 사용자의 이름, 학번, 학과를 비롯한 내용 및 해당 계정으로 작성된 글을 확인할 수 있다.

  • 작성된 글이 없을 경우, 해당 영역에서 적절한 명시를 한다.

  • 좋아요 및 싫어요는 탭을 통해 게시물의 리스트를 표시하며 해당 리스트는 필요할 경우, 스크롤이 가능해야 한다.

  • 모바일 디바이스의 경우, 사용자 영역과 좋아요/싫어요 영역을 수직으로 배치하여 반응형을 구현한다.

Last updated

Was this helpful?