Votre salle d'attente, à votre image : découvrez les nouveaux modèles de CrowdHandler
CrowdHandler vous a toujours offert la liberté d'aménager votre salle d'attente exactement comme vous le souhaitez. Vous pouvez, par exemple, importer votre propre code HTML, modifier les messages affichés ou adapter l'interface à l'identité visuelle de votre marque.
Au fil du temps, les clients ont commencé à repousser les limites de cette flexibilité bien au-delà de ce que nous avions initialement imaginé. Nous avons ainsi vu apparaître des salles d’attente dotées d’arrière-plans vidéo immersifs, de visuels de produits en 3D interactifs et de scripts personnalisés qui adaptent l’expérience dans son ensemble en fonction de l’état de la file d’attente en temps réel.
Il y avait toutefois un hic : pour atteindre ce niveau de sophistication, il fallait souvent disposer d’une expertise approfondie en JavaScript. Ce qui aurait dû se résumer à de simples ajustements (comme modifier les messages ou masquer des éléments sous certaines conditions) a fini par nécessiter l’utilisation d’observateurs de mutation, la manipulation du DOM et la gestion complexe d’événements liés aux données de file d’attente.
Nous avons constaté que les mêmes schémas se répétaient chez différents clients. Et la conclusion s'est imposée d'elle-même : cela ne devrait pas être aussi compliqué.
Du coup, on a fait quelques changements
Pourquoi Vue.js ?
Lorsque nous avons entrepris de repenser le moteur de modèles, nous nous sommes concentrés sur une question simple : qui modifie réellement ces modèles ?
Ce ne sont pas toujours des développeurs expérimentés. Le plus souvent, il s'agit de designers, de responsables marketing ou de développeurs débutants. Ce sont des personnes qui maîtrisent le HTML et le CSS, mais qui ne devraient pas avoir à décortiquer une logique JavaScript complexe juste pour apporter une petite modification.
Vue offre un équilibre difficile à égaler. Sa syntaxe rappelle le HTML que l'on connaît bien, enrichie de quelques attributs intuitifs permettant d'ajouter de la logique. Pas de configuration complexe, pas de JSX, pas de surcharge liée aux outils. Vous écrivez du code de balisage, et ça fonctionne.
Pour les modifications courantes, telles que la mise à jour de la mise en page, la peaufine du texte ou la réorganisation des sections, l'expérience est pratiquement identique à celle de l'édition de code HTML brut. En revanche, lorsque vous avez besoin d'un comportement dynamique, Vue vous permet de l'intégrer directement dans votre balisage sans avoir à vous débattre avec le DOM.
Des solutions de contournement complexes au balisage simple
Bon nombre des personnalisations que nos clients ont mises en place au fil des ans suivent le même schéma : il s'agit d'ajustements pratiques et axés sur l'utilisateur qui, auparavant, exigeaient bien plus d'efforts qu'ils n'auraient dû.
Désormais, au lieu d'écrire des scripts personnalisés pour surveiller et modifier l'affichage des temps d'attente, vous pouvez gérer cela à l'aide d'une simple expression conditionnelle. Au lieu d'intercepter les mises à jour de la file d'attente pour masquer les niveaux de stock en mode compte à rebours, vous pouvez appliquer une seule directive directement dans votre code de balisage.
Un meilleur point de départ
Parallèlement au nouveau moteur de modèles, nous avons entièrement repensé le modèle par défaut de la salle d'attente. L'objectif était simple : vous offrir une base plus solide, que vous souhaitiez le personnaliser en profondeur ou simplement y apporter quelques modifications rapides.
Ce nouveau modèle est conçu pour être flexible, accessible et prêt à accueillir un public international dès sa mise en place. Vous pouvez rapidement l'adapter à votre image de marque ; il est conforme aux normes d'accessibilité AAA et permet de prendre en charge les utilisateurs dans plusieurs langues sans configuration supplémentaire.
Outre l'accessibilité, ces modèles offrent une expérience multilingue à vos utilisateurs. Le modèle multilingue standard prend en charge 50 langues différentes dès son installation.
Un flux de travail plus rapide et plus efficace
L'un des principaux points faibles signalés par nos clients (en particulier les designers) concernait le cycle de retour d'information : apporter une modification, la mettre en ligne, déclencher un scénario de file d'attente, repérer un problème, puis recommencer.
C'était long, frustrant et inutile.
Grâce à ce nouveau système, vous pouvez travailler localement avec des données fictives intégrées.
Vous voulez voir comment votre salle d'attente se comporte lorsque des milliers d'utilisateurs sont en attente ? Il suffit de modifier une valeur.
Vous souhaitez prévisualiser le mode compte à rebours ou le comportement par défaut ? Activez ou désactivez l'option correspondante.
Vous pouvez explorer tous les scénarios sans jamais quitter votre environnement de développement.
L'affichage mobile
Qu'en est-il des modèles existants ?
Rien ne change.
Vos modèles actuels continueront de fonctionner exactement comme aujourd'hui. Il n'y aura ni migration obligatoire, ni calendrier de suppression progressive, ni perturbation de votre configuration actuelle.
Les nouveaux modèles sont lancés en version bêta parallèlement au système actuel. Si votre configuration actuelle fonctionne, vous pouvez continuer à l’utiliser. Mais si vous partez de zéro (ou si vous souhaitez passer à la version supérieure), le nouveau système vous offre une transition beaucoup plus fluide.
Essayez-le dès aujourd'hui
Le nouveau système de modèles est désormais disponible en version bêta dans votre panneau de configuration CrowdHandler.
Que vous recherchiez un contrôle précis au pixel près sur vos designs sans avoir à recourir à des scripts complexes, ou une logique plus épurée et plus facile à maintenir sans avoir à vous battre avec le DOM, cette mise à jour a été conçue pour vous faciliter la vie.
Si vous utilisez déjà CrowdHandler, n'hésitez pas à découvrir les nouveaux modèles. Si vous êtes nouveau, c'est le moment idéal pour vous lancer. Vous pouvez vous inscrire gratuitement à CrowdHandler.