Il blocco personalizzato è attualmente in versione beta. La funzionalità può cambiare nel tempo. In base al feedback e alla stabilità delle funzionalità, alcune opzioni potrebbero essere modificate e altre rimosse. Articulate Localization non è attualmente supportata per i blocchi personalizzati.

Hai bisogno di un blocco unico per soddisfare esattamente le tue esigenze di formazione? I blocchi personalizzati sbloccano nuove possibilità! Aggiungi testo, oggetti ed elementi multimediali a un'area di disegno vuota, quindi trascinali e rilasciali per creare la creazione perfetta.

Nota: sebbene il blocco personalizzato supporti diverse funzionalità di accessibilità, alcuni aspetti non sono ancora completamente accessibili.

1. Inserisci modelli vuoti o predefiniti
2. Configura il Canvas
3. Aggiungi modelli e oggetti
4. Manipola oggetti
5. Formattare oggetti
6. Modifica l'ordine degli oggetti e le impostazioni di accessibilità
7. Aggiungi interattività (disponibile a breve)
8. Modifica le impostazioni del blocco
9. Utilizzo delle scorciatoie da tastiera
10. Accessibilità e problemi noti
11. Feedback

Passaggio 1: inserire modelli vuoti o predefiniti

Inizia con una tela bianca o un modello predefinito. Per iniziare, apri la libreria a blocchi durante il corso di formazione.

Inizia da zero

1. Espandi il menu Blocco personalizzato.
2. Seleziona +Blank per inserire una tela bianca nel tuo corso.
3. Fai clic su Crea un blocco personalizzato per iniziare.

Inizia con un modello

1. Espandi il menu Blocco personalizzato.
2. Scegli una categoria, quindi seleziona un modello.
3. Passa con il mouse sopra il blocco e fai clic sull'icona Contenuto per personalizzare il modello.

Puoi anche aggiungere modelli ai blocchi vuoti. Segui il link per un elenco completo dei modelli predefiniti.

Fase 2: Configurare la tela

L'area di disegno è dove aggiungi oggetti e crei il tuo blocco personalizzato. Solo gli oggetti posizionati sulla tela sono visibili agli allievi. Usa la barra degli strumenti visualizzata per selezionare l'area di disegno per modificare il colore, lo stile del bordo e la sovrapposizione. Puoi anche inserire manualmente la larghezza e l'altezza dei pixel della tela o ridurre automaticamente l'area di disegno agli oggetti inclusi.

Tieni presente che i blocchi personalizzati non sono responsivo in questo momento. Ti consigliamo di utilizzare una tela leggermente più alta in modo che i contenuti rimangano leggibili su schermi e dispositivi mobili più piccoli.

Fase 3: Aggiungere modelli e oggetti

Una volta entrato nell'editor di blocchi personalizzato, puoi manipolare gli oggetti nel modello selezionato (ne parleremo nella prossima sezione), inserire un nuovo modello o aggiungere oggetti. Usa la barra di ricerca nel menu delle categorie di oggetti per trovare rapidamente ciò di cui hai bisogno.

Usa il controllo nell'angolo in basso a destra per ingrandire o ridurre l'area di disegno.

Modelli

Nella barra laterale sinistra, fai clic su Modelli, quindi effettua una selezione.

• Su un'area di disegno vuota, fai clic su Usa modello. Questo inserisce la tela e tutti gli oggetti associati al modello selezionato
• Su un'area di disegno popolata, puoi anche selezionare Aggiungi alla tela. Ciò mantiene l'area di disegno corrente e inserisce gli oggetti del modello sugli oggetti esistenti. La selezione di Usa modello su un'area di disegno popolata sostituisce completamente la tela e gli oggetti esistenti.

Una volta inseriti, i singoli oggetti di un modello possono essere manipolati e formattati come qualsiasi altro oggetto. Potrebbe essere necessario separare o approfondire gli oggetti per accedere a tutte le opzioni di formattazione.

Oggetti

Aggiungi altri oggetti dalla barra laterale sinistra.

