2014년, 애플은 개발자가 App Store에 앱 미리보기(App Preview)를 등록할 수 있도록 길을 열었습니다. 앱 미리보기는 잠재 사용자에게 다운로드 전에 앱이 어떤 가치를 제공하는지 보여주는 가장 효과적인 수단입니다. 실제로 StoreMaven의 조사에 따르면 앱 미리보기가 있는 앱은 그렇지 않은 앱보다 설치 확률이 무려 3배나 높습니다.
하지만 안타깝게도 혼자 앱을 만드는 많은 개발자에게는 전문가를 고용할 예산이 없습니다. 저도 최근 같은 상황에 처했고, 여러 자료를 뒤져본 끝에 무료 도구만으로도 품질 좋은 앱 미리보기를 만들 수 있다는 사실을 알게 되었습니다.
이 글에서는 다음 내용을 다룹니다.
- 콘텐츠 준비하기
- 영상 녹화하기
- 영상 편집하기
- 자주 겪는 문제와 해결 방법
이 가이드는 맥(Mac) 사용자를 기준으로 작성되었습니다. 맥에는 Xcode, QuickTime, iMovie가 기본으로 제공되기 때문입니다. 맥이 아니라면 해당 도구를 구매해야 할 수 있습니다.
1. 콘텐츠 준비하기
앱을 직접 개발한 사람이라면 앱에서 가장 재미있고 매력적인 부분이 어디인지 잘 알고 있습니다. 앱 미리보기에는 바로 그 부분을 담아야 합니다. 또한 텍스트 오버레이(자막)를 넣을 위치를 정하고, 해당 텍스트가 배경과 충분히 대비되어 잘 보이는지 확인하세요.
iOS 11부터는 최대 3개의 앱 미리보기를 등록할 수 있습니다. 주어진 전체 90초를 모두 사용하고 싶은 유혹이 들겠지만, 가장 흥미로운 기능들은 첫 번째 미리보기에 몰아넣는 것을 권합니다. 첫 번째 영상에서 관심을 끌지 못하면 사용자가 나머지 두 개까지 볼 가능성은 낮습니다.
마지막으로, 사용자가 앱을 어떻게 조작하게 되는지 보여주면 좋습니다. 터치와 제스처를 시각적으로 표현하려면 GSTouchesShowingWindow를 활용해 보세요. 설치가 아주 간단하면서도 사용자 인터랙션을 효과적으로 보여줄 수 있습니다.
2. 영상 녹화하기
보여줄 콘텐츠를 정했다면 이제 영상을 녹화할 차례입니다. 가장 쉬운 방법은 QuickTime으로 연결된 아이폰 화면을 녹화하는 것입니다.
아이폰을 연결한 뒤 QuickTime을 열고 파일 > 새 동영상 녹화(File > New Movie Recording)를 선택하세요. 녹화 창이 열리면 녹화 버튼 옆의 드롭다운 메뉴에서 연결된 기기를 선택할 수 있습니다.
실제 기기를 연결해 녹화하면 물리적으로 보유한 기기에만 한정된다는 단점이 있습니다. 다행히 Xcode CLI를 사용하면 시뮬레이터 화면도 녹화할 수 있습니다.
Xcode CLI로 녹화하려면 먼저 Xcode에서 시뮬레이터를 실행한 후, 터미널을 열고 다음 명령어를 입력합니다.
$ xcrun simctl io booted recordVideo example.mp4시뮬레이터에서 녹화하고 싶은 동작을 수행한 뒤, 터미널에서 Ctrl+C를 누르면 녹화가 종료됩니다. 위 명령어는 터미널의 현재 디렉터리에 example.mp4 파일을 생성합니다.
3. 영상 편집하기
편집 단계에서 목표는 두 가지입니다.
- 앱을 최대한 매력적으로 보여주기
- 미리보기를 15~30초 분량으로 다듬기
앱 미리보기 편집에 가장 적합한 도구는 iMovie입니다. iMovie를 열고 파일 > 새 앱 미리보기(File > New App Preview)를 클릭한 뒤, 영상을 미디어 영역으로 드래그해 프로젝트에 추가하세요.
iMovie 편집 방법을 하나하나 설명하지는 않겠지만, UI가 상당히 직관적이라 어렵지 않게 익힐 수 있습니다. 원하는 장면을 하단 영역으로 드래그 앤 드롭하면 클립에 추가됩니다. Command+B로 클립을 분할하면 멋진 전환 효과를 넣거나 영상의 템포를 조절하기가 훨씬 수월합니다. 분할된 클립 사이에 전환 효과, 오디오, 타이틀 화면을 추가할 수도 있습니다.
편집이 끝나면 파일 > 공유 > 앱 미리보기(File > Share > App Preview)를 클릭합니다. 앱 미리보기 메뉴가 보이지 않으면 파일 메뉴를 확인해 보세요. 저장 위치를 선택하고 엔터를 누르면 몇 초 후 영상이 완성됩니다.
4. 자주 겪는 문제와 해결 방법
여기까지 왔다면 준비는 거의 끝난 셈입니다. 그런데 iTunes Connect에 미리보기를 업로드하려는 순간 오류가 발생하기도 합니다. 대부분 다음 두 가지 앱 미리보기 요건 중 하나를 충족하지 못해서 생기는 문제입니다.
- 앱 미리보기의 해상도가 해당 기기 유형의 요건과 일치해야 함
- 앱 미리보기가 반드시 30fps로 재생되어야 함
해상도 문제는 드물지만, 저는 아이폰에서 직접 녹화했는데도 문제를 겪었습니다. 이유는 알 수 없지만 QuickTime이 화면을 1픽셀씩 어긋나게 캡처했고, iTunes Connect는 영상 업로드를 거부했습니다.
여러 곳을 검색한 끝에 .mov(또는 어떤 영상 형식이든)를 올바른 해상도로 잘라낼 수 있는 무료 도구를 찾았습니다. ezgif.com에 접속해 상단 메뉴에서 Video to GIF를 클릭하세요. 그러면 그 아래에 하위 메뉴가 나타나는데, 여기서 Crop video를 선택합니다. QuickTime으로 만든 .mov 파일을 업로드한 뒤 필요한 크기로 잘라 새 파일을 다운로드하면 됩니다.
30fps 요건 관련 문제라면 ffmpeg로 무료, 간단하게 해결할 수 있습니다. 터미널을 열고 homebrew가 설치되어 있는지 확인한 후 다음 명령어를 입력하세요.
$ brew install ffmpegffmpeg 설치가 끝나면 cd 명령어로 영상이 있는 디렉터리로 이동한 뒤 아래 명령어를 실행합니다.
$ ffmpeg -i "original.mov" -r 30 "converted_30fps_video.mov"이렇게 하면 30fps로 변환된 영상 파일이 출력됩니다.
마무리
이제 애플의 모든 요건을 충족하는 앱 미리보기가 완성되었습니다. 수백만 개의 앱이 경쟁하는 App Store에서 눈에 띄려면 앱 미리보기가 반드시 필요합니다. 이 가이드에서 소개한 도구들을 활용하니 비용은 한 푼도 들지 않으면서도 앱을 잘 홍보할 수 있는 고품질 미리보기를 얻을 수 있었습니다.
이 가이드가 여러분의 시간과 비용을 아끼는 데 도움이 되었기를 바랍니다. App Store에서 좋은 성과 거두시길 응원합니다!
끝까지 읽어주셔서 감사합니다! 이 글이 마음에 드셨다면, 제품 관리·엔지니어링·디자인 관련 글을 공유하는 제 트위터를 팔로우해 주세요.