[1일 1페이지] #1 유튜브 프리미엄 랜딩페이지

 강의 들으면서 하루 앱 페이지 하나 선정, 피그마로 카피하며 공부하는게 좋겠다 싶다.

1일 1서비스 및 UI,UX 간단 파악

 

유튜브 프리미엄 랜딩페이지

유튜브프리미엄 랜딩페이지 카피

 

페이지 목적:

 

빠르게 원하는 영상 파악 및 디테일 확인, 흥미 유발

 

유저저니:

 

흥미를 끄는 영상을 찾아서 클릭한다.

 

이를 위한 UX/UX 특징:

 

상 위 Chips로 원하는 카테고리의 영상으로 빠른 셋업/

한 페이지 당 보여지는 콘텐츠 수 2개 /

페이지 일정시간 머물 시 썸네일 영상 자동재생/

아래 동영상 재생 중일 시 썸네일 영상 재생X/

스크롤 하며 페이지 내 영상이 3개 걸칠 때는 정중앙의 영상이 재생 됨/

스크롤 하며 페이지 내 영상이 2개 걸칠 때는 맨 위의 영상이 재생 됨/

영상 스크롤 다운 할 때 위의 앱 바가 사라진다. 위로 스크롤 시 앱 바 나타남/ 

 

에셋구조:

 

로고/ cast / alarm / search / character

chips(secondary user journey

영상썸네일

프로필 / 제목

영상설명 - 영상게시자 이름 / 조회수 / 영상게시일(정확한 날짜x minutes - hours - days - months - years

...

home / explore / plus(영상업로드,짧은동영상만들기,실시간스트리밍)/ subscriptions / library