Untertitel platzieren, ohne wichtige Teile der Oberfläche zu verdecken

Die Demonstration erreicht endlich ihren nützlichen Moment. Ein Mauszeiger klickt den Button an, den das Publikum finden wollte. Genau dann erscheinen zwei Untertitelzeilen über dem Button. Das Video hat Untertitel, die Wörter stimmen und die wesentliche Anweisung ist verdeckt.

Das passiert, weil Untertitel oft erst hinzukommen, nachdem Aufnahme und Layout freigegeben wurden. Dann enthält der untere Bildbereich bereits eine Werkzeugleiste, eine Ergebnismeldung und vielleicht eine dekorative Überschrift. Für die Untertitelebene bleibt kein sinnvoller Platz.

Videountertitel müssen als Teil der Produktdemo-Komposition geplant werden. Ihre Aufgabe ist es, hörbare Informationen zu erhalten. Sie müssen mit den visuellen Belegen zusammenpassen, die die Demonstration nützlich machen. Sie aus einer einzelnen Kollision zu verschieben ist erst der Anfang; die eigentliche Aufgabe ist, die ganze sich verändernde Folge lesbar zu machen.

Trenne Untertitel von anderem Text

Ein Untertitel gibt Sprache oder relevante hörbare Informationen wieder. Eine Anmerkung identifiziert etwas im Bild. Eine Szenenüberschrift erklärt, worum es im aktuellen Abschnitt geht. Oberflächentext gehört zum Produkt selbst. Diese Rollen ähneln sich visuell, sollten aber nicht austauschbar werden.

Stell dir ein fiktives Analytics-Tutorial vor. Die Stimme sagt: „Wähle einen monatlichen Vergleich.“ Ein Untertitel hält diesen Satz fest. Eine Anmerkung am Bedienelement könnte „Vergleichszeitraum“ lauten. Die Oberfläche selbst enthält die Option „Previous month“ (Vormonat). Alle drei gleich stark zu zeigen ist unnötig. Den Untertitel wegen einer vorhandenen Überschrift zu entfernen würde aber auch einen Teil der gesprochenen Erklärung entfernen.

Überarbeite zuerst die redaktionelle Ebene. Behalte den gesprochenen Untertitel, lass die tatsächliche Oberflächenbeschriftung den ausgewählten Wert zeigen und erhalte eine Anmerkung nur, wenn sie eine echte Unklarheit auflöst. Das reduziert Konkurrenz, ohne der Untertitelspur eine andere Aufgabe aufzubürden.

Nutze konsistente visuelle Unterschiede. Der Untertitel kann in einer vorhersehbaren Lesezone stehen, während eine kleine Anmerkung an ihrem Ziel bleibt. Lass Untertitel nicht wie anklickbare Oberflächenregler aussehen. Das Publikum sollte nicht erraten müssen, welche Wörter zum Produkt gehören und welche der Schnitt ergänzt hat.

Ein etabliertes Beispiel von Netflix

Netflix verlangt in seinen allgemeinen Timed-Text-Richtlinien, Überlagerungen mit Bildschirmtext zu vermeiden. Die Dokumentation zu Forced-Narrative-Untertiteln zeigt tatsächliche Beispiele, in denen übersetzter Text über vorhandenen Beschriftungen steht, statt sie zu verdecken. Sie beschreibt außerdem die Umpositionierung von Untertiteln bei sichtbaren Wiedergabereglern. Das Prinzip reicht über Film hinaus: Verfügbarer Untertitelraum ist eine Beziehung zwischen Text, Bild und Playerzustand. Netflix: Forced-Narrative-Untertitel verstehen

Im linken Beispiel bleiben die englische Orts- und Datumsangabe unten sichtbar, während spanischer Text oben steht. Triff im Produkttutorial dieselbe Entscheidung rund um den Regler und das Ergebnis, die das Publikum untersuchen muss.

