Wie nimmst du eine Schritt-für-Schritt-Anleitung mit HappyRecorder auf?

In diesem Artikel erfährst du, wie du mit der HappyRecorder Chrome-Erweiterung eine Schritt-für-Schritt-Anleitung aufnimmst, bearbeitest und aktuell hältst. Der UI-Übersichtstyp (Beschreibende Anleitung), der einen einzelnen Bildschirm erklärt, anstatt eine Aufgabe durchzugehen, wird hier nicht behandelt.

Was eine Schritt-für-Schritt-Anleitung erzeugt

Eine Schritt-für-Schritt-Anleitung ist der Klassiker unter den How-to-Artikeln: mach das, dann das, dann das. HappyRecorder erfasst jeden Klick und wandelt den Ablauf in eine animierte Schritt-für-Schritt-Führung um, die oben im Artikel sitzt und den Leser durch die Aufgabe führt. Darunter bekommt jeder Schritt seinen eigenen Screenshot, damit der Leser bei jeder einzelnen Aktion verweilen kann.

Das ersetzt die alte Methode, Screenshots zu machen, sie mit 1, 2, 3 zu nummerieren und sie manuell einzufügen. Du klickst dich einmal durch die Aufgabe, und der Artikel setzt sich von selbst zusammen.

So nimmst du auf

Öffne die HappyRecorder-Erweiterung, gib zuerst einen Titel ein und wähle dann die Help-Center-Gruppe, in der der Artikel landen soll. Wähle Schritt-für-Schritt-Anleitung als Typ aus.

Füge Audio hinzu. Bei einer Schritt-für-Schritt-Anleitung ist das wichtig: Während du jeden Schritt durchsprichst, erfasst HappyRecorder mehr Kontext über das, was du tust, und erstellt bessere Beschriftungen. Du musst nicht wie bei einem polierten Video sprechen. Du sagst einfach, was du tust, während du klickst.

Drücke Aufnahme starten. Eine Aufnahmeleiste erscheint am unteren Bildschirmrand, und du kannst sie aus dem Weg ziehen. Sie zeigt deine Schrittanzahl an, und du kannst jederzeit pausieren. Die Aufnahme läuft im gesamten Chrome-Browser, sodass du während des Ablaufs zwischen Registerkarten wechseln kannst und sie einfach weiterlaufen.

Während du klickst, achte auf die roten Umrisse. Das ist HappyRecorder, das die Element-ID und DOM liest, wodurch die Anleitung sich später selbst aktualisieren kann, wenn sich deine Benutzeroberfläche ändert. Wenn möglich, klicke auf die ganze Zeile oder Karte, anstatt auf ein kleines Fragment. Das Ergebnis sieht näher am echten Bildschirm aus. Wenn das Ziel wirklich nur ein Symbol ist, klicke auf das Symbol.

So überprüfst und behebst du Schritte vor dem Hochladen

Nach dem Stoppen der Aufnahme kannst du jeden Schritt überprüfen und die unwantedSchritte löschen. Hast du dich während der Aufnahme verklickt? Kein Problem. Mach einfach während der Aufnahme weiter und lösche diesen Schritt danach. Jeder Klick wurde zu einem Schritt, einschließlich Drag-and-Drop-Aktionen, wenn deine App diese verwendet (z.B. ein Campaign Builder zeigt das Drag-Verhalten).

Achtung: Dein gesprochener Kontext hinter einem gelöschten Schritt wird auch gelöscht.

Wenn alle Schritte korrekt aussehen, klicke auf Hochladen. Warte, bis alle Schritte "Fertig" anzeigen und grün werden, bevor du den Tab wechselst oder schließt. Das vollständige Hochladen sorgt dafür, dass die Animation später nicht ruckelt. Nach dem Hochladen kannst du den Artikel generieren. Du kannst weiter bearbeiten, während er generiert wird, oder deine nächste Aufnahme parallel starten.

So bearbeitest du den Artikel nach der Aufnahme

Ein aufgenommener Artikel gibt dir einen visuellen Schritt-Editor neben dem normalen Text-Editor, sodass du Dinge reparieren kannst, ohne neu aufzunehmen. Öffne den Tab "Schritte", um automatisch generierte Beschriftungen umzuschreiben oder einen Schritt zu löschen. Um sensible Daten auszublenden, unschärfe sie auf einem Schritt und HappyRecorder wendet diese Unschärfe auf alle Schritte an, die sie zeigen.

Du kannst auch den Screenshot eines einzelnen Schritts in den Artikeltext ziehen. Klicke mit der rechten Maustaste auf den Schritt und füge ihn inline ein. Das hilft, wenn ein Leser genau sehen muss, wo ein Button sitzt, ohne zur Schritt-für-Schritt-Führung nach oben scrollen zu müssen.

Tipps, die Zeit sparen

• Nimm in Batches auf. Nachdem eine Anleitung hochgeladen wurde, klicke auf Neue Aufnahme starten und erfasse die nächste Aufgabe sofort. Nimm mehrere hintereinander auf und gehe dann jeden durch, füge einen Screenshot hinzu oder räume auf, und veröffentliche. Das ist viel schneller, als einen Artikel nach dem anderen aufzunehmen und zu polieren.
• Entscheide dich für deinen Startbildschirm, bevor du den Recorder öffnest. Wenn du die Erweiterung öffnest, einen Titel eingibst und das Fenster schließt, um woanders zu navigieren, geht der Titel verloren. Kopiere ihn zuerst, damit du ihn später einfügen kannst.
• Halte das Fenster ungefähr 16:9, damit die animierte Schritt-für-Schritt-Führung in einer normalen Breitbildform herauskommt, anstatt schmal oder quadratisch.
• Und entspann dich während der Aufnahme. Es ist kein Live-Video und niemand schaut zu. Nimm dir Zeit zu überlegen, wo du klickst, wie du klickst und was du sagst. Das ruhige Tempo erzeugt saubere Beschriftungen.