• Testo: inserisce una casella di testo con il tipo di testo selezionato come predefinito. Questo può essere modificato nella barra degli strumenti di formattazione. Aggiungi un collegamento ipertestuale selezionando il testo. (Nota: la formattazione in apice e pedice non è disponibile per il testo in blocco personalizzato.)
• Forme e linee: inserisci una forma precostruita grigia o una linea precostruita nera sulla tela. Per le forme: fai clic all'interno della forma per aggiungere testo. Le opzioni di formattazione della forma includono colore, arrotondamento degli angoli, bordo, ombra e sovrapposizione. Le opzioni di formattazione delle linee includono colore, stile della linea e ombra.
• Immagini: inserisci un'immagine generata con AI, un'immagine da Content Library 360 o carica la tua. Indipendentemente dalla fonte, le immagini hanno opzioni di arrotondamento degli angoli, bordi, ombre e sovrapposizione. Gli strumenti di ritaglio e alterazione del testo sono disponibili facendo clic con il pulsante destro del mouse su un'immagine.
• Video: inserisci un video trascinandolo o selezionando un file video da caricare. Se desideri che il tuo file video mantenga il suo formato di file specifico e non venga sottoposto a compressione, puoi disattivare l'ottimizzazione selezionando Mantieni la qualità del file. Tieni presente che ciò potrebbe ridurre le prestazioni. La ricerca in avanti non può essere disattivata per i video con layout personalizzati.
• Audio: genera audio con AI Assistant, registra il tuo audio o carica un file audio con trascrizione da inserire nella tua tela.

Fai clic su una delle icone per inserire l'oggetto che desideri, quindi trascinalo semplicemente nel punto in cui desideri che sia all'interno del blocco. Puoi anche selezionare un oggetto o un gruppo di oggetti e inserire le posizioni X e Y nel menu della barra degli strumenti Posizione.

Fase 4: Manipolare gli oggetti

È possibile lavorare con gli oggetti in diversi modi. Oltre alla manipolazione diretta, sono disponibili i comandi del menu di scelta rapida, le opzioni di formattazione della barra degli strumenti e le scelte rapide da tastiera. Le opzioni disponibili per i singoli oggetti sono facilmente accessibili anche dalla barra laterale Oggetti.

Cambia l'ordine

Il modo più semplice per modificare l'ordine di un oggetto nell'area di disegno consiste nel fare clic con il pulsante destro del mouse sull'oggetto e selezionare un'opzione dal menu Sposta. Esistono anche diverse scorciatoie da tastiera per regolare la posizione di un oggetto.

Allinea

Le guide di allineamento orizzontale e verticale vengono visualizzate quando spostate un oggetto, più oggetti o un gruppo di oggetti. Se avete già altri oggetti posizionati sull'area di disegno, vedrete anche delle guide di allineamento verticali e orizzontali relative a tali oggetti. Potete anche selezionare un oggetto, più oggetti o un gruppo e scegliere un'opzione dal menu Posizione, oppure fare clic con il pulsante destro del mouse e selezionare un'opzione dal menu Allinea.

Ridimensiona

È possibile ridimensionare rapidamente un oggetto posizionandolo sul bordo o sull'angolo e trascinandolo in quella direzione. Tenete premuto il tasto Shift durante il ridimensionamento per mantenere il Rapporto daspetto dell'oggetto. Puoi anche inserire i valori di larghezza e altezza nel menu Posizione.

Ruota

Ruota gli oggetti passando il mouse sull'angolo di un oggetto. Quando il cursore assume la forma di una freccia curva, fate clic e spostate il cursore nella direzione in cui desiderate ruotare l'oggetto. Potete anche selezionare un oggetto o un gruppo e utilizzare il cursore oppure immettere un valore nel menu Posizione. Nota che le guide di allineamento non vengono visualizzate quando sposti oggetti ruotati.

Gruppo

Il raggruppamento è un modo pratico per spostare, ridimensionare, ruotare, capovolgere o modificare altri attributi di più oggetti contemporaneamente, come se fossero un unico oggetto.

Per raggruppare gli oggetti, fate clic tenendo premuto il tasto Maiusc o trascinate il cursore su due o più oggetti, quindi scegliete Raggruppa per raggrupparli. Per separare gli oggetti, scegli Separa.

Blocca

Seleziona un oggetto o un gruppo di oggetti e fai clic sull'icona del lucchetto nella barra degli strumenti che appare per bloccarne la posizione. Puoi anche fare clic con il pulsante destro del mouse e selezionare Blocca.

Duplicato

Seleziona un oggetto o un gruppo di oggetti e fai clic sull'icona di duplicazione nella barra degli strumenti visualizzata. Puoi anche fare clic con il pulsante destro del mouse e selezionare Duplica. L'oggetto o il gruppo duplicato appare leggermente sfalsato rispetto all'originale e viene selezionato automaticamente.

Elimina

Seleziona un oggetto o un gruppo di oggetti e fai clic sull'icona di eliminazione nella barra degli strumenti visualizzata. Puoi anche premere Elimina o selezionare l'opzione Elimina dal menu a destra. Ripristina gli elementi eliminati premendo Ctrl+Z.

