Crie menus interativos

Crie menus interativos para exibir seu conteúdo separadamente e somente quando solicitado pelo espectador, com o clique de um botão. Divida textos longos em pedaços menores e deixe seu público explorar o conteúdo como quiser, quando quiser e na ordem que preferir.

Compatível com o aplicativo OnSign TV Player para Android 4.2.0+ e Windows App 9.1.1+

 

Para este tutorial, construiremos a seguinte campanha:

Baixe uma pasta zip preparada com arquivos para recriar a mesma campanha.

  1. Dica: Ao criar sua própria campanha, faça um esboço antes mesmo de abrir sua conta OnSign TV. Planeje com antecedência: 
    • Como seu conteúdo será dividido . Defina o objetivo da sua campanha e divida seu conteúdo em diferentes seções de acordo. Experimente criar diferentes mapas de navegação e decida qual deles você acha que funcionaria melhor.
    • Quantos botões você precisará ? Cada página requer um botão ou outra ação para acionar o próximo conteúdo na tela. Pense no design deles, onde serão posicionados na tela e se está claro que podem ser clicados!
    • Como ficará o layout da sua campanha . Dê unidade estrutural à sua campanha, mesmo que haja várias páginas diferentes. Use cores, fontes e layouts para dar coerência às diferentes páginas. Leia mais sobre design neste post do blog OnSign TV.
  2. Quando estiver pronto com o esboço da sua campanha, prepare o conteúdo. Você não pode acionar aplicativos na tela. Portanto, se você planeja definir texto como conteúdo oculto, crie-o em um software no seu computador. Em seguida, salve-o em um formato de imagem, como JPEG, PNG ou até mesmo PDF. Crie e insira mídia em cada página individualmente.
    Crie uma imagem contendo todos os botões do menu (veja a imagem abaixo). Para esta campanha, criamos também um plano de fundo padrão que aparecerá quando nenhuma ação for acionada. 
  3. Carregue todos os arquivos para sua conta OnSign TV. 
  4. Crie uma nova campanha. Crie o layout personalizado que você planejou. Para este tutorial, planejamos duas zonas: uma área de conteúdo principal (A) e um menu (B). 
  5. Arraste os arquivos para a Linha do tempo. 
  6. Em seguida, edite ainda mais seu Layout criando divisões de tela onde ficarão os botões na área de menu. 
  7. Adicione uma imagem totalmente transparente a essas novas áreas da sua Linha do Tempo para salvar a Campanha. OnSign TV não permite salvar uma Campanha com linhas do tempo vazias. O texto do botão ficará legível abaixo da imagem transparente.
    A imagem transparente deve estar no formato PNG (saiba mais sobre transparência). 
  8. "Salve" ou clique em "Salvar e publicar" a campanha quando terminar.
  9. A visualização mudará para um menu lateral com as opções de edição, publicação ou interatividade. Clique em “Interatividade” no menu lateral.

10) Clique em “Adicionar interação” na extrema direita do cabeçalho para adicionar uma ação a cada botão.

Este é o momento em que damos vida à sua campanha! Vamos começar com a Região 3 (intitulada "O que é sinalização digital?") e transformá-la em uma área clicável. Sempre que o usuário clicar nela, o conteúdo da Região 1 será substituído pelo arquivo PNG "O que é sinalização digital":

Ajuste as configurações para as áreas restantes:


11) Clique em “Salvar”.

12) Publique a campanha para um Player , caso ainda não tenha feito isso, e confira o resultado!

OnSign TV Academy - Interatividade com tela sensível ao toque