DE

Website im Browser aufnehmen: ohne Tabs, Leisten und Ablenkungen

Website für einen Kunden aufnehmen, ohne dass Tabs, Lesezeichen, Autovervollständigung oder Cookie-Banner stören: sauberes Profil, richtiger Zoom, ruhiges Scrollen.

Nicolas Ricardi5 Min. Lesezeit

Kurz gesagt

  • Nutze für Aufnahmen ein eigenes Browserprofil: keine Lesezeichen, kein persönliches automatisches Ausfüllen, keine Erweiterungen, keine Tabs anderer Kunden.
  • Blende die Lesezeichenleiste aus und stell den Seitenzoom vor dem Start ein, damit die Schrift am Laptop oder Handy lesbar ist.
  • Erledige Cookie-Banner und Pop-ups einmal in diesem Profil, außer das Banner ist genau das, was du besprichst.
  • Nutze Testdaten und eine Staging-Site, nie das Konto eines echten Kunden.
  • Nimm das Browserfenster auf, nicht den ganzen Bildschirm, und scroll langsam mit Pausen.

Um eine Website ohne Ablenkungen aufzunehmen, nutzt du ein eigenes Browserprofil ohne Lesezeichen, Erweiterungen oder gespeicherte persönliche Daten, schließt alle anderen Tabs, stellst den Seitenzoom ein, schließt Cookie-Banner einmal und nimmst nur das Browserfenster auf. Dann scrollst du langsam und hältst bei jedem Abschnitt an. Beim ersten Mal sind das zehn Minuten Vorbereitung, danach ist alles bereit, wann immer du es brauchst.

Die Tour durch eine Website ist das häufigste Kundenvideo von Webagenturen: die Staging-Site zum Review, die fertige Website bei der Übergabe, ein Bug auf einer bestimmten Seite. Die Website ist das Thema. Alles andere im Browser ist Rauschen, und manches davon ist privat.

Ein Browserprofil nur für Aufnahmen

Dein Alltagsbrowser verrät viel über dich: Lesezeichen mit den Namen anderer Kunden, Symbole von Erweiterungen, eine Tableiste mit dreißig Seiten, automatisches Ausfüllen, das deine Privatadresse anbietet, sobald du in ein Formularfeld klickst. Ein eigenes Profil startet leer.

In Chrome: Klick oben rechts auf dein Profilsymbol, wähl ProfilChrome-Profil hinzufügen und gib ihm einen Namen wie „Aufnahme“.

In Safari: Wähle SafariEinstellungenProfile und leg ein neues an. Ein Fenster darin öffnest du über AblageNeues FensterNeues Fenster von Aufnahme (der letzte Eintrag trägt den Namen deines Profils). Beachte, dass im iCloud-Schlüsselbund gespeicherte Passwörter in jedem Safari-Profil verfügbar sind. Ein Passwortmanager bietet also womöglich trotzdem an, Logins auszufüllen.

Im neuen Profil behältst du nur, was die Aufnahme braucht: keine Erweiterungen, keine Lesezeichenleiste, keine gespeicherten Adressen oder Karten und Logins nur für die Staging-Sites, die du zeigst.

Warum nicht einfach ein privates Fenster?

Ein privates Fenster oder Inkognito-Fenster (⌘⇧N in Chrome) ist auch sauber und für eine einmalige Aufnahme in Ordnung. Aber es vergisst alles, wenn du es schließt: Jede Aufnahme beginnt wieder mit dem Cookie-Banner und dem Anmeldebildschirm. Ein Profil merkt sich, was du eingerichtet hast.

Privates Fenster oder Aufnahmeprofil
Privates oder Inkognito-Fenster Aufnahmeprofil
Einrichtung ✓ keine ~ ein paar Minuten, einmalig
Startet ohne deine Alltagslesezeichen und -tabs ✓ ✓
Merkt sich geschlossene Cookie-Banner ✗ ✓
Bleibt bei Staging-Sites angemeldet ✗ ✓
Gut für Eine einmalige Aufnahme Jede Aufnahme nach der ersten

Räum das Fenster auf

Browserfenster vor der Aufnahme

  • Nur die Tabs, die du zeigst, sind offen.
  • Die Lesezeichenleiste ist ausgeblendet.
  • Erweiterungssymbole sind von der Symbolleiste losgelöst.
  • Die Seite ist am Startpunkt geöffnet, ganz nach oben gescrollt.
  • Der Zoom ist so eingestellt, dass der Fließtext gut lesbar ist.
  • Cookie-Banner und Newsletter-Pop-up sind erledigt.

Blende die Lesezeichenleiste aus. In Chrome drückst du ⌘⇧B. In Safari blendest du die Favoritenleiste über das Menü Darstellung aus.

Schließ andere Tabs. Tab-Titel sind in der Aufnahme zu sehen, und „Rechnung überfällig, Kunde X“ willst du nicht in einem Video für Kunde Y haben. Unsere Datenschutz-Checkliste für Bildschirmaufnahmen enthält die vollständige Liste dessen, was du ausblenden solltest.

Stell die Zoomstufe ein

Websites sind für Menschen gestaltet, die davorsitzen, nicht für ein Video, das auf ein Laptop-Fenster oder ein Handy verkleinert wird. Kleiner Fließtext und feine UI werden schwer lesbar.

