Puoi automatizzare tutorial di prodotto pixel-perfect con un agente cloud che ha il proprio computer e si registra mentre usa la tua app esattamente come farebbe una persona (come Devin). Tecnicamente è possibile da un po', ma con Opus 5.5 i risultati hanno fatto un salto di qualità, superando persino quello che riesco a creare io a mano.
Creo questo tipo di tutorial da oltre 10 anni, quindi non lo dico tanto per dire. È particolarmente utile per i tutorial di base, ma comunque importanti, in cui non serve mostrare il volto di chi parla. Ed è 100 volte più semplice e veloce.
TLDR:
Il tuo agente cloud ha già il suo computer. Creagli un account nel tuo sistema con tutto già configurato, dagli accesso alla documentazione, a una guida di stile e a qualsiasi altra risorsa.
Poi chiedigli di creare i tutorial per te, esattamente come faresti con una persona.
Ecco uno screenshot del mio ambiente di lavoro mentre lo faccio (computer cloud con accesso effettuato sulla destra, prompt sulla sinistra):
Funziona particolarmente bene su Devin, che offre macchine native macOS, Linux e Windows nel cloud, così può far girare praticamente qualsiasi cosa: web app, app native iOS, iPad e macOS, app Windows e app Android.
Può anche scaricare qualsiasi app, autenticarsi in qualsiasi app o servizio, accedere in modo sicuro alle credenziali e usare qualsiasi strumento userebbe un essere umano.
Quindi puoi creare questi identici tutorial per la tua app iPhone, la tua app Android e così via...
Una volta trovato il workflow giusto, puoi creare queste demo letteralmente per ogni funzionalità desideri in parallelo, perché gli agenti cloud possono avviare centinaia o addirittura migliaia di computer propri contemporaneamente.
Puoi automatizzare il processo in modo che, quando viene pubblicato un nuovo changelog, parta in automatico la generazione simultanea dei video.
Anzi, Devin ha persino creato un tutorial per mostrarti come farlo con Devin!
Test e verifica
Tutto questo si basa su qualcosa che Devin fa già ogni giorno: testa le app end-to-end, esegue ogni operazione e registra un video dell'intero processo, con annotazioni a schermo che evidenziano dove clicca e cosa digita.
Dato che si tratta semplicemente di un computer, non c'è nulla di simulato. Installa l'app, effettua l'accesso e la usa davvero.
Un tutorial è fondamentalmente la stessa esecuzione con in più una guida di stile, quindi è già verificato e funzionante prima ancora che tu lo pubblichi.
Ecco un tutorial creato da Devin che mostra come funziona!
Meglio sotto quasi ogni aspetto
Il software evolve a una velocità impressionante ed è quasi impossibile mantenere aggiornati i video tutorial senza assumere un esercito di creator.
In tutte le aziende software in cui ho lavorato che avevano documentazione rivolta all'esterno, scalare questo processo si è rivelato impossibile. Mantenere questo tipo di video è sempre stata una sfida (anzi, un'impresa impossibile).
Per un essere umano, creare questi video è un processo estremamente noioso. Ci sono talmente tanti piccoli dettagli da curare che è difficilissimo mantenere la coerenza.
I computer, invece, sono imbattibili nella coerenza.
Possono gestire programmaticamente la costanza di ogni singolo frame, sfocare le informazioni che non vuoi mostrare, impostare bordi, dimensioni dei font e margini... davvero qualsiasi cosa.
Sembra che abbiamo raggiunto il punto di svolta: non credo più che i tutorial di questo tipo realizzati da umani siano migliori, o forse sto proprio dicendo che sono oggettivamente peggiori.
Un altro esempio:
Il prompt
Ecco il prompt: https://gist.github.com/dabit3/5d3969b61db56dc150c161b46350584a
Vale la pena sottolineare che questo è il punto di partenza peggiore da cui si possa partire: potrà solo migliorare.
Ho iterato pochissimo su questo prompt o sul workflow e credo che, con un minimo di olio di gomito in più, potresti ottenere risultati indistinguibili da un tutorial professionale e rifinito.
Video di lancio e altro
Ovviamente puoi applicare questa stessa tecnica a qualsiasi cosa, e l'uso più immediato sono i video di lancio. Ecco un paio di cose che sono riuscito a realizzare con approcci simili.
La maggior parte mantiene un look & feel coerente con il nostro branding, pur essendo creativa:
E questi sono andati un po' fuori dagli schemi, ma erano comunque piuttosto fighi:
