Skip to content

1주차 목요일 데일리 스크럼

Yu Taek LEE edited this page Nov 20, 2020 · 3 revisions

이벤트

사이드바

기본 이벤트

  1. 검색 버튼 클릭
  2. 바이브 로고 버튼 클릵
  3. 로그인 버튼 클릭
  4. 차트 버튼 클릭
  5. DJ 스테이션 클릭
  6. VIBE MAG 클릭

로그인 이후?

  1. 보관함에서의 노래 버튼 클릭
  2. 보관함에서의 플레이리스트 버튼 클릭

투데이 페이지

(앱 같은 경우는 hover시 재생 버튼이 없기 때문에 모두 누르면 해당 매거진으로 이동)

  1. PICK 로고 클릭
  2. 매거진 클릭
  3. 매거진 호버 재생 클릭
  4. 매거진 각각 클릭
  5. 매거진 슬라이드 버튼 클릭
  6. 관련된 NEWS 각각 클릭(iOS는 힘들수도 있다) // Event 동일 (안하기로 함)
  7. NEWS 호버 재생 클릭
  8. NEWS 각각 클릭(클릭해서 넘어가는 것은 앨범 / 플레이리스트 2가지 경우가 있는데 플레이리스트가 되는 데이터만 넣기로함)
  9. NEWS 슬라이드 버튼 클릭
  10. 최근 들은 노래 클릭
  11. 최근 들은 호버 재생 클릭
  12. 최근 들은 노래 각각 클릭
  13. 최근 들은 노래 슬라이드 버튼 클릭
  14. 즐겨 듣는 플레이리스트 클릭
  15. 즐겨 듣는 호버 재생 클릭
  16. 즐겨 듣는 플레이리스트 각각 클릭
  17. 즐겨 듣는 플레이리스트 슬라이드 버튼 클릭
  18. 우리가 하는 VIBE 추찬리스트 클릭
  19. 우리가 하는 VIBE 추천리스트 호버 재생 클릭
  20. 우리가 하는 VIBE 추천리스트 각각 클릭
  21. 우리가 하는 VIBE 추천리스트 슬라이드 버튼 클릭

모든 페이지 커스텀 이벤트

  1. 화면 들어와서 첫째로 눌린 것
  2. 슬라이드 버튼 및 링크 넘어가는 모든 버튼에 대한 연타
  3. 새로고침 3번 연타
  4. 모든 버튼 hover가 자주 일어나는 것

차트 페이지

  1. 오늘 TOP 100차트 클릭(페이지로 이동)
    1. 이미지 호버시 누르면 노래 재생
    2. 노래 제목을 누르면 가사가 나오는 노래 상세 페이지
    3. 아티스트를 누르면 아티스트 페이지
  2. 장르 바로가기 클릭 (눌러서 나오는 페이지는 거기 포함된 장르의 곡 10개 띄우는 정도) //iOS는 장르는 검색 탭이 따로 있기 때문에 top100과 장르를 다르게 해주세요

커스텀 이벤트

  1. 링크 버튼 클릭 이벤트와 노래가 재생되는 이벤트는 분리하자

DJ Station 페이지 // 그림만 그리기

  1. 유저 전체 클릭 수에 따라 순위 바뀌는 것
    • 변경 텀에 대해서는 추후 논의 필요
    • 각 스테이션의 아이콘 순위를 바꿀지 스테이션 자체의 순서를 바꿀지도 추후 논의 필요
    • 느낌별 스테이션 / 장르별 스테이션 중 더 많이 클릭되는 것을 위로 올린다?

VIBE MAG 일단 전체만(No Special, No pick, No genre)// 상세 페이지는 다 빼고 제목, 설명, 플레이리스트 3개만 넣기 ^_^

  1. 그림 호버 재생 누르기
  2. 그림 누르면 링크로 이동
  3. 제목 클릭 링크로 이동

보관함 노래 페이지

  1. 전체 재생 버튼 클릭
  2. 랜덤 재생 버튼 클릭
  3. 체크 박스 선택하기

체크박스 선택 후

1.전체 선택 체크박스

보관함 플레이리스트 페이지

  1. 새 플레이리스트 추가 버튼
  2. 각각 플레이리스트 이미지, 제목 누르면 플레이리스트 상세 페이지로 링크
  3. 플레이리스트 호버를 했을 때 점 3개를 눌러 옵션들 선택 가능 - 일단 기능들은 삭제만 구현하기로 - iOS는 모달을 띄우기 => 지금은 삭제 기능만 구현

