Interazioni di Oggetto

Le Interazioni di Oggetto vengono utilizzate principalmente per creare prototipi interattivi.

Questo tipo di interazione modifica lo stato di un oggetto nella pagina e può essere applicata a un singolo oggetto, a un gruppo di oggetti o a un Hotspot.

Le Interazioni di Oggetto possono essere utilizzate per simulare:

• Menu a tendina
• L'apertura e la chiusura di una finestra o di una finestra di dialogo modale in risposta al clic di un pulsante
• La visualizzazione di un menu contestuale al clic destro
• Lo scorrimento verso un'area o un elemento specifico al clic di un link di navigazione
• Un controllo radio, casella di controllo o interruttore che può essere attivato/disattivato

In questo articolo, spiegheremo ogni parte di un'Interazione di Oggetto. Imparerai anche come applicare le Interazioni di Oggetto e come modificarle, duplicarle ed eliminarle.

Pannello Interazioni

Il Pannello Interazioni si trova nella Barra Laterale Destra e da questo pannello potrai:

• Vedere tutte le Interazioni che sono state applicate a un oggetto

• Creare un'Interazione

• Aggiungere un Hotspot

• Controllare come vengono visualizzate le interazioni nella sezione Opzioni:

  • Mostra hotspot: Visualizza gli hotspot cliccabili in modalità Modifica.
  • Mostra indicatori di interazione: Aggiunge un badge luminoso agli oggetti con interazioni – nella pagina e nel Pannello Schema – quando sei in modalità Modifica.
  • Rivela obiettivo interazione: In modalità Anteprima, mostra un tooltip con l'azione e l'obiettivo quando passi il cursore su un oggetto.

Trigger, azione e obiettivo

Un'Interazione di Oggetto è composta da tre parti: un Trigger, un'Azione e un Obiettivo.

Trigger

Un Trigger è l'evento che mette in moto un'interazione. Usando il menu a tendina superiore, puoi scegliere tra diversi trigger: Al clic o tocco, Al clic destro, Al doppio clic, Entrata del mouse, Uscita del mouse.

Azione

Un'Azione è l'istruzione che verrà eseguita dopo che un trigger è stato attivato. Il secondo menu a tendina ti consente di scegliere Azioni applicabili alle Interazioni di Pagina o alle Interazioni di Oggetto.

Per le Interazioni di Oggetto puoi scegliere: Attiva/Disattiva la Visibilità, Mostra elemento, Nascondi elemento o Scorri fino all'elemento.

Obiettivo

Un Obiettivo è il risultato finale visibile al termine di un'interazione. Nel caso delle Interazioni di Oggetto, la sezione obiettivo visualizza un pulsante obiettivo verde. Dopo aver fatto clic su quel pulsante, puoi usare il cursore a mirino per scegliere un oggetto target dalla pagina o dal Pannello Schema.

Aggiungere interazioni di oggetto

Per aggiungere un'Interazione di Oggetto:

1. Seleziona l'oggetto o il gruppo a cui vuoi aggiungere l'interazione
2. Fai clic sulla Scheda Interazioni per aprire il pannello
3. Scegli un Trigger dal menu a tendina superiore
4. Nel secondo menu a tendina, seleziona un'Azione dall'elenco Interazioni di Oggetto
5. Fai clic sul pulsante Obiettivo per attivare la Modalità Selezione Obiettivo
6. Per selezionare il tuo obiettivo, fai clic su qualsiasi oggetto o gruppo, nella Pagina o nel Pannello Schema
7. Fai clic su Fatto per applicare l'interazione

Impostare lo stato invisibile

Quando stai costruendo un'interazione, spesso vorrai nascondere l'oggetto target in modo che sia invisibile nello stato iniziale e appaia solo dopo un evento trigger – ad esempio, un menu a tendina che si rivela solo quando si fa clic sulla freccia del menu a tendina.

