Computer >> คอมพิวเตอร์ >  >> สมาร์ทโฟน >> iPhone

วิธีสร้างตัวอย่างแอพ iOS ที่คุ้มค่ากับ App Store ในราคาประหยัด

ย้อนกลับไปในปี 2014 Apple ทำให้สามารถเพิ่มตัวอย่างแอพใน App Store ได้ การแสดงตัวอย่างแอปเป็นวิธีที่ดีที่สุดในการแสดงให้ผู้มีโอกาสเป็นผู้ใช้เห็นว่าแอปของคุณมีอะไรบ้างก่อนที่จะดาวน์โหลดแอป ที่จริงแล้ว ผู้ใช้มีแนวโน้มที่จะติดตั้งแอปพร้อมพรีวิวแอปมากกว่า 3 เท่า ตามข้อมูลของ StoreMaven

น่าเสียดายที่ผู้สร้างโซโล่หลายคนไม่มีงบประมาณที่จะจ้างมืออาชีพมาทำพรีวิวแอพ เมื่อเร็วๆ นี้ ฉันพบว่าตัวเองอยู่ในตำแหน่งนี้ และหลังจากทำการขุดค้น ฉันพบเครื่องมือฟรีสองสามตัวเพื่อสร้างตัวอย่างแอปที่มีคุณภาพ

ในโพสต์นี้ ฉันจะพูดถึงสิ่งต่อไปนี้:

  1. การเตรียมเนื้อหา
  2. กำลังบันทึกวิดีโอ
  3. กำลังตัดต่อวิดีโอ
  4. ปัญหาทั่วไป

ฉันสมมติว่าคุณกำลังใช้ Mac ซึ่งมาพร้อมกับ Xcode, Quicktime และ iMovie ฟรี หากคุณไม่ได้ใช้ Mac คุณอาจต้องซื้อเครื่องมือเหล่านี้

การเตรียมเนื้อหา

นักพัฒนาแอปแต่ละคนรู้ส่วนที่น่าสนใจและสนุกสนานที่สุดของแอปของตน ตรวจสอบให้แน่ใจว่าได้เน้นสิ่งเหล่านั้นในการแสดงตัวอย่างแอพของคุณ ค้นหาตำแหน่งที่คุณต้องการเพิ่มการซ้อนทับข้อความ และตรวจดูให้แน่ใจว่าข้อความตัดกับพื้นหลังที่แสดงอยู่

สำหรับ iOS 11 คุณสามารถแสดงตัวอย่างแอพได้สูงสุดสามแอพเพื่อแสดงแอพของคุณ คุณอาจต้องการใช้ 90 วินาทีทั้งหมดที่คุณได้รับ แต่ฉันขอแนะนำให้โหลดคุณสมบัติที่น่าสนใจที่สุดของคุณในอันแรก หากผู้ใช้ไม่สนใจแอปของคุณในตัวอย่างแรก ก็ไม่น่าจะใช้เวลาในการดูอีก 2 รายการ

สุดท้าย คุณอาจต้องการแสดงให้ผู้ใช้เห็นว่าพวกเขาจะโต้ตอบกับแอปของคุณอย่างไร หากต้องการแสดงการสัมผัสและท่าทาง ให้ใช้ GSTouchesShowingWindow ติดตั้งง่ายสุด ๆ และจะแสดงวิธีที่ผู้ใช้โต้ตอบกับแอปของคุณ

กำลังบันทึกวิดีโอ

เมื่อคุณตัดสินใจเลือกเนื้อหาที่ต้องการแสดงแล้ว คุณสามารถเริ่มบันทึกวิดีโอได้ วิธีที่ง่ายที่สุดในการทำเช่นนี้คือการใช้ Quicktime เพื่อบันทึกหน้าจอของ iPhone ที่เชื่อมต่อ

เสียบปลั๊ก iPhone ของคุณ จากนั้นเปิด Quicktime แล้วกด File > New Movie Record ไอเอ็นจี ซึ่งจะเปิดหน้าต่างการบันทึก จากเมนูแบบเลื่อนลงข้างปุ่มบันทึก คุณสามารถเลือกอุปกรณ์ที่คุณเชื่อมต่อได้

การใช้อุปกรณ์ที่เชื่อมต่อหมายความว่าคุณถูกจำกัดไว้เฉพาะอุปกรณ์ที่คุณมีเท่านั้น โชคดีที่คุณสามารถใช้ Xcode CLI เพื่อบันทึกการกระทำจำลองของคุณ

หากต้องการบันทึกด้วย Xcode CLI ให้เริ่มเรียกใช้โปรแกรมจำลองใน Xcode จากนั้น เปิดเทอร์มินัลแล้วป้อนคำสั่งต่อไปนี้:

$ xcrun simctl io booted recordVideo example.mp4

ดำเนินการที่คุณต้องการบันทึกในเครื่องจำลอง จากนั้น ctr-C ในเทอร์มินัลของคุณเพื่อสิ้นสุดเซสชันการบันทึก คำสั่งด้านบนจะเพิ่มวิดีโอ example.mp4 ไปยังไดเร็กทอรีปัจจุบันของเทอร์มินัลของคุณ

กำลังตัดต่อวิดีโอ

มีเป้าหมายสองประการที่คุณพยายามจะบรรลุเป้าหมายขณะแก้ไขการแสดงตัวอย่าง:

  1. แสดงแอปของคุณในสภาพแสงที่ดีที่สุด
  2. แก้ไขการแสดงตัวอย่างลงเหลือระหว่าง 15 ถึง 30 วินาที

