Wil je interactiviteit toevoegen aan je Storyline 360-cursussen? Met knoppen kun je de navigatie begeleiden, inhoud weergeven, input van cursisten vastleggen en meer. Je kunt hun uiterlijk aanpassen en bepalen wat er gebeurt als cursisten ze selecteren met behulp van statussen en triggers. Blijf lezen om te leren hoe.

• Knoppen maken en aanpassen
• Interactiviteit van knoppen toevoegen
• Knoppen toegankelijk maken

Knoppen maken en aanpassen

Om een knop toe te voegen, ga naar het tabblad Invoegen en klik op Knop. Kies vervolgens een stijl en teken deze op je dia of laag. Om knoptekst toe te voegen, moet u de knop selecteren en beginnen met typen. Je kunt ook:

• Tekst opmaken op het tabblad Home. Meer informatie.
• Pas de uitlijning, marges en automatische aanpassing aan door met de rechtermuisknop te klikken en Vorm opmaken te kiezen en vervolgens het tabblad Tekstvak te selecteren. Meer informatie.

Door knoppen betekenisvolle namen te geven, zijn ze gemakkelijker te herkennen in triggers en interacties. Als u de naam van een knop wilt wijzigen, klikt u er met de rechtermuisknop op en selecteert u Naam wijzigen. Je kunt er ook op dubbelklikken in de tijdlijn en een nieuwe naam invoeren.

Als je een knop wilt opmaken die bij je cursusontwerp past, moet je de knop selecteren en naar het tabblad Opmaak gaan. U kunt stijlen, kleuren en effecten wijzigen en pictogrammen toevoegen. Kleuren komen uit je thema. U kunt met de rechtermuisknop op een aangepaste knop klikken en Instellen als standaardknop kiezen om dezelfde stijl toe te passen op alle nieuwe knoppen.

Om een knop te verwijderen, moet je de knop selecteren en op je toetsenbord op Delete drukken.

Interactiviteit van knoppen toevoegen

Gebruik statussen en triggers om te bepalen hoe knoppen reageren op de interactie van de cursist.

De knoppen bevatten ingebouwde statussen die van uiterlijk veranderen wanneer cursisten met hen communiceren. Deze omvatten standaard Normaal, Zweven, Omlaag, Bezocht en Uitgeschakeld. Je kunt deze bewerken of je eigen maken. Meer informatie.

Je kunt triggers gebruiken om te bepalen wat er gebeurt als cursisten een knop selecteren. U kunt bijvoorbeeld een laag weergeven, naar een andere dia springen, media afspelen, een variabele aanpassen en meer. Meer informatie.

Je kunt ook:

• Zet dia's om in interacties in vrije vorm en gebruik knoppen als antwoordkeuzes met optionele scores en feedback.
• Maak knopensets die slechts één selectie tegelijk toestaan. Als u knoppen groepeert, worden de andere automatisch gedeselecteerd door één knop te selecteren. U kunt meerdere knoppensets op dezelfde dia plaatsen.

Knoppen toegankelijk maken

Toegankelijke knoppen helpen alle cursisten om gemakkelijker te navigeren en te communiceren met je training. Volg deze tips om de toegankelijkheid van knoppen te verbeteren:

• Geef duidelijke instructies en feedback. Leg uit wat elke knop doet en geef feedback wanneer deze is geselecteerd, met name voor acties zoals het indienen van reacties of het schakelen tussen dia's (3.3.2 Labels of instructies).
• Gebruik beschrijvende labels. Schrijf knoptekst waarin wordt uitgelegd wat er gebeurt als cursisten deze selecteren, zoals 'Antwoord indienen' of 'Bronnen openen'. Vermijd vage tekst zoals „Klik hier” (2.4.4 Doel van de link).
• Geef toegankelijke namen op voor knoppen met alleen pictogrammen. Als een knop alleen een pictogram gebruikt, kunt u alt-tekst toevoegen die de actie beschrijft. Decoratieve pictogrammen verbergen voor ondersteunende technologieën (1.1.1 Niet-tekstuele inhoud).
• Gebruik tekst op het scherm in plaats van alleen de muisaanwijzer te plaatsen. Presenteer belangrijke informatie op de dia in plaats van alleen te vertrouwen op de status van de muisaanwijzer, die niet voor alle cursisten beschikbaar zijn (1.4.13 Content on Hover or Focus).
• Stel een logische focusvolgorde in. Ordenen de knoppen zodanig dat de toetsenbordnavigatie een zinvolle en bruikbare volgorde volgt voor gebruikers van toetsenbord en schermlezer (2.1.1 Keyboard, 2.4.3 Focus Order).
• Testknoppen met een toetsenbord. Zorg ervoor dat cursisten elke knop kunnen bereiken en activeren met Tab, Enter of Space (2.1.1 Toetsenbord).
• Houd de focusstatussen zichtbaar. Gebruik de standaard scherpstelindicator met hoog contrast, zodat cursisten kunnen zien welke knop is geselecteerd. Als je het aanpast, zorg er dan voor dat het goed zichtbaar blijft (2.4.7 Focus Visible).
• Gebruik voldoende contrast. Kies tekst- en achtergrondkleuren die gemakkelijk leesbaar zijn in alle knopstatussen. Streef naar een contrastverhouding van ten minste 4,5:1 voor tekst en 3:1 voor grotere tekst- of knopelementen (1.4.3 Contrast [Minimum]).
• Vertrouw niet op kleur om betekenis te tonen. Voeg tekst, pictogrammen of andere visuele aanwijzingen toe om knopstatussen over te brengen, zodat cursisten over context beschikken die verder gaat dan kleur (1.4.1 Gebruik van kleur).
• Maak knoppen eenvoudig te selecteren. Maak knoppen die groot genoeg zijn om comfortabel te kunnen selecteren. Streef naar een minimale doelgrootte van 24 bij 24 pixels ter ondersteuning van verschillende invoermethoden (2.5.8 Doelgrootte [Minimum]).