Blogartikel

4min. Lesezeit

AB Tasty: A Great Place to Work

Bei dem frankreichweiten Wettbewerb ‚Great Place to Work‘ belegt AB Tasty den 4. Platz der attraktivsten Arbeitgeber aus Mitarbeiterperspektive

Zufriedene Mitarbeiter – Nicht nur in Frankreich

Die Mitarbeiterbefragung Great Place to Work zeigt: AB Tasty zeichnet sich durch eine ausgezeichnete Arbeitsatmosphäre aus. Als viertplatzierter im Ranking der attraktivsten Unternehmen in Frankreich, freuen wir uns über die ausgezeichnete Bewertung aus den eigenen Reihen. Doch nicht nur in Frankreich verzeichnet AB Tasty glückliche und zufriedene Mitarbeiter. Mit weiteren Standorten in Köln, Berlin, London, Madrid, Sydney und New York ist AB Tasty an wichtigen Hotspots der Welt vertreten und von verschiedenen internationalen Einflüssen geprägt.

Im Umgang mit ihren Mitarbeitern zeigen sich die Gründer Alix de Sagazan und Rémi Aubert offen und modern. Kommunikation ist alles: Die Teams der verschiedenen Standorte organisieren sich durch regelmäßige Standup Meetings, wie das „Weekly DE“ Freitags in Köln und das große „Big up“ zu Beginn jeder Woche im großen Eingangsbereich des Pariser Office. Alle Mitarbeiter kommen zusammen, tauschen sich über Neuigkeiten aus und schildern ihre ganz eigene Sicht der Dinge. So herrscht ein stetiges Bewusstsein darüber, an was die Teamkollegen gerade arbeiten und welche Themen in anderen Abteilungen gerade behandelt werden. Dabei bilden die Distanzen zwischen den Standorten und unterschiedliche Zeitzonen (Köln – Sydney + 10 Stunden) zwar eine konstante Herausforderung, doch als eingespieltes internationales Team weiß AB Tasty diese zu meistern. Modernste Telekommunikations-Tools ermöglichen Videokonferenzen auch über eine Entfernung von 16.570,15 km zwischen Sydney und Köln.

Nicht immer dreht sich bei AB Tasty alles um die gleichnamige SaaS-Lösung. In regelmäßigen Abständen stehen Teamevents auf dem Programm. So kamen beim großen Seminar im September 2016 die Mitarbeiter aller Standorte zusammen und paddelten im sonnigen Frankreich um die Wette. Zwei Tage verbrachten alle zusammen im Center Parc, die Mitarbeiter lernten sich besser kennen und neue Freundschaften entstanden. Bei Events dieser Art zeigt sich, wie bunt gemischt die AB Tasty „Truppe“ ist: 110 Mitarbeiter, 24 Nationalitäten und Standorte in 6 verschiedenen Ländern. Du möchtest deine Kollegen im sonnigen Madrid besuchen? Los geht’s, denn bei AB Tasty kann jeder Mitarbeiter ein mal im Jahr für ein paar Tage an einem anderen Standort arbeiten und die Gelegenheit nutzen, Angelegenheiten persönlich zu besprechen.

AB Tasty wächst rasant und ist stets auf der Suche nach Verstärkung

AB Tasty wurde 2011 gegründet und ist eines von 48 Startups, die von der Organisation French Tech als besonders innovativ anerkannt und dafür mit dem Bpifrance Excellence-Siegel ausgezeichnet wurden. AB Tasty bringt sehr unterschiedliche Talente zusammen. Ob neugieriger IT-Newcomer, erfahrene Conversion-Expertin oder begeisterter E-Commerce-Manager – bei uns kann jeder seine Stärken einbringen und uns auf unserem Weg in die digitale Zukunft tatkräftig unterstützen. Bewirb dich jetzt! Unsere offenen Stellen findest du hier.

Über AB Tasty

AB Tasty ist Europas führende All-in-one SaaS-Lösung zur Optimierung von On-Site-Konversionen und In-App-Messages. Unser intuitiver visueller Editor ermöglicht es Marketing Teams, Ideen zur Optimierung zügig umzusetzen, den Einfluss auf die Konversionsrate zu messen und so datenbasierte Entscheidungen zu treffen. Eine personalisierte Ansprache definierter Kundensegmente sowie eine Auswahl an Engagement-Widgets erweitern den Handlungsspielraum für ein perfektes Kundenerlebnis, ohne dafür auf IT-Ressourcen zurück greifen zu müssen. AB Tasty ist für Webseiten, responsive Sites und native Apps erhältlich. env-abtasty-newwebsite.kinsta.cloud

Alles weitere über AB Tasty erfährst du hier!