เครื่องมือที่ดีที่สุดสำหรับการแก้ไขตัวอย่างแอปคือ iMovie . เปิด iMovie แล้วคลิก File > New App Prev ไอวี่ วางวิดีโอของคุณลงในพื้นที่สื่อเพื่อเพิ่มลงในโครงการของคุณ

ฉันจะไม่ลงรายละเอียดเกี่ยวกับวิธีการแก้ไขแอพ iMovie แต่ UI นั้นค่อนข้างใช้งานง่าย เพียงลากและวางฉากที่คุณต้องการลงในพื้นที่ด้านล่างเพื่อเพิ่มลงในคลิปของคุณ command+B จะช่วยให้คุณสามารถแบ่งคลิปของคุณเพื่อให้คุณสามารถใส่ทรานซิชันเจ๋งๆ และติดตามจังหวะได้ดีขึ้น คุณสามารถเพิ่มทรานซิชันระหว่างคลิปแยก เสียง และหน้าจอชื่อเรื่องได้

วิธีสร้างตัวอย่างแอพ iOS ที่คุ้มค่ากับ App Store ในราคาประหยัด
คุณสามารถเพิ่มการซ้อนทับข้อความและเสียงลงในการแสดงตัวอย่างแอปของคุณใน iMovie ก่อนส่งออก

เมื่อแก้ไขเสร็จแล้ว ให้คลิก File > Share > App P ตรวจทาน (ถ้าคุณไม่ได้t see App P ตรวจสอบคุณยังสามารถ clic ไฟล์ k) จากนั้นเลือกปลายทางที่คุณต้องการบันทึกและกด Enter หลังจากนั้นไม่กี่วินาที วิดีโอของคุณจะพร้อมใช้งาน

ปัญหาทั่วไป

ดังนั้น ณ จุดนี้ มีโอกาสดีที่คุณมีทุกอย่างพร้อมแล้ว แต่เมื่อคุณพยายามอัปโหลดตัวอย่างไปยัง iTunes Connect คุณจะได้รับข้อผิดพลาด มีแนวโน้มว่าปัญหาของคุณเกิดจากข้อกำหนดการแสดงตัวอย่างแอปข้อใดข้อหนึ่งต่อไปนี้:

  1. ความละเอียดของการแสดงตัวอย่างแอปต้องตรงกับข้อกำหนดสำหรับประเภทอุปกรณ์
  2. การแสดงตัวอย่างแอปของคุณต้องทำงานที่ 30 fps

โอกาสที่ความละเอียดของการแสดงตัวอย่างแอปของคุณไม่ตรงตามข้อกำหนดนั้นค่อนข้างต่ำ แต่จริงๆ แล้ว ฉันพบปัญหา แม้ว่าฉันจะบันทึกโดยตรงจาก iPhone ไม่ว่าด้วยเหตุผลใดก็ตาม Quicktime จับภาพทุกอย่างด้วยพิกเซลเดียว ดังนั้น iTunes Connect ปฏิเสธที่จะให้ฉันอัปโหลดวิดีโอ

หลังจากค้นหา ฉันพบเครื่องมือฟรีที่ให้คุณครอบตัด .mov . ของคุณ (หรือวิดีโอประเภทใดก็ได้) ลงในความละเอียดที่ถูกต้อง ไปที่ ezgif.com แล้วคลิก Video to GIF บนแถบนำทาง ซึ่งจะเปิดแถบนำทางอีกอันด้านล่างอันแรก ซึ่งคุณจะเห็น Crop video . คลิกแล้วอัปโหลด Quicktime .mov ไฟล์. ครอบตัดวิดีโอให้ได้ขนาดที่คุณต้องการและดาวน์โหลดไฟล์ใหม่

หากคุณประสบปัญหาเกี่ยวกับการแสดงตัวอย่างแอปของคุณไม่ทำงานที่ 30 fps นั่นเป็นเรื่องง่ายในการแก้ไข (ฟรี) ด้วย ffmpeg เปิดเทอร์มินัลของคุณ ตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งโฮมบรูว์ แล้วป้อน:

$ brew install ffmpeg

ตอนนี้เมื่อติดตั้ง ffmpeg แล้ว cd ลงในไดเร็กทอรีที่มีวิดีโอของคุณและป้อน:

$ ffmpeg -i "original.mov" -r 30 "converted_30fps_video.mov" 

การดำเนินการนี้จะส่งออกวิดีโอของคุณที่แปลงเป็น 30 fps

บทสรุป

ตอนนี้คุณควรมีตัวอย่างแอพที่ตรงตามข้อกำหนดทั้งหมดของ Apple การแสดงตัวอย่างแอปเป็นสิ่งสำคัญเพื่อให้แอปของคุณโดดเด่นกว่าแอปนับล้านใน App Store ฉันพบว่าเครื่องมือที่ใช้ในคู่มือนี้ทำให้ฉันได้แสดงตัวอย่างแอปคุณภาพสูงซึ่งฉันรู้สึกว่าทำการตลาดให้แอปของฉันได้ดี และไม่เสียค่าเล็กน้อย!

ฉันหวังว่าคู่มือนี้จะช่วยคุณประหยัดเวลาและเงิน ขอให้โชคดีในแอพสโตร์!

ขอบคุณมากสำหรับการอ่าน! หากคุณชอบเรื่องนี้ ติดตามฉันบน Twitter ที่ฉันโพสต์บทความเกี่ยวกับการจัดการผลิตภัณฑ์ วิศวกรรม และการออกแบบ