플레이리스트 상세 페이지

  1. 전체 재생
  2. 랜덤 재생
  3. 내 보관함에 들어있으면 삭제 / 아니면 추가 버튼
  4. ellipsis 전체 재생 및 보관함에서 삭제(혹은 추가 버튼)
  5. 노래 그림 및 명 누르면 노래 하나만 뒤에 붙습니다.(iOS도 웹도 노래 상세페이지는 없습니다. 가사도 필요 없습니다.)
  6. 아티스트 누르면 아티스트 상세 페이지로 갑니다
  7. 앨범 누르면 앨범 상세 페이지로 갑니다.
  8. MP3 대신 하트를 넣습니다
  9. ellipsis를 누르면 좋아요 / 내 플레이리스트 추가 / 플레이리스트 삭제 / 전체 재생

검색창 페이지

  1. 검색 버튼 눌러지면 노래, 앨범, 아티스트 3개 띄워짐
  2. 노래 상세 누르면 노래들 더 나옴
  3. 노래들 나오는데 더 보기를 누르면 더 로드됨(50개씩)
  4. 앨범 상세 누르면 앨범들 더 나옴
  5. 앨범들 나오는데 더 보기를 누르면 더 로드됨
  6. 아티스트들 상세 누르면 아티스트들 더 나옴(원으로 그려져있음)
  7. 아티스트들 나오는데 더 보기를 누르면 더 로드됨

앨범 페이지

  1. 수록곡들 나타내기 (like playlist)
  2. 웹은 일단 관련 아티스트 앨범들 더 보여주기

아티스트 페이지

  1. 사진 / 이름 / 좋아요(웹) / 장르, 데뷔일 안함
  2. 노래들 5곡 (iOS는 노래/더보기 누르면 노래들 더 나옴)
    • 웹은 노래 누르면 더보기
  3. 해당 아티스트 앨범들란 있음 (iOS는 해당 아티스트 앨범들 구현은 나중 우선순위로 / 웹은 구현)

재생 모달 가려져있을 때

  • 가사 구현 안함
  • 앨범 커버 누르면 앨범 링크로
  • 노래 제목 누르면 아무것도 안잃어남
  • 아티스트 누르면 아티스트로
  • After Ellipsis
    • 위에 앨범 커버와 앨범 제목, 아티스트가 뜨는데 아티스트는 아티스트 페이지로 나머지는 앨범 페이지로 이동
    • 좋아요 / 좋아요 취소 버튼
    • 내 플레이리스트에 추가 버튼 (내 플레일리스트들 모달 화면 뜸)
  • 버튼 아닌 곳들 누르기 혹은 맨 오른쪽 플레이리스트 버튼을 클릭하면 오버레이 화면이 떴다 닫혔다 함
  • 재생 방법 변경(랜덤 재생)이 눌리면 기존 재생 목록이 셔플됨. 재생하고 있던 노래는 가장 위로 이동. 재생 방법 변경을 다시 누르면 원래 재생목록 순서로 다시 변경됨.
  • 이전 곡, 재생/일시정지, 다음 곡 버튼
  • 반복 재생 설정(없음 -> 전체 -> 한곡반복 -> 없음)
  • 현재 시간 / 전체 시간이 불륨 옆에 뜸
  • 스피커 버튼 누르면 뮤트 / 뮤트 해제
  • 볼륨 슬라이드로 조절
  • 드래그로 빨리감기 되감기 시간 조절

iOS

  1. 현재 재생 모달 축소판을 눌렀을 때 올라가는 기능
  2. 재생 버튼 - 축소판 / 확장판 버전
  3. 다음곡으로 넘기는 버튼 - 축소판
  4. 다음곡으로 스와이프 - 확장판
  5. 이전곡으로 스와이프 - 확장판
  6. 리스트부터 보여주는 버튼 - 축소판 / 확장판 버전
  7. ellipsis 모달 여는 버튼
    • 좋아요 / 내 플레이리스트에 추가

반복재생버튼/공유버튼/재생버튼/좋아요버튼/셔플버튼 8. 반복버튼 : (반복없음/전체반복/1곡반복) -> 다 이벤트 보냄 9. 공유 버튼은 기능 없이 이미지만 넣어놓고 추후 변경 가능 (A/B 테스트) -> 이벤트 보냄 10. 재생/좋아요/셔플 버튼 -> toggle가능 11. 재생목록버튼 -> 재생큐 아래로 스크롤

재생 화면(with overlay)

  1. 재생목록 옆 화면은 재생되는 노래 앨범 커버를 띄어주고 클릭 시 기능은 아무것도 없음
  2. 재생목록 맨 상단
    • 좌측
      • 이어지는 노래라는 글자가 띄어잇음
    • 우측
      • 셔플, 반복 버튼 있음
  3. 하단에는 노래들 있음
    • 앨범 커버는 호버하면 재생버튼이 뜨고 노래가 재생이 됨
    • 우측 맨 끝에는 엑스 버튼이 있는데 재생 목록에서 지워짐
    • 나머지 파트를 클릭하면 드래그앤드롭 기능 발생

커스텀 이벤트

  • 볼륨을 n초 안에 몇%하면 이벤트 발생

  • 로그인은 naver oAuth로

Clone this wiki locally