Abonniere
unseren Newsletter

bloc Newsletter DE

Wir verarbeiten und speichern deine persönlichen Daten, um deine Anfrage zu beantworten. Siehe dir unsere Datenschutzerklärung an.

Blogartikel

6min. Lesezeit

A/B Testing: Wie man mit Flickering richtig umgeht

Beim Flicker-Effekt im A/B Testing sieht man für einen winzigen Moment die ursprüngliche Version einer Webseite, bevor diese durch die Inhalte der Testvariante ersetzt wird. Für das Flickering gibt es kein Allheilmittel und auch vermeintlich schnelle und innovative Lösungen des Problems sind nur begrenzt effektiv. Die gute Nachricht ist jedoch, dass es verschiedene Tipps und Tricks gibt, um das Einblenden einer Testvariante zu beschleunigen und das Flickering somit erfolgreich zu vermeiden.

Was bedeutet Flickering im Detail?

Sollte Ihnen der sogenannte Flicker-Effekt kein Begriff sein, sind Sie ihm dennoch mit hoher Wahrscheinlichkeit schon einmal begegnet: Eine Webseite wird geladen und nach wenigen Millisekunden werden für den Nutzer sichtbar die Änderungen einer Testvariante eingeblendet. Im Bruchteil einer Sekunde sieht man also erst die Original- und dann die Testvariante. Das Flickering wird als schlechte Nutzererfahrung gefürchtet, da es dem Besucher verrät, dass er sich gerade in einem A/B Test befindet.

Flickering kann bei der Anwendung von A/B Testing-Lösungen auftreten. Insbesondere dann, wenn während des Ladevorgangs einer Seite über ein JavaScript-Overlay Modifikationen eingeblendet werden. In den meisten Fällen bemerken die Besucher den Flicker-Effekt überhaupt nicht. Wenn eine Webseite jedoch eine längere Ladezeit benötigt oder auf umfangreichen, externen Ressourcen basiert, kann es dauern, bis Änderungen eingeblendet werden.  Es kommt zu einem kaum bemerkbaren Flackern: dem Flicker-Effekt.

Gibt es ein Geheimrezept, um Flickering zu vermeiden?

Einige Anbieter versprechen, innovative Techniken zu nutzen, um gänzlich „flickerfrei“ zu sein. Hierbei handelt es sich jedoch nicht um eine neuartige Produkteigenschaft. Stattdessen werden gängige Vorgehensweisen beim A/B Testing genutzt, die auch den Anwendern aller anderen Testing-Tools zur Verfügung stehen.

Jede Methode zur Vermeidung des Flicker-Effekts stößt hierbei früher oder später an ihre technischen Grenzen. Wenn man sich unter den Marktführern umsieht, wird deutlich, dass die sogenannten „Wundermethoden“ mit jedem Tool nutzbar sind. Aus gutem Grund werden Sie allerdings nur als letzte Maßnahme eingesetzt, wenn zuvor keine andere Methode zur Vermeidung des Flickerings Erfolg hatte. Jede Webseite weist eine unterschiedlich starke Ausprägung des Flickering-Effekts auf, die stark von der individuellen Performance und der Einbindung des Javascript-Tags abhängt.

Doch wie funktioniert die angeblich so innovative Vermeidung des Flickerings überhaupt? Es handelt sich dabei um eine Content-Masking Methode. Der eingeblendete Inhalt einer Seite wird kurzzeitig versteckt, indem CSS-Properties, wie visibility: hidden oder display: none, für das Body Element eingesetzt werden. Diese CSS-Property versteckt den Content so schnell wie möglich (denn das Tag befindet sich im <head> Element der Seite). Bevor es wieder eingeblendet wird, bestand ausreichend Zeit, um alle Modifikationen der Testvariante anzuwenden. Dies verhindert den charakteristischen “vorher/nachher” Flicker-Effekt und ersetzt ihn mit einem “leere Seite/nachher” Effekt.

Wenn eine Seite Probleme beim Laden aufweist, birgt diese Methode jedoch das Risiko, dass der Nutzer für mehrere Sekunden (oder sogar komplett) auf einer leeren Seite verweilt. Ein weiterer Nachteil dieser Lösung des Flickerings besteht darin, dass der Eindruck erzeugt wird, die Seite sei nicht performant. Daher sollte die Wiedergabe des Inhalts nicht länger als maximal wenige Millisekunden dauern. Um im A/B Testing valide Ergebnisse zu erhalten, ist es ebenso wichtig, die verzögerte Wiedergabe des Inhalts an einer Kontrollgruppe zu testen. Dies vermeidet Verzerrungen durch die verschiedenen Ladegeschwindigkeiten in der Testauswertung.