Fase 5: Formattare gli oggetti

Seleziona un oggetto sulla tela per accedere alla barra degli strumenti di formattazione/azione. Oggetti diversi hanno diverse opzioni della barra degli strumenti.

La barra degli strumenti di formattazione per oggetti selezionati e raggruppati riflette gli strumenti disponibili per gli oggetti del gruppo. Se uno strumento non influisce su un oggetto particolare, la modifica del valore non avrà alcun effetto su quell'oggetto. Gli strumenti disponibili per tutti gli oggetti o per più tipi di oggetti influiranno allo stesso modo su tutti gli oggetti pertinenti. Ad esempio, la modifica dell'opacità di un gruppo ha la precedenza sulle impostazioni dei singoli oggetti e imposta invece l'opacità per tutti gli oggetti del gruppo sullo stesso valore.

Tutti gli oggetti

Immagini

Linee

Forme e testo

Forme, linee e immagini

Fase 6: Modificare l'ordine degli oggetti e le impostazioni di accessibilità

Esistono due modi per modificare l'ordine degli oggetti e dei gruppi di oggetti. Un modo influisce sull'ordine visivo, mentre l'altro influisce sul modo in cui gli strumenti di accessibilità, come gli screen reader, interagiscono con gli oggetti in un blocco personalizzato.

Ordine visivo

Seleziona Oggetti nella barra laterale per accedere ai controlli per la tela e tutti gli oggetti nel blocco personalizzato corrente. Oltre a utilizzare la barra degli strumenti di formattazione combinata, puoi facilmente trascinare oggetti singoli e raggruppati per regolarne la visibilità. Puoi anche rimuovere elementi dai gruppi. Tieni presente che gli oggetti appena aggiunti vengono visualizzati nella parte superiore di questo elenco.

Ordine di messa a fuoco

Seleziona l'ordine di messa a fuoco per accedere a un elenco di oggetti e gruppi nell'ordine di navigazione dello screen reader e della tastiera. Gli elementi di questo elenco possono essere modificati indipendentemente dall'ordine degli oggetti per motivi di accessibilità, ma qui non puoi rimuovere gli elementi dai gruppi. Fate clic su Corrisponde all'ordine visivo per ripristinare l'elenco sullo stesso ordine dell'elenco degli oggetti. Gli oggetti appena aggiunti vengono visualizzati in fondo a questo elenco.

Aggiungi testo alternativo

Nel pannello dell'ordine di messa a fuoco, usa il campo Testo alternativo per aggiungere testo alternativo a qualsiasi oggetto, gruppo di oggetti o all'area di disegno stessa. Se non hanno testo alternativo, le immagini, le linee e le forme senza testo sono considerate decorative e non vengono annunciate.

Passaggio 7: Aggiungi interattività (disponibile a breve)

Stiamo ancora esplorando come aggiungere interattività ai blocchi personalizzati. Ci piacerebbe sentire la tua opinione. Passa con il mouse sopra Interattività nella barra laterale e fai clic su Condividi feedback per farci sapere quali funzionalità interattive potrebbero migliorare ulteriormente i tuoi blocchi personalizzati.

Passaggio 8: Modifica le impostazioni dei blocchi

Passa con il mouse sopra un blocco esistente per accedere alla barra degli strumenti di progettazione a sinistra e modificare l'aspetto del blocco. Fai clic sull'icona Stile per accedere alle opzioni di sfondo del blocco. Il menu Formato fornisce opzioni per modificare la spaziatura dei blocchi e la larghezza del contenuto.

Poiché i blocchi personalizzati non sono responsivo in questo momento, usa i seguenti valori come larghezze massime per la tua tela in modo che il blocco rientri nei parametri di larghezza del contenuto:

• Grande: 920 px
• Medio: 760 px
• Piccolo: 520 px

Ti consigliamo di utilizzare meno imbottitura attorno ai blocchi personalizzati per una migliore esperienza mobile.

Utilizzo delle scorciatoie da tastiera

Le seguenti scorciatoie da tastiera possono essere utilizzate nella tela a blocchi personalizzata.

Accessibilità e problemi noti

Accessibilità

