← Torna alle notizie

La tua sala d'attesa, a modo tuo: scopri i nuovi modelli di CrowdHandler

2b771dc4 4071 43cf 818b 11e232f7fc36.jpg

La tua sala d'attesa, a modo tuo: scopri i nuovi modelli di CrowdHandler

CrowdHandler ti ha sempre offerto la libertà di personalizzare la tua sala d'attesa esattamente come desideri. Ad esempio, puoi caricare il tuo codice HTML, modificare i messaggi o adattare il tutto al tuo marchio.

Con il passare del tempo, i clienti hanno iniziato a spingere questa flessibilità ben oltre quanto avessimo inizialmente immaginato. Abbiamo visto sale d’attesa con sfondi video immersivi, immagini interattive dei prodotti in 3D e script personalizzati che adattano l’intera esperienza in base alle condizioni della coda in tempo reale.

C'era solo un problema: per raggiungere quel livello di sofisticazione era spesso necessaria una profonda conoscenza di JavaScript. Quelle che avrebbero dovuto essere semplici modifiche (come adattare i messaggi o nascondere elementi in determinate condizioni) finivano per richiedere l’uso di mutation observer, la manipolazione del DOM e una complessa gestione degli eventi legata ai dati in coda.

Continuavamo a notare che gli stessi schemi si ripetevano con clienti diversi. E la conclusione è diventata ovvia: non dovrebbe essere così difficile.

Allora, abbiamo fatto qualche chan

Perché Vue.js?

Quando abbiamo deciso di riprogettare il motore dei template, ci siamo concentrati su una semplice domanda: chi modifica effettivamente questi template?

Non si tratta sempre di sviluppatori senior. Più spesso si tratta di designer, esperti di marketing o sviluppatori junior. Si tratta di persone che hanno dimestichezza con l’HTML e i CSS, ma che non dovrebbero essere costrette a decodificare una complessa logica JavaScript solo per apportare una piccola modifica.

Vue offre un equilibrio difficile da eguagliare. La sua sintassi ricorda l'HTML che tutti conosciamo, arricchita da alcuni attributi intuitivi che consentono di aggiungere logica. Non ci sono configurazioni complesse, né JSX, né sovraccarico dovuto agli strumenti. Basta scrivere il markup e funziona.

Per le modifiche quotidiane, come l'aggiornamento dei layout, la rifinitura dei testi o la riorganizzazione delle sezioni, l'esperienza risulta quasi identica alla modifica del semplice codice HTML. Tuttavia, quando è necessario un comportamento dinamico, Vue consente di aggiungerlo direttamente nel codice di markup senza dover lottare con il DOM.

Da soluzioni alternative complesse a un semplice markup

Molte delle personalizzazioni che abbiamo visto realizzare dai clienti nel corso degli anni seguono lo stesso schema di modifiche pratiche e incentrate sull'utente, che in passato richiedevano uno sforzo ben maggiore di quanto avrebbero dovuto.

Ora, invece di scrivere script personalizzati per monitorare e modificare la visualizzazione dei tempi di attesa, puoi gestire il tutto con una semplice espressione condizionale. Invece di intercettare gli aggiornamenti della coda per nascondere i livelli delle scorte durante la modalità conto alla rovescia, puoi applicare una singola direttiva direttamente nel tuo markup.

Un punto di partenza migliore

Oltre al nuovo motore di template, abbiamo completamente riprogettato il template predefinito della sala d'attesa. L'obiettivo era semplice: offrirvi una base più solida, sia che vogliate personalizzarlo in modo approfondito, sia che vogliate semplicemente apportare alcune modifiche veloci.

Il nuovo template è stato progettato per essere flessibile, accessibile e pronto per un pubblico globale fin da subito. È possibile adattarlo rapidamente al proprio marchio, è conforme agli standard di accessibilità AAA e può servire gli utenti in più lingue senza necessità di configurazioni aggiuntive.

Oltre all'accessibilità, i modelli offrono ai tuoi utenti un'esperienza multilingue. Il modello multilingue standard supporta 50 lingue diverse fin da subito.

Un flusso di lavoro più veloce e più efficiente

Uno dei principali punti critici segnalati dai clienti (soprattutto dai designer) era il ciclo di feedback: apportare una modifica, caricarla, attivare uno scenario in coda, individuare un problema, ripetere.

È stato lento, frustrante e inutile.

Con il nuovo sistema, è possibile lavorare localmente con dati di prova integrati.

Vuoi vedere come si comporta la tua sala d'attesa con migliaia di utenti in coda? Basta modificare un valore.

Vuoi vedere in anteprima la modalità conto alla rovescia o il comportamento predefinito? Attiva o disattiva l'opzione.

Puoi esplorare ogni scenario senza mai uscire dal tuo ambiente di sviluppo.

La visualizzazione per dispositivi mobili

E i modelli già esistenti?

Non cambia nulla.

I vostri modelli attuali continueranno a funzionare esattamente come oggi. Non è prevista alcuna migrazione obbligatoria, né una tempistica di obsolescenza, né alcuna interruzione della vostra configurazione esistente.

I nuovi modelli vengono lanciati in versione beta parallelamente al sistema attuale. Se quello che hai già funziona, puoi continuare a utilizzarlo. Ma se stai iniziando da zero (o desideri effettuare un aggiornamento), il nuovo sistema offre un percorso molto più agevole.

Provalo oggi stesso

Il nuovo sistema di modelli è ora disponibile in versione beta nel pannello di controllo di CrowdHandler.

Che tu stia cercando un controllo perfetto sul design a livello di pixel senza ricorrere a script complessi, oppure una logica più pulita e facile da gestire senza dover lottare con il DOM, questo aggiornamento è stato pensato per semplificarti la vita.

Se utilizzi già CrowdHandler, provalo subito ed esplora i nuovi modelli. Se sei un nuovo utente, questo è il momento perfetto per iniziare. Puoi registrarti gratuitamente su CrowdHandler.