Ihr Wartezimmer, ganz nach Ihren Vorstellungen: Lernen Sie die neuen Vorlagen von CrowdHandler kennen
CrowdHandler hat Ihnen schon immer die Freiheit gegeben, Ihren Warteraum ganz nach Ihren Wünschen zu gestalten. Sie können beispielsweise Ihren eigenen HTML-Code hochladen, die Texte anpassen oder das Design an Ihre Marke anpassen.
Im Laufe der Zeit haben die Kunden diese Flexibilität weit über das hinausgetrieben, was wir uns ursprünglich vorgestellt hatten. Wir haben Wartezimmer mit immersiven Videohintergründen, interaktiven 3D-Produktdarstellungen und maßgeschneiderten Skripten gesehen, die das gesamte Erlebnis an die Warteschlangenlage in Echtzeit anpassen.
Es gab nur einen Haken: Um diesen Grad an Raffinesse zu erreichen, waren oft fundierte JavaScript-Kenntnisse erforderlich. Was eigentlich einfache Anpassungen hätten sein sollen (wie das Anpassen von Meldungen oder das Ausblenden von Elementen unter bestimmten Bedingungen), erforderte letztendlich den Einsatz von Mutation Observers, DOM-Manipulation und komplexe Ereignisbehandlung in Verbindung mit Warteschlangendaten.
Wir stellten fest, dass sich bei verschiedenen Kunden immer wieder dieselben Muster wiederholten. Und die Schlussfolgerung lag auf der Hand: Das sollte eigentlich nicht so schwierig sein.
Also haben wir ein paar Änderungen vorgenommen
Warum Vue.js?
Als wir uns daran machten, die Template-Engine neu zu gestalten, haben wir uns auf eine einfache Frage konzentriert: Wer bearbeitet diese Templates eigentlich?
Es sind nicht immer erfahrene Entwickler. Häufiger sind es Designer, Marketingfachleute oder Nachwuchsentwickler. Das sind Menschen, die sich mit HTML und CSS gut auskennen, aber nicht erst komplexe JavaScript-Logik zurückentwickeln müssen, nur um eine kleine Änderung vorzunehmen.
Vue schafft eine Balance, die kaum zu übertreffen ist. Die Syntax erinnert an vertrautes HTML, ergänzt durch einige intuitive Attribute zum Einfügen von Logik. Es gibt keine komplizierte Build-Konfiguration, kein JSX und keinen Tooling-Aufwand. Man schreibt einfach Markup, und es funktioniert.
Bei alltäglichen Bearbeitungen wie der Aktualisierung von Layouts, der Überarbeitung von Texten oder der Neuanordnung von Abschnitten fühlt sich die Bedienung fast genauso an wie beim Bearbeiten von reinem HTML. Wenn Sie jedoch dynamisches Verhalten benötigen, können Sie dies mit Vue direkt in Ihren Markup-Code einfügen, ohne sich mit dem DOM herumschlagen zu müssen.
Von komplexen Umgehungslösungen zu einfacher Markup-Sprache
Viele der Anpassungen, die Kunden im Laufe der Jahre vorgenommen haben, folgen dem gleichen Muster: Es handelt sich um praktische, nutzerorientierte Optimierungen, deren Umsetzung früher weitaus mehr Aufwand erforderte, als eigentlich nötig gewesen wäre.
Anstatt nun eigene Skripte zu schreiben, um die Anzeige der Wartezeiten zu überwachen und anzupassen, können Sie dies mit einem einfachen bedingten Ausdruck regeln. Anstatt Warteschlangen-Aktualisierungen abzufangen, um die Lagerbestände im Countdown-Modus auszublenden, können Sie eine einzige Anweisung direkt in Ihrem Markup anwenden.
Ein besserer Ausgangspunkt
Neben der neuen Template-Engine haben wir die Standardvorlage für den Warteraum komplett überarbeitet. Das Ziel war einfach: Ihnen eine solidere Grundlage zu bieten, ganz gleich, ob Sie umfangreiche Anpassungen vornehmen oder nur ein paar schnelle Änderungen vornehmen möchten.
Die neue Vorlage ist so konzipiert, dass sie flexibel und barrierefrei ist und sich von Anfang an für ein globales Publikum eignet. Sie lässt sich schnell an Ihre Marke anpassen, erfüllt die AAA-Standards für Barrierefreiheit und kann Nutzer in mehreren Sprachen bedienen, ohne dass zusätzliche Einstellungen erforderlich sind.
Neben der Barrierefreiheit bieten die Vorlagen Ihren Nutzern ein mehrsprachiges Erlebnis. Die standardmäßige mehrsprachige Vorlage unterstützt von Haus aus 50 verschiedene Sprachen.
Ein schnellerer, intelligenterer Arbeitsablauf
Einer der größten Kritikpunkte, den wir von Kunden (insbesondere von Designern) gehört haben, war der Feedback-Kreislauf: Eine Änderung vornehmen. Hochladen. Ein Warteschlangenszenario auslösen. Ein Problem entdecken. Wiederholen.
Es war langwierig, frustrierend und unnötig.
Mit dem neuen System können Sie lokal mit integrierten Testdaten arbeiten.
Möchten Sie sehen, wie sich Ihr Wartezimmer verhält, wenn Tausende von Nutzern in der Warteschlange stehen? Ändern Sie einfach einen Wert.
Möchten Sie eine Vorschau des Countdown-Modus oder des Standardverhaltens anzeigen? Setzen Sie ein Flag.
Sie können jedes Szenario durchspielen, ohne jemals Ihre Entwicklungsumgebung verlassen zu müssen.
Die mobile Ansicht
Was ist mit den vorhandenen Vorlagen?
Es ändert sich nichts.
Ihre aktuellen Vorlagen werden weiterhin genau so funktionieren wie heute. Es gibt keine erzwungene Migration, keinen Zeitplan für die Auslaufphase und keine Beeinträchtigung Ihrer bestehenden Konfiguration.
Die neuen Vorlagen werden parallel zum aktuellen System in der Beta-Phase eingeführt. Wenn Ihr derzeitiges System gut funktioniert, können Sie es weiterhin nutzen. Wenn Sie jedoch ganz von vorne anfangen (oder ein Upgrade vornehmen möchten), bietet das neue System einen wesentlich reibungsloseren Weg in die Zukunft.
Probieren Sie es noch heute aus
Das neue Vorlagensystem ist ab sofort als Beta-Version in Ihrem CrowdHandler-Kontrollpanel verfügbar.
Ganz gleich, ob Sie eine pixelgenaue Designkontrolle ohne aufwendige Skripte anstreben oder eine übersichtlichere, besser wartbare Logik, ohne sich mit dem DOM herumschlagen zu müssen – dieses Update wurde entwickelt, um Ihnen das Leben zu erleichtern.
Wenn Sie CrowdHandler bereits nutzen, probieren Sie die neuen Vorlagen doch einfach mal aus. Wenn Sie noch neu dabei sind, ist jetzt der perfekte Zeitpunkt, um loszulegen. Sie können sich kostenlos bei CrowdHandler anmelden.