[240530] 앱 클론 디자인 진행 상황

🗓️ 오늘 한 일

✅ 앱 클론 디자인 - 서비스 분석/ 유저 플로우

✅ 앱 클론 디자인

 

---

 

 

티빙

 

a. 분야

OTT

 

b. 핵심 서비스

비디오 스트리밍 서비스

 

c. 주요 기능

Navigation 영역(홈, 공개예정, 검색, 다운로드, 기록)

 

홈

- 콘텐츠 순위, 시청 중인 콘텐츠, 인기 콘텐츠, 티빙 오리지널, 추천 콘텐츠 등으로 구성

- 페이지를 상하로 스크롤 가능, 각 콘텐츠 리스트는 좌우로 스크롤 가능

- 각 콘텐츠를 클릭하여 비디오 시청 화면으로 전환

- 카테고리 별로 상단에 탭(시리즈, 영화, 라이브, 파라마운트+, KBO) 존재

 

공개 예정

- 공개 예정인 콘텐츠의 예고편 및 티저, 설명글을 포함

 

검색

- 1 ~ 10위까지의 실시간 인기 검색어 표시

- 검색창을 누르면 최근 검색어 확인 가능

- 검색 시, 상단 탭에 <전체, 시리즈, TV 채널, 정주행채널, 영화>로 나누어짐

 

다운로드

- 다운로드 받은 콘텐츠 확인 가능

 

기록

- 상단 탭에 <시청내역, 구매내역, 찜한 시리즈, 찜한 영화> 존재

-  시청내역, 구매내역은 영화와 시리즈로 나누어서 표시

 

 

---

 

유저 플로우

012

유저 플로우 이미지 캡쳐

 

---

 

 

[앱 클론 디자인 진행 상황]

티빙 앱 클론 디자인

 

어제랑 링크는 같다. 

 

일단 메인 화면 그림과 스크롤까지는 어느정도 진행이 됐는데 한 가지 문제점이 생겼다.

버튼 안에 있는 UI를 스왑 인스턴스로 설정을 해뒀는데

버튼을 누른 상태에서는 버튼의 크기가 작아지는 프로토타이핑을 할 때 원활하지 않았다.

크기를 줄인 베리언츠를 추가하여 프로토타이핑을 했는데 일부 인스턴스의 크기가 작아지지 않았다.

마스터 컴포넌트와 다른 스왑 인스턴스를 적용한 인스턴스에서 스왑 인스턴스의 크기는 어떠한 상황에서도 변하지 않는 문제가 발생했다.

어떻게 해결해야할지 모르겠다.

일단은 베리언츠와 프로퍼티에 대해서 더 알아봐야 해결할 수 있을 것 같다. 

 

 

---