Quasi tutti gli assistenti vocali basati sull'IA mostrano la stessa cosa sullo schermo: una sfera pulsante. Meno frequentemente, presentano una "testa parlante", un avatar video di una persona che muove le labbra. Ho creato una terza variante e l'ho chiamata ART DANYUK: mentre l'IA parla, migliaia di particelle luminose si uniscono a formare una figura 3D dell'oggetto di cui si sta parlando (una tazza di caffè, un divano, un delfino) per poi disperdersi nuovamente in un flusso di dati. Qui sotto trovate una demo live; potete toccarla direttamente. Questo articolo vi sarà utile se state scegliendo un assistente basato sull'IA per il vostro sito web o se state creando il vostro agente vocale e volete che venga ricordato.
Provalo direttamente nell'articolo
Tocca un oggetto qualsiasi nella parte inferiore della finestra oppure digita una parola in inglese, ad esempio "telescopio" o "chitarra". Il pulsante ▶ Tour avvia un breve dialogo: il visitatore chiede informazioni su caffè, dolci, un divano, cavalli e una gita in barca; l'IA risponde e le particelle assemblano ciascun oggetto. Un tocco crea un'onda, uno scorrimento ruota la scena e una pressione prolungata disperde l'oggetto, che viene poi riassemblato. Il pulsante rotondo nell'angolo cambia la tavolozza dei colori.
Se la finestra non si carica, apri la demo separatamente: vibevox.pro/stardust-demo.
Perché non avere un volto è meglio di una palla e una testa parlante?
La sfera mostra solo ciò che dice l'IA. Una testa parlante mostra chi sta parlando, ma è costosa e cade facilmente nella "valle perturbante", ovvero quando un'immagine quasi umana risulta più inquietante di un disegno nitido. Un avatar senza volto rivela la conversazione, ed è questo che rende il tutto memorabile.
| Opzione | Ciò che vede il visitatore | Dove viene conteggiata l'immagine? |
|---|---|---|
| Palla pulsante | animazione astratta | nel browser, quasi senza caricamento |
| Avatar video umano | Movimenti del viso e delle labbra sincronizzati con il parlato. | Su un server dotato di scheda video, l'intera conversazione avviene tramite un flusso video. |
| ART DANYUK | argomento di conversazione in 3D | nel browser del visitatore, sulla rete - solo la voce e il nome dell'elemento |
Due stili: ART DANYUK e stelle 3D
ART DANYUK - una scultura di dati. Fino a 131.000 particelle fluiscono come un bozzolo, un oggetto nasce al suo interno, indugia per qualche secondo e poi si dissolve di nuovo. Tavolozze: "Auto" (una miscelazione lenta di tutti i colori), Oceano, Corallo, Nebulosa, Giardino. Richiede WebGL2, incluso in quasi tutti i telefoni recenti.
Stelle 3D: una galassia a spirale in una nebulosa. Le stelle si uniscono ad arco formando una figura tridimensionale e illuminata che ruota come un oggetto reale. Funziona su qualsiasi telefono e ART DANYUK passa automaticamente a questo stile se il tuo dispositivo non è all'altezza.
In entrambi gli stili, le particelle "respirano" a tempo con la voce dell'IA: più forte è la frase, più luminosa e vibrante è l'immagine.
Come funziona dall'interno?
- Uno strumento di intelligenza artificiale. Il modello richiama la funzione show_visual ("mostra oggetto") con un nome in inglese, ad esempio "tazza di caffè", e continua a parlare. La voce non attende mai un'immagine: si tratta di un canale dati separato e di piccole dimensioni.
- Una libreria di 1.359 modelli. Cibo, mobili, animali, piante, mezzi di trasporto, utensili, cosmetici, gioielli, elettronica e sport. Tutti i modelli originali sono rilasciati con licenza CC0 gratuita e li ho convertiti in nuvole di punti di dimensioni comprese tra 2 e 10 KB. Ciascun modello viene scaricato al primo utilizzo e successivamente memorizzato nella cache del browser.
- Rete di sicurezza. A volte i modelli di IA "dimenticano" di richiamare uno strumento. Pertanto, dopo un secondo e mezzo di risposta, il modello leggero seleziona automaticamente l'elemento dalla frase del visitatore e dall'inizio della risposta. Tralascia saluti, convenevoli e persone.
- Fotocamera. Il visitatore può puntare il prodotto verso la fotocamera e cliccare su "Riconosci". L'IA assegnerà un nome all'oggetto e le particelle ne assembleranno la forma.
Cosa vede il visitatore durante la chiamata?
- Durante la connessione della chiamata, le particelle formano la scritta VibeVox e, nel tuo progetto, il nome del tuo marchio.
- L'IA saluta e la nuvola di particelle respira a tempo con la sua voce: una pausa, l'immagine svanisce, la frase prende vita.
- La conversazione ha raggiunto il soggetto: le particelle si raccolgono nella sua figura, la trattengono mentre l'IA parla, e poi rifluiscono indietro.
- La figura può essere ruotata scorrendo il dito e distrutta tenendo premuto a lungo, trasformando così l'attesa di una risposta in un gioco.
- Il volume si regola tramite il cursore nella barra superiore delle suonerie e la fotocamera può essere attivata e disattivata in qualsiasi momento.
Il consulente basato sull'IA risponde nella lingua del visitatore. Ho spiegato come rendere il sito web multilingue in modo che sia visibile ai motori di ricerca nel mio articolo su un sito web multilingue senza traduttore.
In quali ambiti aziendali è utile?
- In una caffetteria o in una pasticceria, un consulente parla di caffè espresso e dessert, e il cliente vede una tazza e un cupcake.
- Negozio di mobili - "divano compatto per un piccolo appartamento" si trasforma immediatamente in un divano sullo schermo.
- Turismo ed escursioni: una gita in barca con i delfini diventa un delfino e una prenotazione diventa un cestino.
- All'interno della biblioteca è presente un negozio che vende cosmetici, attrezzi ed elettronica, come rossetti, cacciaviti e cuffie.
- Mostre e vetrine: uno schermo che mostra ciò che interessa ai visitatori e attira l'attenzione.
Nella mia analisi degli agenti per l'e-commerce ho dimostrato in che modo un agente basato sull'intelligenza artificiale che guida i clienti verso i loro ordini si differenzia da un normale chatbot.
Come inserirlo sul tuo sito web?
Esistono tre opzioni, a seconda che abbiate bisogno di un consulente già pronto, dell'intero sito web o solo della grafica.
| Ciò che è necessario | Come ottenere |
|---|---|
| Un consulente AI pronto all'uso con voce e visualizzazione 3D | Widget VibeVox - nelle impostazioni, seleziona "Figure 3D" o ART DANYUK e la voce dell'assistente |
| Un sito web con un assistente AI integrato | 1001site AI: Piano tutto incluso - €45 al mese, primo mese con codice promozionale del mese - €25 |
| Semplicemente grafica per la tua intelligenza artificiale vocale. | Motore Stardust su GitHub: gratuito per progetti personali, licenza commerciale per le aziende |
Le istruzioni su come abilitare e configurare l'assistente AI nel tuo account 1001site sono descritte nella knowledge base.
Per gli sviluppatori, la connessione richiede un solo strumento nelle impostazioni del modello e una sola riga nel browser: esempi per Gemini Live, OpenAI Realtime, ElevenLabs, LiveKit e Pipecat sono disponibili nel repository di Stardust.
Se desideri un consulente AI come questo ma non vuoi occuparti personalmente della sua creazione, contattami su Telegram @GuruAppSheet: creerò un agente per il tuo catalogo e ti mostrerò una demo utilizzando i tuoi prodotti.
