Năm 2014, Apple cho phép thêm app preview vào App Store. App preview là cách tốt nhất cho thấy user tiềm năng app cung cấp gì trước khi tải. Thực tế, user có khả năng cài app cao gấp 3 lần nếu có app preview, theo StoreMaven.
Tuy nhiên, nhiều solo maker không có ngân sách thuê chuyên gia làm app preview. Gần đây tôi rơi vào tình huống này, sau khi tìm kiếm, tìm thấy vài công cụ miễn phí tạo app preview chất lượng.
Bài viết này sẽ đi qua:
- Chuẩn bị nội dung
- Quay video
- Chỉnh sửa video
- Vấn đề thường gặp
Giả định bạn dùng Mac, có sẵn Xcode, Quicktime, iMovie miễn phí. Nếu không dùng Mac có thể phải mua công cụ này.
Chuẩn Bị Nội Dung
Mỗi developer biết phần hấp dẫn và thú vị nhất của app mình. Đảm bảo highlight những phần đó trong app preview. Xác định nơi cần thêm text overlay và đảm bảo text tương phản với nền hiển thị.
Từ iOS 11, có thể có tối đa 3 app preview show off app. Có thể muốn dùng hết 90 giây cho phép, nhưng tôi gợi ý nhét tính năng thú vị nhất vào preview đầu tiên. Nếu user không quan tâm app ở preview đầu, khó họ xem 2 preview còn lại.
Cuối cùng, có thể muốn show user cách tương tác với app. Để show touches và gestures, dùng GSTouchesShowingWindow. Rất dễ cài và show cách user tương tác với app.
Quay Video
Sau khi quyết định nội dung, bắt đầu quay. Cách dễ nhất dùng Quicktime quay màn hình iPhone kết nối.
Cắm iPhone, mở quicktime chọn File > New Movie Recording. Cửa sổ quay hiện ra. Từ dropdown bên cạnh nút record, chọn thiết bị đã kết nối.
Dùng thiết bị thật nghĩa là giới hạn thiết bị bạn có. May mắn thay, dùng Xcode CLI quay hành động simulator.
Để quay với Xcode CLI, chạy simulator trong Xcode. Mở terminal nhập lệnh:
$ xcrun simctl io booted recordVideo example.mp4Thực hiện hành động muốn quay trong simulator rồi ctrl-C trong terminal kết thúc quay. Lệnh trên thêm video example.mp4 vào thư mục hiện tại của terminal.
Chỉnh Sửa Video
Có hai mục tiêu khi chỉnh preview:
- Show app dưới ánh sáng tốt nhất
- Chỉnh preview xuống 15-30 giây
Công cụ tốt nhất chỉnh app preview là iMovie. Mở iMovie click File > New App Preview. Kéo video vào khu vực media thêm vào project.
Không đi sâu cách chỉnh iMovie, nhưng UI khá trực quan. Kéo thả scene muốn vào khu vực dưới để thêm vào clip. command+B cho phép tách clip để thêm transition cool và kiểm soát pacing. Có thể thêm transition giữa clip tách, audio, và màn hình tiêu đề.

Xong chỉnh sửa, click File > Share > App Preview (nếu không thấy App Preview cũng click file). Chọn nơi lưu và enter. Sau vài giây video sẵn sàng.
Vấn Đề Thường Gặp
Lúc này có thể đã sẵn sàng mọi thứ, nhưng khi upload preview lên iTunes Connect bị lỗi. Có thể do 2 yêu cầu app preview:
- Độ phân giải app preview phải khớp yêu cầu loại thiết bị
- App preview phải chạy 30 fps
Khả năng độ phân giải không đạt yêu cầu khá thấp, nhưng tôi gặp rắc rối dù quay trực tiếp từ iPhone. Vì lý do nào đó, Quicktime capture lệch 1 pixel, iTunes Connect từ chối upload.
Sau tìm kiếm, tìm thấy công cụ miễn phí crop file .mov (hoặc bất kỳ video) về độ phân giải đúng. Vào ezgif.com click Video to GIF trên nav bar. Mở nav bar khác dưới, thấy Crop video. Click đó, upload file .mov Quicktime. Crop video kích thước cần và tải file mới.
Nếu gặp vấn đề app preview không chạy 30 fps, sửa dễ dàng (miễn phí) với ffmpeg. Mở terminal, đảm bảo homebrew cài rồi, nhập:
$ brew install ffmpegVới ffmpeg cài xong, cd vào thư mục chứa video và nhập:
$ ffmpeg -i "original.mov" -r 30 "converted_30fps_video.mov"Sẽ output video chuyển đổi 30 fps.
Kết Luận
Bây giờ bạn có app preview đáp ứng mọi yêu cầu Apple. App preview quan trọng để app nổi bật trong hàng triệu app trên store. Tôi thấy công cụ trong hướng dẫn cho app preview chất lượng cao, marketing app tốt, và không tốn một xu!
Hy vọng hướng dẫn tiết kiệm thời gian và tiền. Chúc may mắn trên App Store!
Cảm ơn đã đọc! Nếu thích bài viết, follow Twitter tôi đăng bài về product management, engineering, và design.