Passa al contenuto principale

☝🏼 Monitor Touch: Discover More

Discover More trasforma un'area di un progetto in un pulsante che fa comparire un livello nascosto con più dettagli, e lo richiude al tocco successivo.

Lo schermo riproduce un normale progetto di signage, in questo esempio una playlist video con un logo. Un'area del design viene trasformata in un pulsante, qui l'etichetta DISCOVER CIRCULAR JOURNEY nell'angolo in basso.

Toccandola compare il livello nascosto, in questo esempio una singola immagine che racconta la storia del prodotto. Toccando di nuovo il pulsante, oppure il pulsante GO BACK, lo schermo torna alla playlist.

🎯 È adatto al retail e agli showroom, dove chi passa decide in un secondo se guardare più da vicino.

Due viste dello stesso monitor touch: una pagina prodotto con il pulsante DISCOVER CIRCULAR JOURNEY e la pagina di dettaglio nascosta che apre, con il pulsante GO BACK

🏗️ Come configurarlo​

Si costruisce tutto nell'editor di progetto, senza scrivere codice. Serve il modulo Interactivity abilitato sul tuo account.

  1. Crea un progetto e disponi il design come preferisci.

    Editor di progetto con il design della pagina prodotto disposto sul canvas

  2. Aggiungi il livello che vuoi far comparire sopra al design. In questo esempio è un livello immagine che contiene la storia del prodotto.

    Editor di progetto con l'immagine di dettaglio aggiunta come nuovo livello sopra al design

  3. Nascondi quel livello: nell'elenco LAYERS, clicca il suo pulsante 👁️ occhio. Il livello resta nel progetto ma non appare sullo schermo.

    Elenco LAYERS con il pulsante occhio del livello Circular journey disattivato

  4. Aggiungi l'area che le persone toccheranno. In questo esempio è un livello Shape posizionato sopra la grafica del pulsante, con Fill Opacity impostato a 0, così l'area riceve il tocco senza essere visibile.

    Livello shape selezionato sul canvas sopra al pulsante, con Fill Opacity impostato a 0 tra i suoi attributi

  5. Con quel livello shape ancora selezionato, scorri fino alla sua sezione INTERACTIVITY e imposta:

    • Click Interaction: Enable
    • Click Action: Show hidden layer
    • Target Layer: il livello che hai nascosto al passaggio 3
    • Hide Target Layer Mode: On Click, così un secondo tocco lo nasconde di nuovo

    Sezione INTERACTIVITY del livello shape, con Click Interaction abilitato, Click Action impostato su Show hidden layer e il livello Circular Journey come destinazione

    Nessuna sezione INTERACTIVITY?

    Se un livello non ha la sezione INTERACTIVITY, il modulo Interactivity non è abilitato sul tuo account. Apri un ticket dalla sezione Support e lo attiviamo noi.

  6. Apri SETTINGS > TIMING e imposta Repeat type su Loop this project, così il progetto resta sullo schermo invece di passare al successivo.

    Tab TIMING delle impostazioni di progetto con Repeat type impostato su Loop this project

  7. Programma il progetto sul dispositivo di destinazione come unico progetto, poi ☁️ pubblicalo.

  8. ✅ Fatto. Chi tocca l'area che hai scelto fa comparire il livello nascosto, e toccando di nuovo lo richiude.

Gli scenari interattivi si configurano insieme a noi

La navigazione touch, i trigger API e socket e gli scenari personalizzati vengono configurati per il tuo account dal team Voome. Dicci cosa vuoi che accada sullo schermo e lo realizziamo: prenota una demo se non sei ancora cliente Voome, oppure apri un ticket dalla sezione Support se lo sei già.