Un tool per slide, quiz e workflow interattivi

Strumenti come quelli del titolo, interattivi e con possibilità di avere risposte multiple che aprono percorsi alternativi sono molto interessanti e duttili. I nomi più noti nel mondo della formazione aziendale sono Articulate Storyline, iSpring, Adobe Captivate.

Funzionano bene, ma hanno limiti significativi come il costo e la complessità. Le licenze partono da diverse centinaia di euro all’anno e arrivano a cifre considerevoli per i piani enterprise. Per un formatore indipendente o una piccola azienda che vuole sperimentare, è una barriera d’ingresso importante. Inoltre sono applicazioni desktop con curve di apprendimento impegnative e strutture non semplici tra configurazione del progetto, importazione di asset, definizione delle variabili e pubblicazione.

Ho provato a fare qualcosa di più semplice e accessibile.

Branching Navigator: cos’è

Ho sviluppato Branching Navigator per rispondere a questa esigenza. È un framework leggero per creare esperienze interattive a bivi, percorsi dove l’utente compie scelte e il contenuto si adatta di conseguenza.

Le caratteristiche principali:

• Architettura semplice. Un’istanza funzionante è composta da quattro file: due HTML (il navigator e l’editor) e due JSON (la configurazione e i dati dello scenario configurati a nodi). Questa separazione permette di modificare i contenuti senza toccare il codice. Basta caricare il tutto su un server web, una intranet aziendale, o GitHub Pages (gratuito) e il gioco è fatto. Non servono plugin, non serve software aggiuntivo da installare.

• Mappa visuale. L’utente può vedere in qualsiasi momento la struttura del percorso: dove si trova, quali nodi ha già visitato, quali strade può ancora esplorare. Questo riduce il senso di disorientamento tipico dei contenuti ramificati.

• Risorse allegabili. Ogni nodo del percorso può includere link, documenti scaricabili, video. Non solo testo, ma un vero kit di materiali contestuali.

• Editor visuale degli scenari e del tema. Non serve modificare il file JSON a mano. Gli editor permettono di creare e modificare gli scenari così come lavorare sul tema, con un’interfaccia grafica, vedere la mappa in tempo reale, aggiungere nodi con pochi clic, modificare colori, font e posizione degli elementi del brand.

• Open source e gratuito. Licenza MIT, codice su GitHub, nessun costo nascosto.

Applicazioni concrete

• Training aziendale. Percorsi di compliance dove le risposte sbagliate portano ad approfondimenti mirati. Onboarding differenziato per ruolo. Simulazioni di conversazioni con clienti dove ogni risposta ha conseguenze.

• Didattica. Quiz che insegnano invece di limitarsi a valutare. Esplorazione di casi studio con diramazioni. Percorsi di recupero per studenti con lacune specifiche.

• Documentazione tecnica. Troubleshooting guidato: “Il problema è X? Sì → vai qui. No → verifica Y.” FAQ interattive che portano alla risposta giusta invece di presentare un muro di testo.

• Storytelling e gaming. Narrative a bivi per presentazioni coinvolgenti, simulazioni di scenario per il decision making, giochi di ruolo formativi, avventure testuali interattive.

Un salto di complessità

Chi segue questo blog sa che ho iniziato a condividere simulatori interattivi sviluppati con l’assistenza di Claude, per ora il ciclo cardiaco, la gravità, il sistema digerente. Erano progetti relativamente semplici, visualizzazioni animate con controlli utente.

Branching Navigator rappresenta un salto di complessità, non è più una singola animazione ma un sistema completo con un motore di navigazione, un editor visuale, un formato dati strutturato, la gestione di scenari multipli e lingue multiple. Senza Claude non sarei stato in grado di realizzarlo, non con queste tempistiche e non con questo livello di funzionalità. Il progetto ha richiesto circa una giornata di lavoro usando un’unica lunghissima chat, un tempo impensabile per uno sviluppo tradizionale di questa portata.

Provatelo

Il modo migliore per capire come funziona è provarlo direttamente. Ho preparato uno scenario di esempio, un workflow semplice con le varie funzionalità

→ Prova il navigator

Nel repository trovate anche un secondo scenario di esempio (un workflow decisionale) e tutto il codice sorgente.

→ Repository su GitHub

Nella prossima puntata

Questo articolo ha presentato il prodotto finito. Ma come è nato? Quanto tempo serve per sviluppare qualcosa del genere con l’assistenza di Claude? E soprattutto: come potete creare in autonomia i vostri scenari?

Nella seconda puntata racconterò il processo di sviluppo e fornirò un tutorial pratico, passo dopo passo, per creare il vostro primo scenario interattivo, non è richiesto nessun prerequisito tecnico.

Branching Navigator è open source (licenza MIT). Usatelo liberamente per i vostri progetti formativi. Se vi interessa una formazione personalizzata sull’uso delle AI generative nei processi aziendali, inclusa la creazione di strumenti come questo, potete contattarmi attraverso ai-know.pro.