Beachte, dass das Beispiel zwei Arten von Information erhält. Es löst die Übersetzung nicht durch Entfernen der Originalbeschriftung und die Komposition nicht durch unlesbar kleine Übersetzung. Produktuntertitel verdienen dieselbe Bereitschaft, das umgebende Bild nötigenfalls neu anzuordnen.

Erfasse, was das Publikum im Zeitverlauf sehen muss

Ein einzelnes Sicherheitszonen-Rechteck kann eine Produktdemo nicht beschreiben. Das wichtige Bedienelement kann oben beginnen, in ein offenes Menü wandern und unten eine Meldung erzeugen. Welcher Bereich frei bleiben muss, ändert sich mit der Aufgabe.

Erstelle vor der endgültigen Untertitelplatzierung eine kurze Ereignisliste. Benenne für jedes Ereignis das Handlungsziel, den Ergebniszustand und jeden Text, der zur Deutung dieses Zustands nötig ist. Für einen einfachen Clip brauchst du keine Tabelle für jedes Einzelbild. Du musst die Momente erkennen, in denen der vorhersehbare Untertitelbereich mit der Demonstration kollidiert.

Im Analytics-Beispiel kann das Vergleichs-Dropdown oben rechts liegen, das Ergebnis aber in einer unteren Diagrammlegende erscheinen. Ein Untertitel unten stört die Auswahl nicht, wohl aber die Interpretation. Das spricht für eine neue Komposition oder einen bewusst gesetzten Positionswechsel an einer natürlichen Grenze.

Lass die Untertitel nicht dem Mauszeiger nachjagen. Ständige Umpositionierung macht den Leseort unvorhersehbar und kann mitten im Satz neue Kollisionen erzeugen. Bevorzuge wenige stabile Zonen für zusammenhängende Tutorialabschnitte.

Ändere den Produktausschnitt, bevor du Untertitel verkleinerst

Verdecken Untertitel ein wichtiges Bedienelement, liegt eine kleinere Schrift nahe. Sie erhält den Screenshot und scheint die Kollision zu lösen. Sie tauscht aber eine offensichtliche Überlagerung gegen ein weniger offensichtliches Leseproblem, besonders auf kleinen Displays.

Verschiebe oder skaliere probeweise den Produktausschnitt innerhalb der Komposition. Etwas Raum unter der Aufnahme kann eine stabile Untertitelzone schaffen. Ein engerer Ausschnitt kann die relevante Oberfläche vergrößern und anderswo genug Raum für Untertitel lassen. Solche Änderungen verbessern häufig beide Ebenen zugleich.

Platziere nicht das gesamte Desktopfenster über einem großen Untertitelband, wenn dadurch jede Beschriftung winzig wird. Es geht nicht darum, um jeden Preis Raum zu reservieren. Verteile ihn nach den Informationsprioritäten der Szene. Eine Produktaufnahme darf unvollständig sein, wenn der fehlende Bereich nichts mit der demonstrierten Handlung zu tun hat.

Braucht die Szene wirklich die ganze Oberfläche, erwäge eine einführende Übersicht mit anschließender Nahaufnahme. Zeige zunächst, wo das Bedienelement liegt, und gehe für die Handlung näher heran. Das Publikum gewinnt Orientierung, ohne unter zwei gesprochenen Zeilen einen ganzen Desktop untersuchen zu müssen.

Lass Satzgrenzen die Positionswechsel führen

Ein Untertitel, der mitten im Satz von unten nach oben springt, zwingt zur Suche nach seiner Fortsetzung. Positionswechsel sind leichter nachvollziehbar, wenn sie mit einem neuen Untertitelereignis, einer Szene oder einer Aufgabenphase zusammenfallen.