Insgesamt ist das Content Masking nicht als Standardmethode zur Flickering-Vermeidung ratsam. Es ist zwar sehr schnell und einfach mit wenigen JavaScript Lines zu implementieren, doch wenn Ihre Modifikationen zu viel Ladezeit in Anspruch nehmen und Sie vermeiden wollen, dass Ihre Besucher von einer leeren Webseite begrüßt werden, gibt es noch alternative Anwendungsempfehlungen, um einen eventuell auftretenden Flickering-Effekt zu verringern.

Die folgenden Handlungstipps können dazu beitragen, Modifikationen schneller einzublenden und die Auswirkung des Flickerings so gering wie möglich zu halten.

Wie kann das Flickering begrenzt werden?

  1. Optimieren Sie die Ladezeit Ihrer Seite mit allen verfügbaren Mitteln: Seitencaching, Kompressionen, Bildoptimierung, CDNs, parallele Abfragebearbeitung mit dem HTTP/2 Protokoll etc.
  2. Platzieren Sie den Tag der Testinglösung so weit oben wie möglich im <head> Element des Quellcodes und vor umfangreichen externen Ressourcen (wie z. B. Web-Schriftarten, JavaScript Bibliotheken etc.)
  3. Nutzen Sie die synchrone Version des AB Tasty Skripts, nicht die asynchrone.
  4. Nutzen Sie keinen Tag Manager, um die Tags Ihrer Lösung aufzurufen (z. B. Google Tag Manager). Diese Lösung erscheint im ersten Schritt aufwändiger, doch erlaubt dies eine bessere Kontrolle über die Tags und das Flickering.
  5. Verzichten Sie auf die jQuery Bibliothek im Tag, wenn Ihr Seitenprovider bereits eine eigene verwendet. Die meisten A/B Testinglösungen nutzen jQuery bereits. AB Tasty setzt die Technologie ebenfalls ein, sodass unsere Anwender den Transfer bereits um einige Kilobyte verringern können.
  6. Reduzieren Sie die Skriptgröße Ihrer Lösung, indem Sie inaktive Tests entfernen. Manche Lösungen laden alle Tests im Skript – unabhängig davon, ob diese aktiv sind oder nur als Entwürfe gespeichert sind. AB Tasty integriert nur aktive Tests im Skript. Wenn Sie dennoch eine hohe Anzahl aktiver Personalisierungen haben, empfiehlt es sich, diese permanent auf Ihrer Seite zu implementieren und sie in AB Tasty zu deaktivieren.
  7. Achten Sie auf die Art der Modifikationen. Das Hinzufügen umfangreicher Skripte oder Programmierungen erhöht den Flicker-Effekt.
  8. Nutzen Sie verstärkt Stylesheets. In der Regel ist es möglich, einen erwünschten visuellen Effekt mit Hilfe von Stylesheets zu erzielen. Sie können z. B. eine JavaScript Anweisung implementieren, die einem Element eine CSS-Klasse hinzufügt, wodurch die Klasse seine Komponente selbst modifiziert, anstatt über Skriptzeilen den Style zu ändern.
  9. Optimieren Sie Ihren modifizierten Code. Während sich Anwender in dem Versuch, Änderungen zu implementieren, durch den WYSIWYG-Editor klicken, fügen sie oft überflüssige JavaScript Anweisungen hinzu. Analysieren Sie den generierten Code im „Edit Code“ Tab und optimieren Sie diesen, indem Sie nicht notwendige Stellen entfernen.
  10. Stellen Sie sicher, dass die gewählte Lösung einen (oder mehrere) CDNs nutzt, damit das Skript mit Ihren Modifikationen so schnell wie möglich geladen werden kann – unabhängig davon, wo ein Besucher sich befindet.
  11. Für fortgeschrittene Nutzer: Fügen Sie jQuery Selektoren dem Cache als Objekte hinzu, damit diese nicht mehrfach im DOM reorganisiert werden müssen. Sie können Änderungen auch im JavaScript durchführen, insbesondere dann, wenn es um Elemente einer Klasse oder ID geht.
  12. Nutzen Sie Weiterleitungstests, jedoch nur, wenn diese sich nach einer Auswertung der Beziehung zwischen Modifikation und der Dauer der Testaufsetzung als sinnvoll erweisen.

Mit diesen Maßnahmen sollte das Flickering auf Ihrer Webseite nicht mehr bemerkbar sein. Wenn Sie zu einem der genannten Schritte Fragen haben, hilft unser Support-Team Ihnen gerne weiter.

Seien Sie Ihren Mitbewerbern immer eine Conversion voraus!


Unverbindliche Webdemo