Webinar-Folien gestalten, die auf dem Handy lesbar sind

Viele deiner Gäste sehen dein Webinar nicht am großen Monitor, sondern auf dem Handy, im Hochformat, in der Bahn oder abends auf dem Sofa. Wenn du deine Webinar-Präsentation gestaltest, bestimmt deshalb der kleinste Bildschirm die Schriftgröße und nicht der Laptop, an dem du die Folien baust. Hier liest du, welche Größen, Kontraste und Aufbauregeln sich bewährt haben und wie du deine Folien in zehn Minuten selbst auf Handytauglichkeit prüfst.

Warum Folien auf dem Handy so schnell unlesbar werden

Eine Folie im Format 16:9 wird für Webinare meist mit 1920 × 1080 Pixeln ausgegeben. Ein Handy im Hochformat zeigt das Bild über die volle Breite, und die liegt je nach Gerät grob zwischen 360 und 430 Bildpunkten. Deine Folie schrumpft also auf ungefähr ein Fünftel. Eine Textzeile, die am Monitor mit 40 Pixeln Höhe ordentlich aussieht, kommt beim Gast mit knapp 8 Pixeln an. Das liest niemand freiwillig.

Zwei weitere Dinge verschärfen das Problem. Webinar-Bilder werden als Video übertragen und dabei komprimiert. Bei schwankendem Mobilfunk regelt der Player die Qualität herunter, und dann verschwimmen zuerst dünne Linien, feine Schriftschnitte und kleine Zahlen. Außerdem liegt fast immer etwas über deiner Folie: die Bedienleiste des Players, ein Chatfenster oder ein Kamerabild in einer Ecke.

Daraus folgt eine einfache Haltung für alles Weitere. Gestalte jede Folie so, dass sie auch dann noch funktioniert, wenn sie klein, etwas unscharf und an einer Ecke verdeckt ist.

Schriftgrößen, die auf kleinen Bildschirmen funktionieren

Die folgenden Werte sind Faustregeln für eine Folie mit 1920 × 1080 Pixeln. Die dritte Spalte gilt für die übliche Breitbildfolie in gängigen Präsentationsprogrammen (33,867 × 19,05 cm), bei der ein Punkt Schriftgröße beim Export zwei Pixeln entspricht.

Element	Mindestgröße bei 1920 × 1080	In einer Standard-Breitbildfolie	Ungefähr auf dem Handy (375 px breit)
Fließtext, Aufzählungen	56 px	28 pt	11 px
Überschriften	80 px	40 pt	16 px
Zentrale Zahl oder Kernaussage	140 px	70 pt	27 px
Quellenangaben	40 px	20 pt	8 px

Elf Pixel auf dem Handy sind die Untergrenze, an der man noch ohne Anstrengung liest. Deshalb ist 28 pt kein Ziel, sondern das Minimum. Quellenangaben dürfen kleiner sein, weil niemand sie lesen muss, um dir zu folgen.

Arbeitest du mit einer anderen Foliengröße, hilft eine Verhältniszahl: Fließtext sollte mindestens rund fünf Prozent der Folienhöhe erreichen. Bei 1080 Pixeln Höhe sind das die 56 Pixel aus der Tabelle.

Bei der Schriftart gilt:

Serifenlos und kräftig. Normal oder halbfett, keine „Light“- oder „Thin“-Schnitte. Dünne Striche verschwinden in der Kompression zuerst.
Offene Buchstabenformen. Schriften, bei denen sich „1“, „l“ und „I“ gut unterscheiden lassen, sind bei Preisen und Daten Gold wert.
Keine ganzen Sätze in Großbuchstaben. Sie lesen sich langsamer, weil die Wortbilder fehlen.
Zeilenabstand etwa 1,2 bis 1,4. Zu eng wirkt auf kleinen Bildschirmen schnell wie ein Block.

Eine Aussage pro Folie

Der häufigste Fehler ist nicht die zu kleine Schrift, sondern zu viel Inhalt. Wer sechs Aufzählungspunkte auf eine Folie packt, muss die Schrift verkleinern, damit alles passt. Die Lösung ist fast immer, die Folie zu teilen.

