Ein Before-and-After-Slide wirkt auf den ersten Blick einfach, bis man die beiden Versionen auf dem Bildschirm platziert und merkt, dass das Publikum nicht versteht, was sich verändert hat. Die Bilder mögen technisch vergleichbar sein, doch die Botschaft wirkt trotzdem schwach. Ein Bild ist größer, der Ausschnitt ist anders, die Beschriftungen konkurrieren mit den Visuals, oder der „nach“-Zustand wirkt einfach nur besser, ohne zu erklären, warum. Das ist die eigentliche Herausforderung: **ein Before-and-After-Infografik ist keine Bildvergleichsdarstellung. Sie ist ein visueller Argumentationsaufbau über Veränderung.** Die Gestaltung muss den Ausgangspunkt, die Transformation und das Ergebnis fast sofort verständlich machen. --- **Beginne mit der Veränderung, nicht mit den beiden Bildern** Wenn ich solche Folien erstelle, stelle ich mir zunächst eine Frage: *Was soll das Publikum genau wahrnehmen?* Ist die Antwort „alles“, dann braucht die Infografik wahrscheinlich noch eine weitere Überarbeitungsrunde. Ein Before-and-After-Vergleich funktioniert am besten, wenn er einen dominanten Vergleich hat: ein Prozess wurde schneller, eine Struktur einfacher, ein Produkt verändert, ein Problem behoben oder eine messbare Bedingung verbessert. Nehmen wir zum Beispiel eine fiktive Präsentation zum Redesign einer Unternehmenswebsite. Zwei Screenshots zu zeigen, reicht nicht aus. Das Publikum muss verstehen, dass das Redesign die Navigationsstruktur verändert, visuelle Ablenkungen reduziert und die primäre Aktion leichter auffindbar gemacht hat. Die Screenshots sind der Beweis. **Die Infografik ist die Erklärung.** Dieser Unterschied wirkt sich auch auf die Überschrift aus. Statt eines generischen Titels wie „Vorher und Nachher“ sollte man eine Überschrift verwenden, die erklärt, was sich verändert hat: *„Von einer überladenen Startseite zu einem fokussierten Conversion-Pfad.“* Die Bilder können dann diese Aussage unterstützen, statt das Publikum dazu zu zwingen, sie selbst zu entdecken. --- **Baue den Vergleich als eine Komposition** Der häufigste Fehler ist, die „Vorher“- und „Nachher“-Seite unabhängig voneinander zu gestalten. Das führt meist zu zwei Karten neben- oder übereinander, statt zu einem kohärenten Vergleich. Betrachte die Folie als ein einzelnes horizontales oder vertikales System: - **Vorher:** Stelle den ursprünglichen Zustand dar. - **Übergang:** Zeige, was sich zwischen den beiden Zuständen verändert hat. - **Nachher:** Mach den resultierenden Zustand visuell überzeugend. Das Übergangselement kann überraschend klein sein. Ein Pfeil, eine schmale Verbindung, ein Transformationslabel oder ein kurzer Satz wie *„Redesign“* reichen oft aus. Wichtig ist, dass die Mitte der Komposition die Beziehung zwischen den beiden Seiten erklärt. Für komplexere Vergleiche können diagrambasierte Layouts hilfreich sein, da sie eine kontrollierte Struktur für Beziehungen und Transformationen bieten. Die **PowerPoint-Diagramme-Sammlung von ImagineLayout** enthält editierbare Layouts für Flussdiagramme, Prozesse, Beziehungen und andere visuelle Strukturen, die für diesen Zweck angepasst werden können. --- **Mache „Vorher“ und „Nachher“ physisch vergleichbar** Hier scheitern viele ansonsten polierte Folien. Wenn die beiden Bilder dasselbe Objekt, dieselbe Schnittstelle, denselben Raum, dasselbe Produkt, dieselbe Person, denselben Chart oder dasselbe Dokument darstellen, sollten ihre Rahmen normalerweise dieselben Abmessungen haben. Andernfalls beginnt das Publikum, die Präsentation der Bilder zu vergleichen, statt deren Inhalt. Angenommen, das „Vorher“-Foto ist ein breites Rechteck, während das „Nachher“-Foto eng auf ein Quadrat zugeschnitten ist. Selbst wenn beide Fotos dasselbe Motiv enthalten, wirkt die zweite Version einfach nur wichtiger, weil sie eine andere visuelle Skala einnimmt. Ich würde dieselben Parameter verwenden: - Rahmengrößen; - Seitenverhältnis; - Ausrichtung; - visuelle Skalierung; - Position der Bildunterschrift; - Abstand vom zentralen Vergleichselement. Es gibt eine nützliche Ausnahme: Wenn der Zweck der Infografik darin besteht, eine Veränderung der Skala zu demonstrieren, können unterschiedliche Größen Teil der Geschichte sein. Aber das sollte absichtlich sein. Wenn die Skala nicht die Botschaft ist, lasse nicht zufälliges Zuschneiden versehentlich zur Botschaft werden. --- **Nutze Beschriftungen, um dem Publikum zu zeigen, worauf es achten soll** Ein Betrachter sollte nicht selbst herausfinden müssen, welche Seite „Vorher“ ist. Gleichzeitig können überdimensionierte Beschriftungen eine saubere Gegenüberstellung in ein Plakat verwandeln. Eine einfache Hierarchie funktioniert meist gut: eine kleine Statusbeschriftung, das Hauptvisual, dann eine kurze Erklärung der relevanten Veränderung. Zum Beispiel: - **VORHER** – fragmentierte Navigation - **NACHHER** – vereinfachte Navigation Man merkt, dass die Beschriftungen mehr tun, als nur die Chronologie zu kennzeichnen. Sie identifizieren den **Grund für den Vergleich**. Farbe kann diese Unterscheidung verstärken, aber ich würde mich nicht allein auf Farbe verlassen. Eine gedämpfte Behandlung für den „Vorher“-Zustand und ein stärkerer Akzent für den „Nachher“-Zustand können eine nützliche Hierarchie schaffen. Allerdings sollten die Beschriftungen und die räumliche Anordnung trotzdem Sinn ergeben, wenn die Folie in Graustufen betrachtet oder von hinten in einem Meetingraum gesehen wird. Wenn Sie mit mehreren Vergleichselementen arbeiten, können editierbare Infografik- und Chart-Layouts den Aufbau beschleunigen. Zum Beispiel bietet ImagineLayouts **[Magnifying Glass PowerPoint Charts Infografik-Vorlage](https://imaginelayout.com/templates/magnifying-glass-powerpoint-charts-infographic-template)**, die editierbare visuelle Strukturen bereitstellt, die für Präsentationen umfunktioniert werden können, in denen ein bestimmter Detailpunkt hervorgehoben werden soll. --- **Lasse die „Nachher“-Seite nicht zu einem Verkaufsposter werden** Es besteht die Versuchung, das Ergebnis dramatisch ansprechender zu gestalten: hellere Farben, größere Bilder, stärkere Typografie, mehr visuelle Effekte. Manchmal funktioniert das. Manchmal schadet es aber leise dem Vergleich. Das Problem tritt auf, wenn das Publikum nicht erkennen kann, ob das Ergebnis tatsächlich besser ist oder einfach nur besser präsentiert. Für eine Geschäftspräsentation bevorzuge ich es, dem „Nachher“-Zustand nur dann mehr visuelle Betonung zu verleihen, wenn die zugrundeliegenden Beweise das rechtfertigen. Wenn die Folie etwa ein überarbeitetes Dashboard zeigt, sollte man die verbesserte Informationsstruktur hervorheben, statt das Ergebnis mit dekorativen Gradienten oder übergroßen Häkchen zu überladen. Das ist besonders wichtig bei analytischen, Beratungs-, medizinischen, technischen oder Führungskräfte-Präsentationen. Die Gestaltung sollte die Verbesserung einfacher untersuchbar, nicht schwerer hinterfragbar machen. Für breitere Infografik-Arbeiten hält ImagineLayout auch eine dedizierte **[Präsentationsvorlagen-Bibliothek](https://imaginelayout.com/templates)** bereit, in der Sie editierbare PowerPoint- und Keynote-Strukturen für verschiedene visuelle Erzählbedürfnisse finden. --- **Füge Beweise hinzu, wo die Bilder für sich selbst nicht sprechen** Eine Before-and-After-Darstellung wird deutlich stärker, wenn das Publikum die sichtbare Veränderung mit einem konkreten Ergebnis verbinden kann. Das bedeutet nicht unbedingt, dass eine große Grafik hinzugefügt werden muss. Oft reicht ein prägnanter Metrikwert, eine Anmerkung oder ein Hinweis. Stellen Sie sich eine fiktive Operationspräsentation vor, die einen alten und einen neu gestalteten Workflow zeigt. Die beiden Diagramme demonstrieren, dass mehrere Schritte entfernt wurden, aber eine kleine Anmerkung kann die geschäftliche Relevanz erklären: *„Zwei Freigabestufen eliminiert.“* Jetzt weiß das Publikum, worauf es achten soll. Der Schlüssel ist, die Beweise direkt an den Vergleich anzuknüpfen, den sie erklären. Wenn die Metrik in einer entfernten Ecke der Folie platziert wird, muss das Publikum zwei separate Objekte mental verbinden. Wenn sie direkt unter der relevanten Veränderung sitzt, ist die Beziehung offensichtlich. --- **Drei Layouts, die für verschiedene Before-and-After-Geschichten funktionieren** Es gibt kein einziges richtiges Format. Das richtige Layout hängt davon ab, welche Art von Veränderung Sie zeigen. **Seitenvergleich** Nutzen Sie diese Variante, wenn das Publikum beide Zustände gleichzeitig prüfen muss. Sie eignet sich besonders für Fotos, Schnittstellen, Dokumente, Verpackungen, Dashboards und visuelle Redesigns. Die stärkste Version behält meist beide Panels identisch und nutzt die mittlere Lücke für den Hinweis auf die Transformation, statt diesen Bereich mit Dekoration zu füllen. **Vorher → Veränderung → Nachher** Diese Variante funktioniert besser, wenn die Transformation selbst wichtig ist. Der mittlere Abschnitt kann einen kurzen Prozess, drei Modifikationen oder einen visuellen Verbinder enthalten, der erklärt, wie der ursprüngliche Zustand zum Endzustand wurde. Diese Struktur eignet sich besonders, wenn „Nachher“ nicht einfach durch den Blick auf die beiden Endpunkte verständlich ist. **Vorher / Nachher mit fokussierten Hinweisen** Nutzen Sie diese Variante, wenn die Bilder zu viele Informationen enthalten, um eine einfache Split-Screen-Gegenüberstellung zu ermöglichen. Statt alles zu beschreiben, fügen Sie zwei oder drei präzise Hinweise zu den Bereichen hinzu, die sich verändert haben. Die Einschränkung ist hier entscheidend: Wenn jede sichtbare Veränderung einen Hinweis erhält, verliert die Infografik ihre Funktion als Vergleich und wird zu einem annotierten Diagramm. Wählen Sie nur die Veränderungen aus, die die Hauptaussage der Folie unterstützen. --- **Der finale Test: Kann jemand die Veränderung in fünf Sekunden erklären?** Bevor Sie die Folie präsentieren, nehmen Sie sich kurz aus dem Designprozess zurück und betrachten Sie sie, als hätten Sie das Projekt noch nie gesehen. Können Sie sofort erkennen, welcher Zustand „Vorher“ und welcher „Nachher“ ist? Sehen Sie, was sich verändert hat? Können Sie verstehen, warum die Veränderung wichtig ist? Wenn die Antwort auf eine dieser Fragen *„nicht ganz“* lautet, wird das Hinzufügen von mehr Dekoration das Problem wahrscheinlich nicht lösen. Meistens ist die Lösung struktureller: Bildrahmen angleichen, die Überschrift überarbeiten, die Anzahl der Hinweise reduzieren, die Verbindung zwischen den Zuständen stärken oder die Beweise näher an die Veränderung platzieren, die sie erklären. Eine gute Before-and-After-Infografik sollte den Vergleich fast mühelos wirken lassen. Das Publikum sollte seine Aufmerksamkeit nicht damit verschwenden, zu verstehen, wie die Folie funktioniert. Diese Aufmerksamkeit gehört der Veränderung selbst – denn das ist die Geschichte, für die die Folie gebaut wurde.