Teile die Erklärung an einer inhaltlich sinnvollen Stelle. „Wähle einen monatlichen Vergleich“ kann in der Auswahlphase stehen. „Das Diagramm vergleicht jetzt denselben Zeitraum des Vormonats“ gehört zur Ergebnisphase. Die Trennung schafft eine sinnvolle Gelegenheit, die Untertitelzone zu verlegen, wenn das Ergebnis den unteren Bildbereich braucht.

Auch Zeilenumbrüche zählen. Netflix empfiehlt in seinen allgemeinen Richtlinien Umbrüche entlang sprachlicher Einheiten, statt eng zusammengehörige Wörter zu trennen. Für Produktvideos folgt daraus: Eine beliebige Textfeldbreite sollte weder Produktnamen noch Zahl und Einheit oder eine Verneinung und die zugehörige Aussage auseinanderreißen. Netflix: Allgemeine Anforderungen an zeitgesteuerten Text

Erhalte lesbare Wortgruppen innerhalb der Untertitelgrenzen des Ziels. Ein optisch symmetrischer Umbruch kann trotzdem einen Produktnamen teilen oder eine Einheit von ihrer Zahl lösen.

Wähle offene oder zuschaltbare Untertitel für den tatsächlichen Player

Nicht jedes Untertitelformat und jede Hostingplattform erhält Gestaltung und Positionierung. Ein Editor lässt dich den Text vielleicht in der Vorschau platzieren, während der endgültige Player eigene Regeln nutzt. Teste den Auslieferungsweg, bevor du auf einem Verhalten aufbaust, das er nicht erhalten kann.

Wistia dokumentiert beispielsweise, dass hochgeladene WebVTT-Dateien in SRT umgewandelt werden und Gestaltungs- oder Positionierungsanweisungen bei dieser Konvertierung nicht unterstützt werden. Das ist ein konkreter Grund, Plattformverhalten zu prüfen, statt sich auf die Möglichkeiten des Quellformats zu verlassen. Wistia: Transkripte und Untertitel

Bestimmt das Ziel die Platzierung, reserviere im Video selbst einen geeigneten Bereich. Brauchst du exakt platzierte redaktionelle Beschriftungen, halte sie als separate visuelle Anmerkungen, statt von einer Untertitelspur das Verhalten einer gestalteten Titelebene zu erwarten.

Offene Untertitel sind ins Bild eingebettet und bleiben sichtbar; zuschaltbare Untertitel sind eine separate Spur, die das Publikum in einem geeigneten Player ein- und ausschalten kann. Die Wahl beeinflusst Platzierung und Pflege. Einbrennen gibt dir mehr Kontrolle über die genaue Position, aber niemand kann den Text verbergen, und jede Übersetzung oder Korrektur braucht einen neuen Videoexport. Eine separate Spur lässt sich unabhängig ändern, ihre Positionierung hängt jedoch vom Zielplayer ab. Bewahre die saubere Ausgangsversion und Untertiteldateien auf, damit die Auslieferungsform ohne erneuten Aufbau der Demonstration wechseln kann.

Prüfe mit sichtbaren Wiedergabereglern

Produktaufnahmen nutzen den unteren Rand häufig für Statusleisten, Dateireiter oder Abschlussmeldungen. Der Player kann denselben Bereich für Zeitleiste und Regler verwenden. Untertitel fügen einen dritten Anspruch auf dieselbe Fläche hinzu.

Prüfe den tatsächlichen Player pausiert, während der Wiedergabe und kurz vor Schluss. Bewege den Mauszeiger darüber, um die Regler einzublenden, sofern das dort funktioniert. Prüfe auf dem Telefon die durch Tippen eingeblendeten Regler. Ein sauberer Screenshot nach ihrem Verschwinden reicht nicht, um normale Lesbarkeit der Demonstration zu belegen.

Nimm nicht an, automatisch verschobene Untertitel landeten an einem sicheren Ort. Ein Player kann sie über seine Zeitleiste heben und damit direkt über deine Produktmeldung setzen. Datei und Player verhalten sich einzeln vernünftig, doch ihre Kombination scheitert.