Nimm an, du verkaufst einen Online-Kurs für Hobbyfotografen. Eine typische Folie sieht so aus:

Deine Vorteile

Lernen im eigenen Tempo · 40 Videolektionen · Übungsaufgaben mit Feedback · Zugang auf allen Geräten · Community-Gruppe · Zertifikat

Am Laptop geht das gerade noch. Auf dem Handy ist es eine graue Fläche. Besser sind drei Folien, die du nacheinander zeigst, während du darüber sprichst:

„Du lernst, wann es dir passt.“ Dazu ein Foto einer Kamera auf einem Küchentisch am Abend.
„40 Lektionen, jede unter 15 Minuten.“ Die Zahl 40 groß in der Mitte.
„Zu jeder Übung bekommst du eine Rückmeldung.“ Dazu ein Ausschnitt einer kommentierten Aufnahme.

Als Faustregel reichen rund 15 bis 20 Wörter auf einer Folie. Alles, was darüber hinausgeht, gehört in deinen gesprochenen Text. Wie du den so schreibst, dass er zu den Folien passt, steht im Artikel über das Webinar-Skript. Mehr Folien mit weniger Inhalt sind kein Nachteil. Ein häufiger Folienwechsel hält die Aufmerksamkeit eher, als dass er stört.

Kontrast, Farben und Ränder

Kontrast und Farben

Für Text auf Webseiten nennen die Richtlinien für barrierefreie Inhalte (WCAG) ein Kontrastverhältnis von mindestens 4,5 : 1 für normalen Text und 3 : 1 für großen Text. Das ist ein guter Ausgangspunkt für Folien. Plane aber etwas Reserve ein, denn Kompression, gedimmte Bildschirme und Sonnenlicht nehmen dem Bild sichtbar Kontrast.

Praktisch heißt das:

Dunkler Text auf hellem Grund oder heller Text auf dunklem Grund funktionieren beide. Mittelgrau auf Hellgrau funktioniert nicht.
Text über Fotos nur mit Hilfe, etwa mit einer halbtransparenten dunklen Fläche hinter der Schrift oder auf einer ruhigen Bildstelle.
Bedeutung nie nur über Farbe transportieren. Wenn „vorher“ rot und „nachher“ grün ist, schreib die Wörter dazu. Rot-Grün-Schwächen sind verbreitet.
Pro Folie eine Akzentfarbe für das Wichtigste. Wenn alles hervorgehoben ist, ist nichts hervorgehoben.

Der sichere Bereich der Folie

Fernsehproduktionen arbeiten seit Langem mit einem Sicherheitsrand, und für Webinare ist die Idee genauso sinnvoll. Lass rundherum einen Rand von etwa fünf bis acht Prozent der Folienbreite frei. In diesem Bereich steht nichts, was man lesen muss.

Achte zusätzlich auf zwei Zonen:

Unten. Hier blenden viele Player ihre Steuerleiste ein, auf dem Handy oft schon bei der ersten Berührung. Wichtige Zahlen gehören deshalb nicht an den unteren Rand.
Die Ecke mit dem Kamerabild. Wenn ein Moderator- oder Kamerabild über der Folie liegt, meist unten rechts, halte diese Ecke in deiner Vorlage dauerhaft frei. Am einfachsten zeichnest du dir beim Bauen ein Rechteck als Platzhalter ein und löschst es vor dem Export.

Diagramme, Bilder und Animationen

Diagramme, Tabellen und Bilder

Diagramme sind auf dem Handy die größte Herausforderung, weil sie von Details leben. Ein paar Regeln helfen:

Höchstens vier bis fünf Balken oder Linien. Mehr lässt sich auf sechs Zoll nicht vergleichen.
Werte direkt beschriften statt mit Legende. Wer zwischen Legende und Balken hin und her schauen muss, verliert den Faden.
Linien kräftig zeichnen, mindestens vier Pixel bei 1920 × 1080. Hilfslinien im Hintergrund weglassen oder sehr hell halten.
Einen Wert hervorheben. Der Balken, über den du gerade sprichst, bekommt die Akzentfarbe, die anderen bleiben grau.

