OPMERKING
Floik AI-functies zijn beschikbaar in alle Document360-abonnementen als add-on. Neem contact op met ons supportteam om te kopen of meer te weten te komen.
Zodra je opname is geüpload, opent de Step by step guide 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 bewerkbare opties. Dit artikel behandelt alles wat je kunt doen om je gids te verfijnen en te verbeteren voordat je publiceert
Wanneer je elk bewerkingshulpmiddel moet gebruiken
De montagetoolkit biedt een breed scala aan functies. Begrijpen wanneer je elk moet gebruiken helpt je efficiënter te werken.
Gereedschap | Het beste gebruikt wanneer | Voorbeeld |
|---|---|---|
Blur | Een scherm bevat wachtwoorden, API-sleutels, PII of interne URL's | Het verbergen van een klant-e-mailadres dat zichtbaar is in het adminpaneel tijdens een onboarding-walkthrough |
Spotlight | Eén element op een druk scherm moet opvallen | Een kleine link markeren die verborgen zit in een dichte instellingenpagina |
Tekstoverlay | Je moet een stap annoteren met een label, waarschuwing of callout die niet in de UI staat | Voeg "Nog niet op opslaan klikken" rood toe boven een knop die de gebruiker voorlopig moet overslaan |
Hoogtepunt | Je wilt de aandacht trekken met kleur zonder de rest van het scherm te dimmen | Een gele vak rond het veld tekenen dat de gebruiker als volgende moet invullen |
Afbeeldingsoverlay | Je wilt een diagram, icoonsleutel of merkasset naast de screenshot laten zien | Een genummerde legende toevoegen aan een complex dashboard-screenshot |
Gewas | Het opgenomen scherm heeft irrelevante browser-Chrome of zijbalken die afleiden van de taak | De bladwijzerbalk en niet-gerelateerde zijbalkpanelen uitsnijden |
Zoom in | Een hotspot of klikdoel is klein en makkelijk te missen | Inzoomen op een kleine schakelaar rechtsboven in het scherm |
Animeer klik | Een statische screenshot geeft niet weer wat er gebeurt wanneer op een knop of link wordt geklikt. | Het dropdownmenu toont dat uitzoomt nadat de gebruiker op een menu-item heeft geklikt |
Inhoud van de bewerkingsstap
Gebruik het rechterpaneel om deze elementen voor elke stap aan te passen:
Titel - Voer de staptitel in. Om een hyperlink toe te voegen, selecteer je de tekst en klik je op het hyperlinkpictogram .
Beschrijving - Voeg instructies of context toe. Opmaak met vetgedrukt, cursief, onderstreep, geordende lijst, ongeordende lijst en hyperlink.
Diaafbeelding - Klik op Vervang afbeelding om de gemaakte screenshot te wisselen (maximaal 10 MB; ondersteunde formaten: JPG of PNG; aanbevolen resolutie: 1920×892, minimaal 100×100).
Kies uit het origineel - Kies een frame uit de opgenomen video. Gebruik fijnafgestelde milliseconden voor precisie.
Mijn uploads - Klik op Uploaden om een bestand te kiezen uit je lokale verkenner.
Klik op Invoegen om te solliciteren.
Om een nieuwe stap in te voegen, zweef je tussen twee bestaande stappen en klik je op het + -icoon.
OPMERKING
De afbeeldingen die in elke stap worden gebruikt, zijn afgeleid van je opgenomen sessie. Je kunt elk frame uit de originele opname kiezen om een nieuwe stap te maken of een bestaande afbeelding te vervangen.
Voeg elementen toe
Deze tools leggen visuele verbeteringen direct over de stapafbeelding.
Blur
Verberg gevoelige of privégegevens in een screenshot.
Klik op Vervagen > Toevoegen.
Zorg ervoor dat de schakelaar 'Toon vervaging' aan staat.
Voer een naam in voor de waas.
Selecteer de stap waarop je het toepast. Elk blur-element is beperkt tot een specifieke stap. Herhaal voor andere stappen indien nodig.
Kies een vorm: Cirkel of Rechthoek.
Stel de Intensity (opaciteit) schuifregelaar aan.
Klik op Aanvullen.
Om een waas te verwijderen, beweeg je de muis eroverheen in de lijst - klik op Meer () > Verwijderen. Klik bovenaan op Nieuw toevoegen om meer vervagingselementen toe te voegen.
OPMERKING
Je kunt meerdere blur-effecten aan één afbeelding toevoegen.
Afbeelding
Leg een extra afbeelding over een stap.
Klik op afbeelding > toevoegen.
Selecteer in het dialoog Mijn uploads een eerder geüploade afbeelding of klik op Uploaden om door je lokale bestanden te bladeren. Vooraf gedefinieerde afbeeldingsassets zijn ook beschikbaar.
Kies in de sectie Grootte en positie :
Vrije vorm - Pas grootte en positie vrij aan. Voer een exacte waarde in het hoekveld of gebruik Roteer links () of Roteer naar rechts () om handmatig aan te passen.
Fit to screen - De afbeelding vult standaard het beeldgebied van de stap.
Klik op Aanvullen.
Spotlight
Trek de aandacht naar een specifiek gebied door alles daarbuiten te dimmen.
Klik op Spotlight > Toevoegen.
Voer een naam in voor de schijnwerpers.
Selecteer de stap waarop je het wilt toepassen.
Kies een vorm: Cirkel of Rechthoek.
Klik op Aanvullen.
Om te verwijderen, ga je met de muis over de spotlight in de lijst - Meer () > Verwijderen. Klik op Nieuw toevoegen om meer spotlights toe te voegen.
OPMERKING
Alle gebieden buiten de spotlight worden gedimd. Op dit moment kun je de helderheid van het gedimde gebied niet aanpassen.
Tekst
Voeg aangepaste tekstannotaties toe over de stapafbeelding.
Klik op Tekst > Toevoegen.
Voer je tekst in. Opmaak met vetgedrukt, cursief, onderstreep, geordende/ongeordende lijst of hyperlink.
Kies een lettertype en lettergrootte.
Kies een kleur uit het palet.
Stel de rotatie in met de degree control.
Klik op Aanvullen.
Om te bewerken, klik op het pictogram Bewerken (). Om te verwijderen, klik op Meer () > Verwijderen. Klik op Nieuw toevoegen voor extra tekstelementen.
Hoogtepunt
Markeer belangrijke gebieden op de stapafbeelding met een gekleurde overlay.
Klik op markeren > toevoegen.
Zorg ervoor dat de schakelaar voor 'Toon highlighten ' aan staat.
Voer een naam in.
Kies een vorm: Cirkel of Rechthoek.
Selecteer een kleur uit de lijst of klik op + om een aangepaste kleur te gebruiken.
Klik op Aanvullen.
Om te verwijderen, zweeg je met de muis over de markering → Meer () > Verwijderen. Klik op Nieuw toevoegen voor extra highlights.
Beeldovergangen
Inzoomeffect
Pas een zoom-in effect toe om de aandacht te vestigen op hotspots of belangrijke gebieden binnen de stapafbeelding.
Klik op de + -knop rechtsboven in de afbeelding om in te zoomen.
Klik op de − -knop om uit te zoomen.
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.
Animeer klik
In plaats van een statisch beeld, animeer je een stap door een korte videoclip af te spelen rond de opgenomen klik, handig wanneer het resultaat van een klik (een dropdown-opening, een uitvouwend paneel) belangrijk is voor de lezer om te zien.
Selecteer de gewenste stap.
Ga in het rechterpaneel naar Afbeeldingsovergang.
Kies Animeren klik.
Kies een duur:
3 seconden - geeft 1,5 seconde voor en na de klik aan. 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; het beste voor langzamere overgangen zoals paginalaad of geanimeerde UI-reacties. De duur wordt aangepast op basis van beschikbare beelden.
De stap speelt af als een mini-video, gecentreerd rond het klikpunt.
Afbeelding bewerken
Gewas
Snijd de stapafbeelding bij om je op een specifiek gebied te richten.
Klik op Bijsnijden.
Kies een beeldverhouding:
Origineel (320:141)
Gewoonte
Vierkant (1:1)
Landschap (16:9)
Portret (9:16)
Voor Aangepast sleep je het bijgesneden gebied op de afbeelding. Het gedeelte 'Bijsnijden' toont de resulterende breedte, hoogte en beeldverhouding.
Klik op Aanvullen om op te slaan.
OPMERKING
Zodra het is bijgesneden, wordt alleen het geselecteerde gebied gemarkeerd en zichtbaar in de Knowledge Base-site.
Beheer van toegevoegde elementen
Om alle verbeteringen te beoordelen en te beheren in een stap:
Vouw het gedeelte Toegevoegde elementen uit in het rechterpaneel.
Beweeg je muis over een element:
Klik op Bewerken () om het bij te werken.
Klik op Verwijderen () om het te verwijderen.
Problemen met bewerken oplossen
Een waas of spotlight die ik heb toegepast wordt niet weergegeven in de gepubliceerde gids - Controleer of de schakelaar 'Vervaag weergeven' of 'Toon markering' voor het element is ingeschakeld. Elementen zijn standaard verborgen totdat de schakelaar is ingeschakeld, ze blijven in je editor als opgeslagen configuraties maar worden niet weergegeven op de Knowledge Base-site totdat ze actief zijn.
Animate-klik toont "niet beschikbaar" voor een stap - Animate-klik werkt alleen voor stappen waarvan de diaafbeelding rechtstreeks uit de originele opname is genomen. Als je de afbeelding hebt vervangen door een aangepaste upload via Mijn uploads, is de animatiebron niet meer beschikbaar. Ga ofwel terug naar het originele frame met Select from original, of gebruik Zoom als alternatief.
Ik heb een stapafbeelding bijgesneden, maar nu kan de lezer de omliggende context niet meer zien - Bijsnijden is permanent per stap. Eenmaal toegepast is alleen het bijgesneden gebied zichtbaar. Als je de context wilt herstellen, klik dan opnieuw op Bijsnijden en selecteer Origineel als beeldverhouding om terug te keren naar de volledige afbeelding.
Tekstannotaties zien er prima uit in de editor, maar zijn te klein op de Knowledge Base-site - lettergroottes die geschikt lijken op een groot editor-canvas kunnen klein worden weergegeven op verschillende schermformaten. Gebruik een lettergrootte van minstens 16 - 18px voor de hoofdteksten en bekijk de gids op de Knowledge Base-site voordat je publiceert om de leesbaarheid te controleren.
De sectie "Toegevoegde elementen" is leeg, maar ik weet dat ik een blur heb toegepast - Blurs, spotlights en andere elementen worden per stap opgeslagen. Zorg dat je de juiste stap hebt geselecteerd in het linkerpaneel, elementen van de ene stap verschijnen niet in de lijst met toegevoegde elementen van een andere.
Volgende stappen
Zodra je gids is afgerond, kun je publiceren, vertalen, klonen of toegang beheren. Zie Stap voor stap beheren van gidsen voor vertaling, klonen, depubliceren en instellingen.