Erscheint ein wichtiges Ergebnis nur kurz, halte es außerhalb der wahrscheinlichen Reglerzone oder zeige danach einen stabilen Ergebniszustand. Das hilft auch Menschen, die pausieren, weil sie das Tutorial in einem anderen Fenster nachvollziehen. Pausieren sollte die Anweisung leichter überprüfbar machen.

Reserviere den Raum, den ein pausiertes Ergebnis braucht

Sieh das pausierte Netflix-Beispiel genau an. Der Untertitel sitzt direkt über Fortschrittsbalken und Reglerzeile. Der Player beansprucht einen erheblichen Streifen des unteren Bilds; die verfügbare Lesezone ist entsprechend nach oben gerückt.

Ein Produkttutorial platziert seine nützlichste Bestätigung oft genau dort. Exportabschluss, Meldungen über kopierte Links und Speicherbestätigungen erscheinen häufig am Rand. Pausiert jemand zur Prüfung des Ergebnisses, können gleichzeitig die Regler auftauchen und die Untertitel in die Meldung drücken.

Plane den vom Ergebnis belegten Bereich vor der Aufnahme ein. Blende die Regler des Zielplayers ein, ermittle den Untertitelort und vergleiche ihn mit dem benötigten Produktzustand. Bei einem Konflikt verschiebe die Aufnahme in der Komposition oder wähle einen engeren Ausschnitt, der das Ergebnis höher platziert. Bloßes Anheben des Untertitels kann die nächste wichtige Oberflächenzeile verdecken.

Halte den Endzustand sichtbar, nachdem eine flüchtige Meldung verschwunden ist. Zeige beim Export neben der kurzlebigen Toast-Meldung auch die entstandene Datei oder das betreffende fertige Element. Wer dem Tutorial in einem anderen Fenster folgt, kann dann zu einem stabilen Ergebnis zurückkehren. Das ist zuverlässiger, als eine Meldung im schmalen Zeitfenster vor dem Erscheinen der Regler erwischen zu müssen.

Liegen Handlung und Ergebnis in verschiedenen Ecken, behandle sie als zwei bewusst gestaltete Ansichten. Etabliere zuerst die Handlung und gib dem Ergebnis dann ein klares Bild mit stabiler Untertitelzone. Das Publikum sollte nicht zwischen Lesen der Erklärung und Prüfen des Abschlusses wählen müssen.

Ein Änderungsbeispiel: einen Bericht exportieren

Angenommen, die Aufnahme zeigt einen Berichtseditor, unten rechts einen Export-Button und in derselben Ecke eine Downloadbestätigung. Die Stimme erklärt beim Klick das Exportformat. Untertitel unten verdecken sowohl Button als auch Bestätigung.

Die erste Überarbeitung sollte vermeidbare Konflikte reduzieren. Verschiebe die Formaterklärung etwas nach vorn, solange der Formatwähler sichtbar ist. Schneide näher an ihn heran. Zeige anschließend die Exporthandlung mit einem kürzeren gesprochenen Satz und einem Untertitel in einem Bereich, der das Bedienelement freilässt.

Halte nach dem Klick eine Ansicht, in der die tatsächlich entstandene Datei oder Bestätigung lesbar ist. Lege kein riesiges dekoratives „Success“ über die Oberfläche, wenn es den echten Beleg verdeckt. Ist ein separater Titel nützlich, gib ihm einen anderen Ort und eine andere Hierarchiestufe.

Prüfe jetzt den längsten Untertitel dieses Abschnitts, nicht nur den durchschnittlichen. Eine zusätzliche Zeile kann die Kollision zurückbringen. Dasselbe gilt nach einer Übersetzung. Eine Platzierung, die nur für den kürzesten englischen Satz funktioniert, ist noch keine stabile Komposition.

Beziehe den längsten plausiblen Untertitel in die Layoutprüfung ein