Tabellen mit mehr als drei Spalten und vier Zeilen teilst du besser auf oder ersetzt sie durch die eine Zahl, auf die es ankommt. Bildschirmfotos aus Software schneidest du auf den relevanten Ausschnitt zu und vergrößerst ihn, statt den ganzen Bildschirm zu zeigen. Ein Pfeil oder ein Rahmen zeigt, wohin der Blick soll.

Bei Fotos gilt: ein klares Motiv, wenig Kleinkram. Feine Muster wie Stoffe, Gitter oder Laub flimmern nach der Kompression leicht.

Animationen und Folienwechsel

Schrittweises Einblenden ist sinnvoll, wenn es deinem gesprochenen Text folgt. Jeder Punkt erscheint in dem Moment, in dem du ihn nennst. Damit liest niemand voraus, und auf dem kleinen Bildschirm muss das Auge immer nur ein neues Element finden.

Halte die Effekte schlicht. Einblenden oder ein kurzes Überblenden reichen völlig. Aufwendige Flug- und Drehanimationen können bei schwacher Verbindung ruckeln und lenken vom Inhalt ab. Wenn du wissen willst, wie viele Folien für welche Webinarlänge realistisch sind, hilft dir der Beitrag zur Webinar-Länge bei der Planung.

Der Handy-Test vor dem ersten Termin

Plane den Test fest ein, bevor du Einladungen verschickst. Er dauert selten länger als zehn Minuten.

Exportiere fünf typische Folien als Bild und schick sie dir aufs Handy.
Sieh sie im Hochformat mit ausgestrecktem Arm an. Kannst du jedes Wort lesen, ohne zu zoomen?
Dreh die Helligkeit herunter und prüf, ob der Kontrast noch reicht.
Kneif die Augen zusammen. Erkennst du auf jeder Folie in zwei Sekunden, was das Wichtigste ist?
Sieh dir eine Probe über deine Webinar-Plattform auf dem Handy an, am besten über mobile Daten statt WLAN.
Prüf, ob die Bedienleiste oder ein Kamerabild etwas Wichtiges verdeckt.
Zeig drei Folien jemandem, der dein Thema nicht kennt, und frag nach der Kernaussage.

Wenn eine Folie durchfällt, ist die Antwort fast immer dieselbe: weniger Text, größere Schrift, im Zweifel auf zwei Folien aufteilen. Wie die Folien in den Gesamtablauf eines Verkaufswebinars passen, zeigt der Artikel zum Aufbau eines Verkaufswebinars.

Häufige Fragen

Welches Folienformat eignet sich für Webinare?

Das Breitbildformat 16:9. Player, Bildschirme und die meisten Handys im Querformat sind darauf ausgelegt. Das ältere Format 4:3 erzeugt schwarze Balken an den Seiten und verschenkt Platz, der für größere Schrift nützlich wäre.

Wie viele Folien braucht ein Webinar?

Eine feste Zahl gibt es nicht. Als grobe Faustregel wechselt die Folie etwa alle 30 bis 60 Sekunden. Bei einem Webinar mit 45 Minuten Inhalt kommen so schnell 50 Folien oder mehr zusammen, und das ist in Ordnung, solange jede nur eine Aussage trägt.

Sind helle oder dunkle Folien besser?

Beides funktioniert, solange der Kontrast stimmt. Dunkle Folien wirken abends ruhiger, helle Folien sind bei Sonnenlicht oft besser lesbar. Wichtiger als die Grundfarbe ist, dass du innerhalb einer Präsentation bei einer Richtung bleibst.

Darf ich Text direkt auf Fotos setzen?

Ja, wenn die Schrift groß genug ist und auf einer ruhigen Fläche steht. Bei unruhigen Bildern hilft eine halbtransparente dunkle oder helle Fläche hinter dem Text. Prüf solche Folien im Handy-Test besonders genau.

Zum Schluss

Lesbare Folien sind keine Geschmacksfrage. Wer für den kleinsten Bildschirm gestaltet, macht es allen leichter, auch den Gästen am großen Monitor. Fang mit der Schriftgröße an, teile überladene Folien auf und mach den Handy-Test zur festen Gewohnheit vor jedem neuen Webinar.