Esistono due modi per impostare lo stato di un oggetto su invisibile:

Dal Pannello Schema

1. Seleziona l'oggetto che vuoi rendere invisibile
2. Vai alla Barra Laterale Sinistra e fai clic sulla Scheda Schema per aprire il pannello
3. Nell'Albero Schema, il nome dell'oggetto sarà evidenziato in blu
4. Passa il cursore sul nome dell'oggetto e, appena a destra, fai clic sul pulsante Mostra/Nascondi per rendere l'oggetto invisibile

Dal Pannello Formato

1. Seleziona l'oggetto che vuoi rendere invisibile
2. Vai alla Barra Laterale Destra e fai clic sulla Scheda Formato
3. La scheda diventerà blu e aprirà il Pannello Formato
4. In cima al Pannello Formato, vedrai il nome dell'oggetto in blu
5. Fai clic sull'Icona Occhio appena a destra del nome del tuo oggetto per renderlo invisibile

Modificare, Duplicare o Eliminare Interazioni di Oggetto

Quando applichi un'interazione a un oggetto, questa appare immediatamente nell'Elenco Interazioni in cima al Pannello Interazioni. Man mano che aggiungi altre interazioni allo stesso oggetto, le vedrai apparire lì. Puoi facilmente modificare o eliminare qualsiasi interazione dall'elenco – o duplicare un'interazione per un rapido riutilizzo.

Modificare un'Interazione

Modificare un'interazione è utile quando vuoi cambiare parti di un'interazione già esistente. Utilizzando la funzione di modifica, puoi aggiornare il Trigger, l'Azione o l'Obiettivo individualmente – senza influire sulle altre parti dell'interazione.

Per modificare un'interazione:

1. Seleziona l'oggetto o il gruppo di oggetti la cui interazione desideri modificare
2. Fai clic sulla Scheda Interazioni per aprire il Pannello Interazioni
3. In cima al pannello, individua l'interazione che vuoi modificare
4. Fai clic sul pulsante Modifica per attivare la modalità di modifica
5. Modifica l'interazione e fai clic su Fatto per salvare le modifiche
6. L'interazione aggiornata lampeggerà in verde nell'elenco per qualche secondo

Duplicare un'Interazione

Spesso potresti voler applicare diverse varianti di un'interazione allo stesso oggetto. La funzione Duplica ti consente di duplicare un'interazione esistente e quindi modificarne il Trigger, l'Azione e l'Obiettivo secondo le tue esigenze.

Per duplicare un'interazione:

1. Seleziona l'oggetto o il gruppo da cui vuoi duplicare un'interazione
2. Fai clic sulla Scheda Interazioni per aprire il pannello Interazioni
3. In cima al pannello, individua l'interazione che vuoi duplicare
4. Fai clic sull'icona Duplica e un'interazione identica apparirà nell'Elenco Interazioni in cima al pannello
5. Per modificare la nuova interazione, fai clic sul pulsante Modifica e segui i passaggi dalla sezione Modificare le Interazioni di questo articolo

Eliminare un'Interazione

Per eliminare un'interazione:

1. Seleziona l'oggetto o il gruppo di oggetti da cui vuoi eliminare un'interazione
2. Fai clic sulla Scheda Interazioni per aprire il pannello Interazioni
3. In cima al pannello, individua l'interazione che vuoi eliminare
4. Fai clic sul pulsante Elimina

Domande e risposte

Quali interazioni funzionano in un PDF esportato?

Tutte le Interazioni di Pagina funzionano normalmente, ad eccezione di Ritornare, che si basa sulla cronologia del browser per la direzione. Le Interazioni di Oggetto non funzionano nei PDF.

Se vuoi fornire alle parti interessate un prototipo pienamente funzionale, invitale come ospiti del progetto, o condividi un link al progetto. Scopri come fare entrambe le cose in Condivisione. Puoi anche esportare un visualizzatore HTML offline interattivo.