Von: Ein Flipbook ohne Links ist lediglich ein PDF mit Umblätteranimation. Es sieht zwar besser aus, aber die Leser können noch immer nichts damit anfangen. Sie können nicht auf Ihre Telefonnummer tippen, um Sie anzurufen. Sie können Ihre Produktdemo nicht ansehen, ohne den Tab zu wechseln. Und sie können in Ihrem Grundriss keine Stelle antippen, um die Quadratmeterzahl abzurufen.
Interaktivität verändert diese Dynamik grundlegend. Das Team hinter The Modern Muse bringt es gut auf den Punkt: „Mit Issuu wird unser Magazin interaktiv. Leser können auf Links klicken, um mehr über Themen zu erfahren und vorgestellte Marken einzukaufen.“ Dieser Wechsel vom Lesen zum Klicken unterscheidet ein Dokument, das nur überflogen wird, von einem, das Menschen tatsächlich nutzen.
Auch die Nutzungsdaten bestätigen das. Linearity hat Studien zusammengetragen, denen zufolge interaktive Inhalte 52,6 % mehr Engagement erzielen als statische Formate. Leser verbringen durchschnittlich 13 Minuten mit interaktiven Inhalten, gegenüber 8,5 Minuten mit statischen. Interessant ist der Grund: Jedes klickbare Element verlangt eine kleine Entscheidung, und Entscheidungen halten aufmerksam. Scrollen ist passiv. Klicken ist aktiv.
Der gesamte Vorgang dauert etwa fünf Minuten. Den größten Teil dieser Zeit verbringen Sie damit, zu entscheiden, wo die Elemente platziert werden sollen – nicht damit, die Werkzeuge zu verstehen.
So funktionieren Links im Editor
Öffnen Sie Ihr Projekt im Flipbooker-Editor, wählen Sie in der Werkzeugleiste das Link-Werkzeug aus (das Kettensymbol links) und ziehen Sie ein Rechteck über das Element, das klickbar werden soll. Das kann eine Schaltfläche sein, die Sie in Ihrem PDF gestaltet haben, eine Telefonnummer, eine E-Mail-Adresse oder ein Bild Ihres Ladengeschäfts. Dem Editor ist egal, was darunterliegt. Sie definieren lediglich einen klickbaren Bereich.
Sobald Sie den Bereich gezeichnet haben, fragt ein Pop-up, wohin der Klick führen soll. Sie haben vier Möglichkeiten: eine Web-URL, eine E-Mail-Adresse (mailto:), eine Telefonnummer (tel:) oder eine andere Seite innerhalb des Flipbooks. Wählen Sie eine Option, fügen Sie das Ziel ein oder geben Sie es ein, speichern Sie – fertig.
Fehler passieren meist beim Ziel. Die Schaltfläche „Kontakt“ führt zur Startseite statt zum eigentlichen Kontaktformular. Ein Produktbild verlinkt auf die allgemeine Katalogseite statt auf das konkrete Produkt. Jeder Link sollte die Leser genau dorthin führen, wo sie nach dem Klick hinwollten. Müssen sie anschließend suchen, war die Interaktion umsonst. Das klingt selbstverständlich. Sehen Sie sich aber eine beliebige digitale Broschüre an, und Sie finden fast immer mindestens einen Link, der irgendwo Ungefähres endet.
Der zweite häufige Fehler ist die Erkennbarkeit. Auf dem Desktop können Sie beim Darüberfahren eine Hervorhebung anzeigen lassen, sodass sich der Mauszeiger über einem klickbaren Bereich verändert. Das funktioniert. Smartphones kennen jedoch keinen Hover-Zustand. Wenn Ihre Leser mobil unterwegs sind – und das trifft wahrscheinlich auf mehr als die Hälfte zu –, brauchen sie einen sichtbaren Hinweis direkt im Design. Ein kleines eingeblendetes Symbol, einen farbigen Rahmen oder den Text „Hier tippen“. Irgendetwas. Sonst bleiben Ihre sorgfältig platzierten Links unsichtbar.
Und was ist mit Videos?
Videos sind ehrlich gesagt noch einfacher als Links. Wählen Sie das Video-Werkzeug, klicken Sie an die gewünschte Stelle auf der Seite, fügen Sie eine YouTube- oder Vimeo-URL ein und passen Sie die Größe des Platzhalters an Ihr Layout an. Das ist schon alles.
Entscheidend ist, ob Sie Autoplay verwenden. Die meisten Browser blockieren Autoplay mit Ton. Selbst wenn Sie es aktivieren, funktioniert es also nicht so, wie Sie es sich vorstellen. Stummes Autoplay ist technisch möglich, aber oft störend. Eine kurze, lautlose Schleife auf der Titelseite kann als atmosphärischer Hintergrund funktionieren. Bei allem anderen sollten die Leser selbst auf „Abspielen“ drücken, wenn sie bereit sind.
Gut zu wissen: Das Einbetten von YouTube oder Vimeo vergrößert die Datei Ihres Flipbooks nicht, weil das Video von deren Servern gestreamt wird. Laden Sie eine Videodatei direkt zu Flipbooker hoch, zählt deren Dateigröße dagegen mit. Halten Sie direkte Uploads kurz – möglichst bei höchstens 30 Sekunden.
Bei Hotspots wird es interessant
Links und Videos sind unkomplizierte Werkzeuge. Hotspots bieten mehr kreativen Spielraum. Ich glaube, dass die meisten Menschen sie zu wenig nutzen, weil ihnen die Anwendungsmöglichkeiten nicht sofort klar sind.
Ein Hotspot ist ein unsichtbarer klickbarer Bereich, der beim Antippen eine Aktion auslöst. Er kann ein Pop-up mit weiteren Details anzeigen, einen Link öffnen, ein Video in einem Overlay abspielen, zu einer anderen Seite springen oder einen Tooltip einblenden.
Stellen Sie sich eine Immobilienbroschüre mit Grundriss vor. Ohne Hotspots ist er eine ansprechende Zeichnung. Mit Hotspots tippen Interessenten auf das Hauptschlafzimmer und sehen Maße, Ausstattung und eine Fotogalerie. Sie tippen auf die Küche und erhalten die Gerätespezifikationen. Der gesamte Grundriss wird zu einer interaktiven Karte, die sechs zusätzliche Textseiten ersetzt.
Oder denken Sie an einen Produktkatalog. Newell Brands, das Unternehmen hinter Sharpie, Rubbermaid und etwa hundert weiteren Marken, hat seine Kataloge von gedruckten auf interaktive digitale Formate umgestellt. Lars Herzog, Head of Digital & Online Marketing EMEA, beschrieb den Gedanken dahinter: „Mit interaktiven Katalogen machen wir unsere Produkte für die Empfänger attraktiver und verkaufen letztlich mehr darüber.“ Hotspots auf Produktbildern können Preise, Spezifikationen oder einen direkten Bestelllink anzeigen. Ein solcher Nutzen rechtfertigt die zusätzlichen zehn Minuten Einrichtung.
Der große Stolperstein bei Hotspots: Sie müssen groß genug sein, um auf einem Smartphone mit dem Daumen angetippt zu werden. Genau hier scheitern viele. Ein 20 Pixel breiter Hotspot sieht beim Bearbeiten auf Ihrem Desktopmonitor vielleicht gut aus. Auf einem iPhone lässt er sich fast nicht treffen. Machen Sie ihn größer, als Sie zunächst für nötig halten, und prüfen Sie vor der Veröffentlichung immer die Vorschau auf Ihrem Smartphone. Wenn Sie zum Antippen hineinzoomen müssen, ist er zu klein.
Wo es häufig schiefgeht
Das häufigste Problem ist nicht technischer, sondern redaktioneller Natur. Menschen machen alles interaktiv, nur weil sie es können, und das Ergebnis wirkt überladen. Bei zehn Links auf einer Seite weiß niemand, worauf zuerst geklickt werden soll. Drei Videos auf einer Doppelseite führen dazu, dass keines davon angesehen wird.
Beschränken Sie sich auf höchstens zwei oder drei Interaktionen pro Seite. Fragen Sie sich, was die Leser auf genau dieser Seite tun sollen. Sie anrufen? Verlinken Sie die Telefonnummer. Eine Demo ansehen? Betten Sie ein Video ein, nicht drei. Mehr über ein Produkt erfahren? Nutzen Sie einen Hotspot mit Detail-Pop-up. Alles andere ist Ablenkung.
Der andere Fehler ist, Mobilgeräte vollständig zu ignorieren: Hover-Effekte, winzige Klickflächen, Videos in Desktop-Abmessungen. Mehr als die Hälfte Ihres Publikums liest auf einem Smartphone oder Tablet, und alles muss ohne Maus funktionieren. Tippflächen sollten mindestens 44 × 44 Pixel groß sein (und den WCAG-Empfehlungen zur Mindestgröße von Zielbereichen entsprechen). Testen Sie auf einem echten Smartphone, nicht nur im responsiven Modus des Browsers.
Wenn etwas nicht funktioniert
Links führen nirgendwohin. Fast immer ist die URL falsch formatiert. Achten Sie darauf, bei Weblinks https:// anzugeben. Testen Sie das Ziel außerdem zuerst in einem Browser. Ein Link zu einer 404-Seite ist schlimmer als gar kein Link: Die Leser wollten interagieren und laufen ins Leere.
Videos zeigen einen leeren Player. Prüfen Sie, ob die YouTube- oder Vimeo-URL ein normaler Wiedergabelink und keine Kurz- oder Einbettungs-URL ist. Bei privaten oder nicht gelisteten Videos müssen möglicherweise auch die Freigabeeinstellungen angepasst werden, bevor sie innerhalb eines Flipbooks abgespielt werden können.
Hotspots erhalten keine Klicks. Wenn Ihre Analysen zeigen, dass ein Hotspot vorhanden ist, aber niemand darauf tippt, ist er nicht erkennbar. Ergänzen Sie eine pulsierende Animation, ein Symbol oder einfach den Text „Für Details tippen“. Unsichtbare interaktive Bereiche funktionieren nur in Videospielen, nicht in Geschäftsdokumenten.
Interaktive Elemente liegen übereinander. Sortieren Sie die Z-Reihenfolge mit der Ebenensteuerung im Editor. Links sollten auf der obersten Ebene liegen, damit ihre Klicks vor allen darunterliegenden Elementen registriert werden.
Ein praktischer Einstieg
Wenn Sie einem Flipbook noch nie interaktive Elemente hinzugefügt haben, beginnen Sie mit einem Link und einem Video in einem einzelnen Dokument. Der Link sollte zu der Seite führen, die Ihre Leser nach der Lektüre am ehesten besuchen sollen – etwa Ihr Kontaktformular, Ihre Preisseite oder Ihr Terminbuchungstool. Das Video sollte einen Abschnitt ersetzen, der sich nur schwer als Text erklären lässt, zum Beispiel eine Produktdemo oder eine Vorstellung des Teams.
Wenn alles funktioniert und Sie es auf Desktop und Mobilgerät geprüft haben, fügen Sie schrittweise mehr hinzu. Die besten interaktiven Flipbooks sind nicht diejenigen mit den meisten klickbaren Elementen. Es sind diejenigen, bei denen jede Interaktion einen Zweck erfüllt.
Mehr über das Erstellen von Flipbooks erfahren Sie im vollständigen Flipbook-Leitfaden. Oder entdecken Sie die Möglichkeiten des Editors.
FAQs
Wie viele Links sollte ich pro Seite hinzufügen?
Es gibt keine feste Obergrenze, aber 3–5 sind ideal. Bei mehr Links wissen Leser nicht, worauf sie zuerst klicken sollen. Wählen Sie für jede Seite die Interaktionen aus, die am wichtigsten sind.
Erhöhen eingebettete Videos die Dateigröße meines Flipbooks?
Nicht, wenn Sie sie von YouTube oder Vimeo einbetten. Das Video wird von deren Servern gestreamt. Direkte Uploads zu Flipbooker wirken sich dagegen auf die Größe aus. Halten Sie diese Videos deshalb kurz.
Funktionieren Links und Hotspots auch auf Mobilgeräten?
Ja. Testen Sie sie aber unbedingt. Hotspots müssen groß genug sein, um sie mit dem Daumen anzutippen, und Hover-Effekte gibt es auf Touchscreens nicht. Geben Sie visuelle Hinweise wie Symbole oder pulsierende Animationen, damit mobile Leser erkennen, dass ein Element antippbar ist.
Kann ich nachverfolgen, welche Links angeklickt werden?
Ja. Die Analysen von Flipbooker zeigen Ihnen, welche Links angeklickt werden und von wem. Das ist bei Vertriebsangeboten nützlich, wenn Sie wissen möchten, ob jemand zu Ihrer Preisseite weitergeklickt hat.
Sollte ich Videos automatisch abspielen lassen?
Nur selten. Die meisten Browser blockieren Autoplay mit Ton ohnehin, und selbst stummes Autoplay kann aufdringlich wirken. Lassen Sie die Leser selbst entscheiden, wann sie ein Video abspielen. Eine Ausnahme ist eine kurze, lautlose Hintergrundschleife auf der Titelseite.