ปี 2014 Apple 允许 เพิ่ม App Preview บน App Store App Preview เป็นวิธีดีที่สุดแสดงให้ผู้ใช้ทักเห็นว่าอะไรในแอปก่อนดาวน์โหลด ตาม StoreMaven ผู้ใช้ติดตั้งแอปที่มี Preview มากกว่า 3 เท่า
น่าเสียดายหลาย Solo Makers ไม่มีงบจ้างมืออาชีพทำ App Preview ไม่กี่วันก่อนผมเจอสถานการณ์นี้ ขหาเครื่องมือฟรีทำ App Preview คุณภาพดี
บทความนี้ครอบคลุม:
- เตรียมเนื้อหา
- บันทึกวิดีโอ
- ตัดต่อวิดีโอ
- ปัญหาที่พบบ่อย
สมมติคุณใช้ Mac ซึ่งมาพร้อม Xcode, QuickTime, และ iMovie ฟรี หากไม่ใช่ Mac อาจต้องซื้อเครื่องมือเหล่านี้
เตรียมเนื้อหา
นักพัฒนาแอปรู้ส่วนที่น่าสนใจและสนุกของแอปตัวเอง ให้ Highlight ส่วนนั้นใน App Preview ระบุจุดที่ต้องการ Text Overlay และให้ Text Contrast กับ Background
ตั้งแต่ iOS 11 สามารถมี App Preview ได้สูงสุด 3 อัน แม้จะต้องการใช้เวลา 90 วินาทีเต็มที่ แต่แนะนำให้ใส่ฟีเจอร์น่าสนใจที่สุดใน Preview แรก หากผู้ใช้ไม่สนใจจาก Preview แรก ไม่น่าจะดูอีก 2 อัน
สุดท้าย อาจต้องการแสดงการโต้ตอบของผู้ใช้กับแอป ใช้ GSTouchesShowingWindow แสดง Touches และ Gestures ติดตั้งง่าย แสดงการโต้ตอบของผู้ใช้ได้ดี
บันทึกวิดีโอ
กำหนดเนื้อหาแล้ว เริ่มบันทึก วิธีง่ายสุดคือใช้ QuickTime บันทึกหน้าจอ iPhone ที่เชื่อมต่อ
เสียบ iPhone เปิด QuickTime กด File > New Movie Recording จะเปิดหน้าต่างบันทึก จาก Dropdown ถัดปุ่ม Record เลือกอุปกรณ์ที่เชื่อมต่อ
ใช้ Device ที่เชื่อมต่อ หมายถึงจำกัดเฉพาะ Device ที่มี โชคดีที่ใช้ Xcode CLI บันทึก Simulator ได้
บันทึกด้วย Xcode CLI เริ่มรัน Simulator ใน Xcode เปิด Terminal ใส่คำสั่ง:
$ xcrun simctl io booted recordVideo example.mp4ทำ Action ที่ต้องการบันทึกใน Simulator แล้ว ctrl-C ใน Terminal จบการบันทึก คำสั่งข้างต้นเพิ่มไฟล์ example.mp4 ใน Current Directory ของ Terminal
ตัดต่อวิดีโอ
มีเป้าหมาย 2 ข้อขณะตัดต่อ Preview:
- แสดงแอปในแสงที่ดีที่สุด
- ตัดต่อ Preview ให้ยาว 15-30 วินาที
เครื่องมือตัดต่อ App Preview ที่ดีที่สุดคือ iMovie เปิด iMovie กด File > New App Preview ลากวิดีโอไปพื้นที่ Media เพื่อเพิ่มในโปรเจกต์
ไม่รายละเอียดการใช้ iMovie แต่อย่างน้อย UI เข้าใจง่าย ลากวาง Scene ที่ต้องการไปพื้นที่ล่างเพื่อเพิ่มใน Clip command+B ตัด Clip ใส่ Transition และควบคุม Pacing ได้ดีขึ้น สามารถเพิ่ม Transition ระหว่าง Clip, Audio, และ Title Screen
ตัดต่อเสร็จ กด File > Share > App Preview (ถ้าไม่เห็น App Preview กด File อีกครั้ง) เลือกที่บันทึก กด Enter ไฟล์พร้อมในไม่กี่วินาที
ปัญหาที่พบบ่อย
ขณะนี้อาจพร้อมแล้ว แต่พยายาม Upload Preview ไป iTunes Connect แล้ว Error น่าจะมาจาก 2 Requirements นี้:
- Resolution ของ App Preview ต้องตรง Requirement ของ Device Type
- App Preview ต้องรันที่ 30 fps
โอกาสที่ Resolution ไม่ผ่าน Requirement ต่ำ แต่ผมเจอปัญหา แม้บันทึกจาก iPhone ตรงๆ QuickTime จับภาพผิด 1 Pixel ทำให้ iTunes Connect ไม่อนุญาต Upload
หลังค้นหา พบเครื่องมือฟรี Crop .mov (หรือวิดีโอประเภทไหนก็ได้) ให้ Resolution ถูกต้อง ไปที่ ezgif.com กด Video to GIF บน Nav Bar จะเปิด Nav Bar อีกชั้นด้านล่าง เห็น Crop video กดแล้ว Upload ไฟล์ .mov จาก QuickTime Crop ให้ขนาดที่ต้องการ ดาวน์โหลดไฟล์ใหม่
หากปัญหา fps ไม่ใช่ 30 แก้ง่าย (ฟรี) ด้วย ffmpeg เปิด Terminal ตรวจ Homebrew แล้วใส่:
$ brew install ffmpegตอนนี้ติดตั้ง ffmpeg แล้ว cd ไป Directory ที่มีวิดีโอ ใส่:
$ ffmpeg -i "original.mov" -r 30 "converted_30fps_video.mov" จะได้วิดีโอ Convert เป็น 30 fps แล้ว
สรุป
ตอนนี้ควรมี App Preview ผ่าน Requirements ของ Apple ทั้งหมด App Preview สำคัญทำให้แอปโดดเด่นจากล้านๆ แอปบน App Store เครื่องมือในคู่มือนี้ช่วยได้ App Preview คุณภาพสูง ตลาดแอปได้ดี และไม่มีค่าใช้จ่าย!
หวังว่าคู่มือนี้ประหยัดเวลาและเงิน โชคดีนะครับบน App Store!
ขอบคุณมากที่อ่าน! ถ้าชอบ ติดตาม Twitter ผมโพสต์บทความ Product Management, Engineering, และ Design
