September 15, 2020 1 min to read

Kids Customizing Video Contents App

제작기

Intro

지난 연초에 코로나가 번지면서 집에서 하는 디지털 교육들이 유행하면서 우리 팀도 키즈 제품을 내보기로 하였다.

목적

• ✅ Youtube 의 무분별한 콘텐츠들을 제한시키고, 컨텐츠를 커스터마이징하여 소개.
• ✅ 영상 시청시간 제한.

Story Board

간단한 스토리보드는 최소한의 커뮤니케이션으로 진행되는 점으로 소통의 오류를 방지하기 위해 제작 되었었다. 디자인이 나온 이 후에 제작된 점은 회사 인원이 3명밖에 안 되기도 하고 2주 밖에 제작 기간이 없었기 때문에 따로 와이어프레임으로 제작 되지 않었다.

Animation

니즈 층이 아이들인 만큼 애니메이션을 지루하지 않게 노출시키려고 많이 노력하였다. 진행기간이 짧았 듯이 지금 다시 되돌아 보는 시점에서는 아쉬운 부분이 많았지만, 현재 회사에서 이 제품의 양산화가 진행되는 시점에서는 해당 프로젝트는 괜찮았던 시도 였던 것 같다. 🐤

Character

4명의 캐릭터 들을 제작하였다. 캐릭터들은 앱에 스며 들어 자연스럽게 앱의 이곳 저곳에서 만나게끔 하였다.

Splash

해당 Spash를 제작하면서 360x640외의 해상도를 못 맞추었다는 슬픈 속 사정이 있다. 변명이겠지만 모든 해상도를 맞추는건 포기라는 결론이 나왔다. 시안2는 모든 해상도를 맞추는 시안도 있었지만, 시안1이 조금 더 역동적이다 라는 의견에서 시안1로 굳혀졌다. 여하튼 가장 대중적인 해상도 360x640에 만 맞추기로 합의 했다.

시안 1

시안 2

Tab Bar

Loading

Behavior

주요 UI는 아래와 같다.

Channel List

5개의 영상 컨텐츠가 지난 뒤에 랜덤으로 캐릭터를 배치하여 지루하지 않게 끔 하려고 노력하였다. (캐릭터의 애니메이션은 위에 알려드린 캐릭터들을 랜덤으로 노출 시켰다.)

Time out

정해진 시간이 지나면 아래와 같은 화면을 노출 시켜서 아이와의 약속한 시청 시간이 끝났음을 알리게 끔 진행하였다. 더불어서 플레이어 페이지를 자세히 보면, 우측 리스트에서 체크 1개 아이콘과 체크 2개 아이콘이 보일 것 이다. 체크 1개는 영상을 한번이라도 보았다는 의미이고 체크 2개는 영상을 모두 다 보았다는 의미이다.

History

아이들이 어떤 영상을 얼마나 보았는지 궁금해할 보호자 분들께 알려주는 페이지이다. 얼마 만큼 영상을 시청했으며, 어떤 영상을 관심있게 보았는지 알려준다.

Search Result

보호자가 직접 채널을 추가하여 채널을 차단시킬 수도 있고 커스터마이징된 영상이 부족하다면 따로 검색하여 추가 시킬 수도 있는 페이지이다.

Final

Android