Vuoi aggiungere interattività ai tuoi corsi Storyline 360? I pulsanti consentono di guidare la navigazione, rivelare contenuti, acquisire input da parte dell'allievo e altro ancora. Puoi personalizzarne l'aspetto e definire cosa succede quando gli allievi li selezionano utilizzando stati e trigger. Continua a leggere per scoprire come.

• Crea e personalizza pulsanti
• Aggiungi pulsanti interattivi
• Rendi accessibili i pulsanti

Crea e personalizza i pulsanti

Per aggiungere un pulsante, vai alla scheda Inserisci e fai clic su Pulsante. Quindi, scegli uno stile e disegnalo sulla diapositiva o sul livello. Per aggiungere il testo del pulsante, seleziona il pulsante e inizia a digitare. Puoi anche:

• Formattare il testo nella scheda Home. Scopri di più.
• Regola l'allineamento, i margini e l'adattamento automatico facendo clic con il pulsante destro del mouse e scegliendo Formato forma, quindi selezionando la scheda Casella di testo. Scopri di più.

Assegnare ai pulsanti nomi significativi li rende più facili da identificare nei trigger e nelle interazioni. Per rinominare un pulsante, fai clic con il pulsante destro del mouse e seleziona Rinomina. Puoi anche fare doppio clic sulla timeline e inserire un nuovo nome.

Per formattare un pulsante in modo che si adatti al design del corso, selezionalo e vai alla scheda Formato. Puoi cambiare stili, colori, effetti e aggiungi icone. I colori provengono dal tuo tema. Puoi fare clic con il pulsante destro del mouse su un pulsante personalizzato e scegliere Imposta come pulsante predefinito per applicare lo stesso stile a tutti i nuovi pulsanti.

Per eliminare un pulsante, selezionalo e premi Elimina sulla tastiera.

Aggiungi pulsante (interattività)

Usa gli stati e i trigger per definire in che modo i pulsanti rispondono all'interazione con l'allievo.

I pulsanti includono stati incorporati che cambiano aspetto quando gli allievi interagiscono con essi. Per impostazione predefinita, questi includono Normal, Passa con il mouse sopra qc], Down, Visited e Disabled. Puoi modificarli o crearne di tuoi. Scopri di più.

Puoi utilizzare i trigger per determinare cosa succede quando gli allievi selezionano un pulsante. Ad esempio, puoi mostrare un livello, passare a un'altra diapositiva, riproduci media, regolare una variabile e altro ancora. Scopri di più.

Puoi anche:

• Converti le diapositive in interazioni a forma libera e usa i pulsanti come opzioni di risposta con punteggio e feedback opzionali.
• Crea set di pulsanti che consentono una sola selezione alla volta. Quando i pulsanti sono raggruppati, selezionandone uno si deselezionano automaticamente gli altri. È possibile includere più set di pulsanti nella stessa diapositiva.

Rendi accessibili i pulsanti

I pulsanti accessibili aiutano tutti gli allievi a navigare e interagire più facilmente con il corso di formazione. Segui questi suggerimenti per aumentare l'accessibilità dei pulsanti:

• Fornisci istruzioni e feedback chiari. Spiega cosa fa ogni pulsante e fornisci un feedback quando viene selezionato, in particolare per azioni come l'invio di risposte o lo spostamento tra le diapositive (3.3.2 Etichette o istruzioni).
• Usa etichette descrittive. Scrivi il testo del pulsante che spieghi cosa succede quando gli allievi lo selezionano, ad esempio «Invia risposta» o «Risorse aperte». Evita testi vaghi come «Fai clic qui» (2.4.4 Scopo del link).
• Fornisci nomi accessibili per i pulsanti con sole icone. Se un pulsante utilizza solo un'icona, aggiungi un testo alternativo che ne descrive l'azione. Nascondi le icone decorative dalle tecnologie assistive (1.1.1 Contenuto non testuale).
• Usa il testo sullo schermo invece di passare il mouse solo con il mouse. Presenta informazioni importanti sulla diapositiva anziché fare affidamento solo sugli stati al passaggio del mouse, che non sono disponibili per tutti gli allievi (1.4.13 Contenuti su Hover qc] o Focus).
• Imposta un ordine logico di messa a fuoco. Disponi i pulsanti in modo che la navigazione da tastiera segua una sequenza significativa e utilizzabile per gli utenti di tastiere e screen reader (2.1.1 Keyboard, 2.4.3 Focus Order).
• Prova i pulsanti con una tastiera. Assicurati che gli allievi possano raggiungere e attivare ogni pulsante usando Tab, Invio o Space (tastiera 2.1.1).
• Mantieni visibili gli stati di messa a fuoco. Usa l'indicatore di messa a fuoco predefinito ad alto contrasto in modo che gli allievi possano vedere quale pulsante è selezionato. Se lo personalizzi, assicurati che rimanga ben visibile (2.4.7 Focus Visible).
• Usa un contrasto sufficiente. Scegli colori di testo e sfondo facili da leggere in tutti gli stati dei pulsanti. Cerca di ottenere un rapporto di contrasto di almeno 4, 5:1 per il testo e di 3:1 per gli elementi di testo o pulsanti più grandi (1.4.3 Contrasto [minimo]).
• Non fare affidamento sul colore per mostrare il significato. Aggiungi testo, icone o altri segnali visivi per comunicare lo stato dei pulsanti in modo che gli allievi abbiano un contesto che vada oltre il colore (1.4.1 Uso del colore).
• Rendi i pulsanti facili da selezionare. Crea pulsanti sufficientemente grandi da consentirti di selezionare comodamente. Mira a una dimensione target minima di 24 x 24 pixel per supportare diversi metodi di input (2.5.8 Dimensione del bersaglio [minima]).