Ein häufiger Prüfungsfehler ist ein ordentlicher Beispielsatz im Entwurf. Das tatsächliche Transkript enthält später einen Produktnamen, einen Fachbegriff und eine Einschränkung, die eine weitere Zeile hinzufügt. Die freigegebene Platzierung wurde nie mit dem Material getestet, das sie tragen musste.

Nutze bei der Layoutbewertung tatsächliche Transkriptereignisse. Beziehe das längste, ein kurzes und ein mit dem wichtigsten Ergebnis zusammenfallendes Ereignis ein. Sind mehrere Sprachen geplant, nutze repräsentative geprüfte Übersetzungen statt künstlicher Zeichenketten aus wiederholten Buchstaben. Echte Wörter erzeugen echte Umbrüche und zeigen, wo die Typografie Schwierigkeiten hat.

Prüfe auch den Kontrast über dem bewegten Hintergrund. Ein über dunkler Navigation klarer Untertitel kann verschwinden, wenn dahinter ein weißes Menü aufgeht. Eine zurückhaltende Hintergrundfläche kann den Kontrast stabilisieren, beansprucht aber ebenfalls Bildraum. Teste diesen belegten Raum gegen die Oberfläche, statt den Text isoliert zu beurteilen. Die richtige Gestaltung bleibt lesbar und erhält zugleich die Belege darunter.

Prüfe Untertitel als Teil der Aufgabe

Rechtschreibprüfung und Kollisionsprüfung sind verschiedene Dinge. Ein perfekt transkribierter Satz kann das Falsche verdecken. Ein visuell eleganter Untertitel kann einen falschen Betrag oder Produktnamen enthalten. Beides verdient Aufmerksamkeit.

Vergleiche zuerst den Untertiteltext mit Ton und freigegebener Terminologie. Sieh danach das untertitelte Video in der erwarteten Anzeigegröße an. Finde jeden Moment, in dem das Publikum Oberfläche und Untertitel gleichzeitig lesen muss. Pausiere dort und untersuche das gemeinsame Bild.

Bitte schließlich jemanden, die gezeigte Aufgabe mithilfe des Videos auszuführen oder zu beschreiben. Wird das Bedienelement verpasst, kläre, ob er verdeckt, zu klein, zu schnell eingeführt oder im Untertitel anders benannt war. Diese Ursachen verlangen unterschiedliche Änderungen.

Halte Beobachtungen konkret. „Der Untertitel verdeckte Export beim Klick“ ist umsetzbar. „Die Untertitel wirken ungeschickt“ lässt den nächsten Editor raten. Eine kurze Sammlung genauer Momente ist meist wertvoller als eine lange Liste allgemeiner Gestaltungswünsche.

Schaffe bei der nächsten Aufnahme frühzeitig Raum

Die beste Korrektur geschieht oft vor der Aufnahme. Platziere das Fenster so, dass wichtige Bedienelemente nicht am Bildrand kleben. Blende irrelevante Panels aus, wenn das Produkt es erlaubt. Nutze realistische Daten, die das relevante Ergebnis kompakt und lesbar halten, ohne den Ablauf falsch darzustellen.

Plane um wichtige Handlungen einige Sekunden stabiler Aufnahme ein. Das gibt dem Schnitt Raum, Untertitel natürlich auszurichten, statt Text durch einen Übergang zu zwingen. Erfasse vor dem Aufnahmestopp das vollständige Ergebnis einschließlich nötiger Bestätigung oder erzeugter Datei.

Eine untertitelte Produktdemonstration sollte erlauben, die Erklärung zu lesen und die Belege zu untersuchen. Keine Ebene sollte um dieselben Pixel kämpfen müssen. Werden Platzierung, Timing, Ausschnitt und Auslieferung zusammen gedacht, sind Untertitel Teil der Vermittlung im Tutorial, und die wichtigste Oberfläche bleibt genau dann zugänglich, wenn das Publikum sie braucht.