Zoom die Seite vor der Aufnahme mit ⌘+ eine oder zwei Stufen heran, und mit ⌘0 zurück auf normal. Beim Zoomen springt das Layout vielleicht auf einen schmaleren Breakpoint. Prüf, ob es das Design immer noch so zeigt, wie du es präsentieren willst. Wenn du genau das Desktop-Layout in lesbarer Größe willst, verkleinere lieber das Fenster, statt zu zoomen, und nimm das Fenster auf.

Auf einer Staging-Site erscheinen Cookie-Banner, Newsletter-Pop-up und Chat-Blase für jeden neuen Besucher, und genau das bist du in einem frischen Profil.

  • Wenn sie nicht das Thema sind, akzeptier oder schließ sie einmal vor der Aufnahme. In einem eigenen Profil bleiben sie geschlossen.
  • Wenn sie das Thema sind, etwa ein neues Consent-Banner, das freigegeben werden muss, nimm ein eigenes kurzes Video auf, das damit beginnt. So wird die Haupttour nicht unterbrochen.
  • Chat-Widgets springen oft nach einer Verzögerung auf. Schließ sie vor dem Start, oder warte, bis sie erscheinen, und schließ sie dann.

Testdaten statt echter Kunden

Wenn die Tour einen Kontobereich, einen Checkout oder ein Admin-Panel umfasst, melde dich als Testnutzer an. Echte Bestellungen, Namen und E-Mail-Adressen in einem Video sind personenbezogene Daten, und Videos werden weitergeleitet. Nutze die Testkonten und Testzahlungsmodi der Staging-Site und füll Formulare mit offensichtlich erfundenen Daten wie „Test Kunde“.

Achte auch auf das automatische Ausfüllen. Wenn du in ein Formularfeld klickst, bietet der Browser vielleicht gespeicherte Namen, E-Mail-Adressen oder Anschriften an. Ein Aufnahmeprofil, in dem nichts gespeichert ist, vermeidet das.

Nimm das Fenster auf, nicht den Bildschirm

Nimm nur das Browserfenster oder einen Bereich drumherum auf. Der Kunde sieht die Website und sonst nichts: kein Dock, keine Symbole in der Menüleiste, keine Mitteilung, die hereingleitet. Unser Leitfaden, wie du nur ein Fenster oder einen Bereich des Bildschirms aufnimmst, erklärt die Optionen der macOS-App „Bildschirmfoto“ und anderer Recorder.

Für eine aufpolierte Präsentation helfen Rand und Hintergrund um das Fenster, siehe Hintergrund und Rand.

Scroll, als würdest du es jemandem zeigen

Zu schnelles Scrollen ist das häufigste Problem bei Website-Aufnahmen. Du kennst die Seite, der Kunde sieht nur Verwischtes.

  1. Fang oben an und sag, wofür die Seite da ist.
  2. Scroll langsam mit dem Trackpad oder nutze die Pfeiltasten für kleine, gleichmäßige Schritte.
  3. Halte bei jedem Abschnitt an, während du darüber sprichst.
  4. Vermeide die Leertaste und schnelles Wischen, die einen ganzen Bildschirm auf einmal springen.
  5. Erst zeigen, dann klicken. Fahr mit dem Zeiger auf einen Link oder Button, warte kurz, dann klick.

Wenn der Kunde vielleicht am Handy schaut, hilft ein Zoom auf kleine Details. Wann du ihn nutzt, steht in Auto-Zoom: wann er hilft und wann er stört.

Mobile Layouts und andere Fälle

Um die mobile Version der Website zu zeigen, nutze den responsiven Modus des Browsers oder ein echtes iPhone. Mobile Ansicht einer Website am Mac dem Kunden zeigen vergleicht die Optionen.

Für Übergaben, bei denen du auch das CMS zeigst und wo was zu finden ist, siehe Website-Übergabe per Video. Für die Grundlagen der Aufnahme am Mac fang mit Bildschirm am Mac aufnehmen an.

Häufige Fragen

Wie nehme ich eine Website am Mac auf?

Öffne die Website in einem sauberen Browserfenster, schließ andere Tabs, blende die Lesezeichenleiste aus und stell die Zoomstufe ein. Nimm dann nur dieses Fenster auf, mit der macOS-App „Bildschirmfoto“ oder einem Screen Recorder, scroll langsam und halte bei jedem Abschnitt an.

Wie blende ich die Lesezeichenleiste in Chrome aus?

Drück Befehlstaste-Umschalttaste-B, um die Lesezeichenleiste in Chrome am Mac ein- oder auszublenden. In Safari blendest du die Favoritenleiste über das Menü „Darstellung“ aus.

Sollte ich ein privates Fenster nutzen, um eine Website aufzunehmen?

Für eine schnelle Aufnahme hilft es, weil es keinen Verlauf und kein automatisches Ausfüllen hat, aber Cookie-Banner und Anmeldungen beginnen jedes Mal von vorn. Ein eigenes Browserprofil nur für Aufnahmen gibt dir ein sauberes Fenster, das sich deine Einstellungen merkt.

Wie scrolle ich in einer Bildschirmaufnahme ruhig?

Scroll langsam mit dem Trackpad oder nutze die Pfeiltasten, und halte bei jedem Abschnitt an, während du darüber sprichst. Vermeide schnelles Wischen und die Leertaste, die jeweils einen ganzen Bildschirm weiterspringen.

Geschrieben von

Nicolas Ricardi

Maker of JustRec, at Nube

Nicolas makes JustRec at Nube, a web studio in Italy. He built it for the videos Nube sends to its own clients: design reviews, handovers and quotes explained in a few minutes instead of a meeting.

www.wearenube.dev
Bessere Videos