Een stapsgewijze handleiding bewerken

Zodra je opname is geüpload, opent de stapsgewijze gids editor in het Knowledge Base-portaal. Elke stap wordt automatisch gegenereerd op basis van de vastgelegde workflow, waarbij de staptitel en beschrijving vooraf zijn ingevuld uit de opgenomen acties.

Elke stap toont het vastgelegde scherm aan de linkerkant en een paneel aan de rechterkant met bewerkingsopties. Dit artikel behandelt alles wat je kunt doen om je boek te verfijnen en te verbeteren voordat je publiceert.

Stap bewerken inhoud

Het rechterpaneel laat je de kerninhoud van elke stap aanpassen:

1. Titel - Voer de staptitel in. Om een hyperlink aan de titel toe te voegen, selecteer je de tekst en klik je  op het Hyperlink-icoon.

2. Beschrijving - Voeg instructies of context toe voor de stap. Gebruik de rich text-werkbalk om te formatteren met vetgedrukt, cursief, onderstreep, geordende lijst, ongeordende lijst of hyperlink.

3. Dia-afbeelding - Klik op Vervang afbeelding om de gemaakte screenshot te wisselen. Kies uit een van deze bronnen:

   • Kies uit het origineel - Kies een frame uit de opgenomen video. Gebruik Select exact frame voor meer precisie, of gebruik het Jump to dropdown om naar een specifieke klik in de opname te navigeren.

   • Mijn schijf - Klik op Uploaden om een bestand te kiezen uit je lokale verkenner.

   • Achtergrond - Kies een afbeelding uit beschikbare achtergrondafbeeldingen.

   OPMERKING

   De ondersteunde formaten zijn JPG en PNG, met een maximale bestandsgrootte van 10 MB, een aanbevolen resolutie van 1920×768 en een minimum van 100×100.

4. Klik op Invoegen om te solliciteren.

Voeg een nieuwe stap in

Om een nieuwe stap in te voegen:

1. Beweeg de muis tussen twee bestaande stappen totdat het pictogram Stap toevoegen (+) verschijnt.

2. Klik op het pictogram Stap toevoegen (+).

3. In het rechterpaneel werk je de standaardtitel bij - "Dit is een voorbeeldtitel".

4. Voeg een beschrijving toe voor de stap. Gebruik de rich text-werkbalk om te formatteren met vetgedrukt, cursief, onderstreep, geordende lijst, ongeordende lijst of hyperlink.

5. Klik op Afbeelding toevoegen/Achtergrond om de stapafbeelding in te stellen. Kies uit een van deze bronnen:

   • Kies uit het origineel - Kies een frame uit de opgenomen video. Gebruik Select exact frame voor meer precisie, of gebruik het Jump to dropdown om naar een specifieke klik in de opname te navigeren.

   • Mijn schijf - Klik op Uploaden om een bestand te kiezen uit je lokale verkenner.

   • Achtergrond - Kies een afbeelding uit beschikbare achtergrondafbeeldingen.

6. Klik op Invoegen om te solliciteren.

Voeg visuele verbeteringen toe

Deze tools leggen visuele verbeteringen direct over de stapafbeelding om elke stap duidelijker en toegankelijker te maken.

• Vervagen - Verberg gevoelige of privégegevens zoals wachtwoorden, API-sleutels of klantgegevens direct op een stapafbeelding.

• Afbeelding - Leg een extra afbeelding over een stap, handig om diagrammen, icoonsleutels of gebrande assets naast je screenshot toe te voegen.

• Spotlight - Dim alles rondom een specifiek gebied om de aandacht van lezers precies te vestigen op waar het moet zijn.

• Tekst - Voeg aangepaste annotaties toe over een stapafbeelding om iets aan te geven dat niet zichtbaar is in de UI zelf.

• Highlight - Markeer belangrijke gebieden met een gekleurde overlay zonder de rest van het scherm te dimmen.

Gedrag van de glijbaan

Inzoomeffect

Pas een zoom-in effect toe om de aandacht te vestigen op hotspots of belangrijke gebieden binnen de stapafbeelding.

Gebruik dit om de lezer te richten op een klein of gemakkelijk te missen element — een selectievakje, een schakelaar, een link — zonder de omliggende context uit te snijden.

Schakel Zoom in werking in

1. Selecteer de gewenste stap.

2. Ga in het rechterpaneel naar Slide-gedrag.

3. Schakel Zoom in werking.

4. Zodra ingeschakeld, verschijnen de opties Zoom in (+) en Zoom uit (-) rechtsboven in de stap.

Eindgebruikerservaring

• Wanneer het zoom-effect is ingeschakeld, wordt de diaafbeelding automatisch ingezoomd bij de eerste weergave.

• Lezers kunnen op het − (uitzoomen) icoon klikken om terug te keren naar de oorspronkelijke weergave.

• Ze kunnen het + (inzoomen) pictogram gebruiken om indien nodig opnieuw in te zoomen.

Animeer klik

In plaats van een statisch beeld, animeer je een stap door een kort videofragment rond de opgenomen klik af te spelen.

Handig wanneer het resultaat van een klik een dropdown-menu is of een paneel dat uitvouwt - is belangrijk voor de lezer om te zien.

Activeer Animate click

1. Selecteer de gewenste stap.

2. Ga in het rechterpaneel naar Slide-gedrag.

3. Activeer Animate-klik.

4. Selecteer in het keuzemenu Animatieduur een duur:

   • 3 seconden - Toont 1,5 seconden voor en na de klik. Het beste voor snelle, eenvoudige interacties.

   • 5 seconden - Gebalanceerd; Goed voor de meeste gevallen waarin een korte animatie nodig is.

   • 10 seconden - Toont tot 5 seconden aan elke kant; Ideaal voor langzamere overgangen zoals pagina-laadpunten of geanimeerde UI-reacties. De duur wordt aangepast op basis van beschikbare beelden.

Eindgebruikerservaring

De stap speelt af als een mini-video, gecentreerd rond het klikpunt.

Stap bewerken afbeelding

Gewas

Gebruik Crop om afleidende browserchrome, zijbalken of irrelevante schermgebieden weg te knippen en houd de aandacht van de lezer op wat er daadwerkelijk toe doet in die stap.

Voor een volledige walkthrough over hoe je een stapafbeelding bijsnijdt, zie Bijsnijden.

Beheer van toegevoegde elementen

Om alle verbeteringen die aan een stap zijn toegevoegd te beoordelen en te beheren:

1. Vouw het gedeelte Toegevoegde elementen uit in het rechterpaneel.

2. Beweeg met de muis over een element om toegang te krijgen tot beschikbare opties:

   • Klik op Bewerken om het bij te werken.

   • Klik op Verwijderen om het te verwijderen.

Volgende stappen

Zodra je gids is afgerond, kun je publiceren, vertalen, klonen of toegang beheren. Zie Stapsgewijze Beheershandleidingen voor vertaling, klonen, ontpubliceren en instellingen.

FAQ