SSF-SHOP_클론코딩 프로젝트_화면설계(스토리보드 작성)_5회차

2021. 1. 10. 15:02웹 개발/SSF-SHOP_클론코딩_프로젝트

[1] 마이페이지 > 나의 주문 > 주문/교환/반품/취소 내역_목록화면

  1. 클릭시 달력이 뜨면 시작일과 종료일 선택 
  2. 클릭시 설정한 기간에 맞는 데이터 조회됨 
  3. 클릭시 주문내역 List 가 뜸
  4. 클릭시 교환내역 List 가 뜸
  5. 클릭시 반품내역 List 가 뜸
  6. 클릭시 취소내역 List가 뜸 
  7. 클릭시 주문상세 화면으로 이동 
  8. 클릭시 배송지정보 추가됨 

   9. 클릭시 상품수령완료 확인하는 얼럿창 뜸 

  10. 클릭시 배송추적 팝업창 뜸

  11. 클릭시 원하는 페이지의 데이터를 불러옴 

 

 

[2] 마이페이지 > 나의 주문 >주문/교환/반품/취소 내역_상세화면

  1. 클릭시 상품수령완료 확인하는 얼럿창 뜸
  2. 클릭시 배송추적 팝업 뜸
  3. 클릭시 영수증 내용이 담긴 팝업 뜸 
  4. 클릭시 메인화면으로 이동
  5. 클릭시 마이페이지>1:1문의 화면으로 이동 
  6. 클릭시 주문 목록화면으로 이동 

 

[3] 마이페이지 > 나의 주문 >매장구매내역 

  1. 클릭시 달력이 뜨는데 여기에서 시작일과 종료일을 설정해줘야함
  2. 클릭시 설정한 기간동안의 데이터를 조회 
  3. 선택한 페이지로 이동해서 해당 페이지의 데이터들을 조회함 

 

[4] 마이페이지 > 나의 활동 > 위시리스트

 

  1. 클릭시 해당상품의 상세페이지로 이동
  2. 1번 빨간색 박스 안에 마우스를 올려놓으면 이미지 우측 상단에 X버튼이 생김. X버튼 클릭시 위시리스트 목록에서 삭제됨
  3. 선택한 페이지에 해당되는 데이터들을 불러옴

 

[5] 마이페이지 > 나의 활동 > 최근 본 상품

  1. 클릭시 삭제 됨
  2. 클릭시 위시리스트에 추가됨
  3. 클릭시 선택한 페이지의 데이터들을 불러옴 
  4. 클릭시 맨 마지막 페이지의 데이터들을 불러옴 

 

[6] 마이페이지 > 나의 활동 > 재입고 알림

 

  1. 클릭시 재입고 알림이 삭제됨 
  2. 클릭시 선택한 페이지의 데이터들을 불러옴 

 

[7] 마이페이지 > 나의 활동 > 상품 Q&A

 

  1. 클릭시 답변완료/답변중/미답변 의 목록이 펼쳐지고 3개 중 하나를 선택하면 해당키워드로 조회되어 아래 표에서 보여짐 
  2. 클릭시 상품 상세화면으로 이동
  3. 클릭시 상품 상세화면으로 이동
  4. 클릭시 질문의 전체내용을 다 보여줌 
  5. 클릭시 상품Q&A 수정팝업이 뜸(아래 사진 참조)
  6. 클릭시 목록에서 삭제됨 
  7. 클릭시 선택한 페이지의 데이터들을 불러옴  

상품Q&A_수정팝업

  1. 수정할 내용 작성란임
  2. 수정할 이메일 작성란임
  3. 공개여부 선택할 수 있음
  4. 클릭시 수정완료되고 팝업 닫힘 

 

[8] 마이페이지 > 회원 정보 > 회원탈퇴

 

  1. 클릭시 탈퇴사유 목록이 보이고 그 중 하나를 선택할 수 있음
  2. 클릭시 온라인 멤버십뿐만 아니라 오프라인 멤버십까지 둘 다 통합탈퇴를 하게 됨
  3. 탈퇴사유 작성란임
  4. 클릭시 탈퇴 재확인하는 얼럿창이 뜸