Al momento stiamo ancora valutando e migliorando la conformità all'accessibilità dei blocchi personalizzati. Allo stato attuale, la funzionalità di blocco personalizzata non soddisfa pienamente le linee guida sull'accessibilità. I modelli di blocchi personalizzati e i blocchi personalizzati definiti dall'utente non vengono ridisposti per adattarsi a schermate diverse. Ciò può renderli difficili da leggere su schermi di piccole dimensioni o quando vengono ingranditi. Le linee guida sull'accessibilità forniscono un'eccezione per i contenuti di presentazione come i nostri blocchi personalizzati, ma possono comunque essere difficili da usare per gli utenti mobili e le persone con problemi di vista. Per assicurarti che i tuoi contenuti siano adatti a tutti, testali sia su un dispositivo mobile che su un browser desktop ingrandito al 400%, non solo in modalità anteprima. Anche se al momento non soddisfa la piena conformità, incoraggiamo gli autori a utilizzare gli strumenti di accessibilità forniti per migliorare l'accessibilità. Continua a leggere per scoprire come gestire l'ordine di messa a fuoco e altri suggerimenti sull'accessibilità per i blocchi personalizzati.

Gestisci il Focus Order

Gli autori hanno il pieno controllo del modo in cui uno screen reader naviga tra i contenuti in blocchi personalizzati. Gli oggetti possono essere riordinati separatamente dall'ordine di sovrapposizione visivo per stabilire l'esatto ordine di lettura per gli screen reader. Ecco alcune linee guida da tenere a mente:

• Le forme, le linee e le immagini sono decorative per impostazione predefinita. Non verranno annunciati dagli screen reader a meno che l'autore non assegni un testo alternativo.
• Il testo verrà sempre annunciato. Ciò include il testo all'interno delle forme.
• Per impostazione predefinita, i gruppi non vengono annunciati, a meno che non sia stato fornito loro un testo alternativo. Lasciare il gruppo senza testo alternativo significa semplicemente che il gruppo stesso non verrà annunciato come elemento separato. Qualsiasi oggetto significativo all'interno del gruppo (ad esempio, testo o immagini/forme con testo alternativo) verrà comunque annunciato.
• L'audio e il video hanno etichette predefinite. Gli autori possono aggiungere testo alternativo quando un contesto aggiuntivo è utile. Ma se il campo viene lasciato vuoto, gli screen reader annunceranno le etichette predefinite predefinite rispettivamente come «lettore video» e «lettore audio».
• La tela a blocchi personalizzata segue lo stesso principio dei gruppi, dell'audio e del video. Gli autori possono facoltativamente assegnare un testo alternativo all'area di disegno o lasciarla vuota, nel qual caso lo screen reader passerebbe direttamente al contenuto.

Suggerimenti per l'accessibilità

• Assicuratevi che tutti gli oggetti e i gruppi significativi abbiano un nome chiaro nel pannello degli oggetti. Ciò li rende più facili da identificare in un secondo momento e consente di risparmiare molto tempo nella gestione dell'ordine visivo e di messa a fuoco.
• Usa i livelli di titolo corretti in ordine con titoli chiari e descrittivi.
• Mantieni gli oggetti organizzati in ordine logico sin dall'inizio. Un pannello degli oggetti ben strutturato rende molto più semplice impostare l'ordine di messa a fuoco finale in un secondo momento.
• Fornisci testo alternativo (testo alternativo) per qualsiasi oggetto che abbia un significato o aiuti a strutturare. Poiché il testo alternativo può essere aggiunto a qualsiasi oggetto in Custom Block, gli autori possono utilizzarlo strategicamente per comunicare informazioni visive importanti in modo efficace, specialmente in layout visivamente ricchi.
• Utilizzate il pannello dell'ordine di messa a fuoco per riordinare gli oggetti indipendentemente dal loro ordine nel pannello degli oggetti.
• Eseguite dei test manuali con uno screen reader per assicurarvi che l'ordine di messa a fuoco sia corretto.

Problemi noti

Articulate Localization non è attualmente supportata per i blocchi personalizzati. Per tradurre contenuti in blocchi personalizzati, gli autori devono utilizzare il processo di traduzione manuale.

Condividi il tuo feedback

Siamo entusiasti della creatività che Custom Block sbloccherà e abbiamo bisogno del tuo aiuto per garantire che soddisfi le esigenze e le aspettative di tutti gli utenti di Articulate. Il tuo feedback influenzerà direttamente lo sviluppo di blocchi personalizzati all'interno di Rise 360, quindi valuta la possibilità di condividere le tue opinioni sui seguenti argomenti:

• Usi: Come vengono utilizzati i blocchi personalizzati? Condividi le tue creazioni!
• Bugs: qualcosa non funziona come previsto?
• Miglioramenti: come potrebbe essere migliorata questa funzionalità?
• Approfondimenti: In che modo questa funzionalità offre vantaggi a te e ai tuoi allievi?

Fai clic su Beta accanto a Blocchi personalizzati e seleziona Condividi feedback per condividere le tue opinioni.