คุณสามารถสร้างวิดีโอสอนใช้งานผลิตภัณฑ์แบบพิกเซลเพอร์เฟกต์ (pixel-perfect) ได้โดยอัตโนมัติด้วย Cloud Agent ที่มีคอมพิวเตอร์เป็นของตัวเอง และบันทึกหน้าจอการใช้งานแอปของคุณได้เหมือนมนุษย์จริง ๆ (อย่างเช่น Devin) ในทางเทคนิคแล้วเรื่องนี้ทำได้มาสักพักหนึ่ง แต่พอมี Opus 5.5 ผลลัพธ์ที่ได้ก็พัฒนาไปไกลจนดีกว่าที่ผมลงมือทำเองเสียอีก
ผมทำวิดีโอสอนใช้งานแนวนี้มาเกิน 10 ปีแล้ว เลยไม่ได้พูดเกินจริงเลยสักนิด วิธีนี้มีประโยชน์มากโดยเฉพาะกับวิดีโอพื้นฐานแต่สำคัญที่ไม่จำเป็นต้องมีคนมานั่งพูดหน้ากล้อง แถมยังง่ายและเร็วกว่าเดิมถึง 100 เท่า
สรุปสั้น ๆ:
Cloud Agent ของคุณมีคอมพิวเตอร์เป็นของตัวเองอยู่แล้ว แค่สร้างบัญชีในระบบให้มัน ตั้งค่าทุกอย่างให้พร้อม เปิดสิทธิ์เข้าถึงเอกสาร สไตล์ไกด์ และทรัพยากรอื่น ๆ ที่จำเป็น
จากนั้นก็สั่งให้มันสร้างวิดีโอสอนใช้งานให้คุณ เหมือนที่สั่งคนคนหนึ่งได้เลย
นี่คือภาพหน้าจอสภาพแวดล้อมของผมตอนทำสิ่งนี้ (ฝั่งขวาคือ Cloud Computer ที่ล็อกอินไว้ ฝั่งซ้ายคือช่องพิมพ์ Prompt):
วิธีนี้ได้ผลดีมากเป็นพิเศษบน Devin เพราะมีเครื่อง macOS, Linux และ Windows แท้ ๆ บนคลาวด์ในตัว จึงรันแทบทุกโปรแกรมได้ ไม่ว่าจะเป็น Web App, แอปเนทีฟของ iOS, iPad, macOS, แอป Windows หรือแอป Android
มันยังสามารถ ดาวน์โหลด แอปใดก็ได้ ล็อกอินเข้าแอปหรือบริการต่าง ๆ เข้าถึงข้อมูลยืนยันตัวตนได้อย่างปลอดภัย และใช้เครื่องมือทุกอย่างได้เหมือนมนุษย์
ดังนั้น คุณจึงสร้างวิดีโอสอนใช้งานแบบนี้เป๊ะ ๆ ให้กับแอป iPhone, แอป Android ฯลฯ ของคุณได้เลย...
เมื่อคุณมีเวิร์กโฟลว์ที่ดีแล้ว คุณสามารถสร้างเดโมเหล่านี้ให้กับทุกฟีเจอร์ที่ต้องการพร้อมกันได้แบบขนานกันไปเลย เพราะ Cloud Agent สามารถเปิดคอมพิวเตอร์ของตัวเองนับร้อยหรือนับพันเครื่องพร้อมกันได้ในคราวเดียว
คุณยังสามารถทำให้กระบวนการนี้เป็นอัตโนมัติได้ด้วย เช่น เมื่อมีการอัปเดต Changelog ใหม่ ระบบก็จะทริกเกอร์ให้สร้างวิดีโอขึ้นมาพร้อมกันเลย
ที่จริงแล้ว Devin ก็ทำวิดีโอสอนวิธีใช้งานตัวมันเองด้วยนะ!
การทดสอบและตรวจสอบความถูกต้อง
ทั้งหมดนี้ต่อยอดมาจากสิ่งที่ Devin ทำอยู่ทุกวันอยู่แล้ว นั่นคือการทดสอบแอปแบบ End-to-End โดยรันทุกอย่างและอัดวิดีโอกระบวนการทั้งหมดไว้ พร้อมใส่คำอธิบายประกอบบนหน้าจอ ไฮไลต์จุดที่คลิกและจุดที่พิมพ์ให้ดูชัดเจน
เนื่องจากมันเป็นแค่คอมพิวเตอร์เครื่องหนึ่ง จึงไม่มีอะไรถูกจำลอง (mock) ขึ้นมา มันติดตั้งแอป ล็อกอิน และใช้งานจริง ๆ ทุกขั้นตอน
วิดีโอสอนใช้งานก็คือการรันแบบเดียวกันนั้นแหละ เพียงแต่เพิ่มสไตล์ไกด์เข้าไป ดังนั้นมันจึงผ่านการทดสอบแล้วว่าใช้งานได้จริงก่อนที่คุณจะเผยแพร่
นี่คือวิดีโอสอนใช้งานที่สร้างโดย Devin ซึ่งจะแสดงให้เห็นว่ามันทำงานอย่างไร!
ดีกว่าในแทบทุกมิติ
วงการซอฟต์แวร์เปลี่ยนแปลงเร็วมาก การจะรักษาวิดีโอสอนใช้งานให้ทันสมัยอยู่เสมอเป็นเรื่องแทบจะเป็นไปไม่ได้เลย ถ้าไม่จ้างทีมครีเอเตอร์วิดีโอมาเป็นกองทัพ
บริษัทซอฟต์แวร์ทุกแห่งที่ผมเคยทำงานด้วยและมีเอกสารสำหรับผู้ใช้ภายนอก ล้วนไม่สามารถขยายสเกลส่วนนี้ได้สำเร็จ การรักษาวิดีโอประเภทนี้ให้เป็นปัจจุบันถือเป็นความท้าทาย (หรืออาจเรียกว่าเป็นไปไม่ได้เลย) มาตลอด
สำหรับมนุษย์ที่ต้องมานั่งทำวิดีโอเหล่านี้ กระบวนการมันน่าเบื่อหน่ายมาก มีรายละเอียดเล็ก ๆ น้อย ๆ ให้ต้องเก็บเยอะจนยากที่จะทำออกมาให้สม่ำเสมอได้ทุกครั้ง
แต่คอมพิวเตอร์เก่งเรื่องความสม่ำเสมอสุด ๆ
มันสามารถควบคุมทุกเฟรมให้เหมือนกันหมดผ่านโค้ด เบลอข้อมูลที่คุณไม่อยากให้ใครเห็น กำหนดขอบ ขนาดฟอนต์ ระยะห่าง หรือจะทำอะไรก็ได้ทั้งนั้น
ดูเหมือนเราจะมาถึงจุดเปลี่ยนแล้ว เพราะผมไม่รู้สึกว่าวิดีโอสอนใช้งานที่มนุษย์ทำขึ้นจะดีกว่าแบบนี้อีกต่อไป หรือบางทีผมอาจจะบอกได้เลยว่ามันด้อยกว่าอย่างเห็นได้ชัด
ลองดูอีกตัวอย่าง:
Prompt ที่ใช้
นี่คือ Prompt ที่ใช้: https://gist.github.com/dabit3/5d3969b61db56dc150c161b46350584a
สิ่งที่น่าสนใจคือ นี่จะเป็นเวอร์ชันที่แย่ที่สุดเท่าที่คุณจะได้เห็นแล้ว
ผมแทบยังไม่ได้ปรับแต่ง Prompt หรือเวิร์กโฟลว์นี้เลย และคิดว่าถ้าลงแรงขัดเกลาเพิ่มอีกนิดเดียว คุณก็จะได้ผลลัพธ์ที่แยกไม่ออกเลยว่าต่างจากวิดีโอสอนใช้งานระดับมืออาชีพที่ผลิตอย่างพิถีพิถันอย่างไร
วิดีโอเปิดตัวและอื่น ๆ
แน่นอนว่าคุณนำเทคนิคเดียวกันนี้ไปประยุกต์ใช้กับอะไรก็ได้ และที่เห็นภาพชัดที่สุดก็คือวิดีโอเปิดตัว นี่คือตัวอย่างบางส่วนที่ผมทำได้ด้วยเทคนิคคล้าย ๆ กัน
ส่วนใหญ่ยังคงกลิ่นอายและเอกลักษณ์ของแบรนด์เราไว้ได้ครบถ้วน แต่ก็ยังมีความคิดสร้างสรรค์แฝงอยู่:
ส่วนพวกนี้หลุดกรอบไปหน่อย แต่ก็ยังเจ๋งดี:
