Crie menus interativos para exibir seu conteúdo de forma fragmentada dentro da campanha. Divida textos longos em blocos e deixe o seu público explorar o conteúdo que lhe interessar, quando quiser e na ordem que preferir.
*Disponível para versões de OnSign TV App Android 4.2.0+ e Windows 9.1.1+
Para esse tutorial, vamos recriar a seguinte campanha:
Baixe a pasta zip com os arquivos necessários e tente montar a mesma campanha seguindo o passo a passo.
- Dica: Ao criar a sua própria campanha, faça um esboço no papel antes mesmo de fazer o upload dos arquivos para a plataforma OnSign TV. Planeje com antecedência:
- Divisão do conteúdo. Defina que meta você quer alcançar com essa campanha e divida o conteúdo em diferentes seções de acordo com o seu objetivo. Tente desenhar diferentes mapas de navegação e decida qual deles você acha vai funcionar melhor para o seu usuário.
- Botões. Cada página requer um botão ou outra ação que irá acionar o conteúdo na tela. Pense sobre o design, onde serão exibidos na tela e se fica claro que pode ser clicado!
- O layout da campanha. Dê uma unidade para sua campanha, mesmo que haja várias páginas diferentes. Use cores, fontes e disposição dos diferentes elementos, como fotos e texto, para unificar páginas diferentes.
Leia mais sobre design de campanhas no blog da OnSign TV. - Quando estiver pronto com o esboço da sua campanha, prepare seu conteúdo. Você pode disparar qualquer mídia na tela através da interatividade, mas apps não são permitidos. Então, se você está pensando em textos como conteúdo oculto, crie um documento em um software no seu computador e o salve em formato compatível com OnSign TV - como JPEG ou PNG.
- Faça o upload de todos os arquivos para sua conta OnSign TV.
- Crie uma nova campanha. Desenhe o layout personalizado como você o planejou no esboço. Para este tutorial, nós planejamos duas divisões: área de conteúdo principal (A) e menu (B).
- Arraste as mídias para a linha do tempo e arranje-as.
- Agora, edite o layout atual e crie divisões de tela sobre os botões na área do menu.
- Adicione uma imagem completamente transparente na linha do tempo dessas novas áreas que acabou de criar. Temos que adicionar esses arquivos para salvar a campanha, já que OnSign TV não permite publicar campanhas com linha do tempo vazia. Assim o texto da imagem abaixo também fica visível.
- Clique em "Salvar e Publicar".
- Na página carregada, clique em "Interatividade" no menu lateral.
- Clique em "Adicionar Interatividade" no cabeçalho para adicionar uma ação para cada botão.
- Clique em "Salvar Alterações".
- Publique a campanha e verifique o resultado em um player!
Crie uma imagem que contém todos os botões do menu (veja exemplo abaixo). Para esta campanha, nós também criamos um fundo padrão que será exibido quando nenhuma ação for executada.
Essa imagem deve estar no formato PNG. Aprenda mais sobre transparências neste tutorial.
Este é o ponto em que vamos dar vida a sua campanha! Vamos começar com a Região 3 (texto "O que é sinalização digital?"), tornando esse espaço clicável. Toda vez que o usuário clicar nele, o conteúdo em Região 1 será substituído pelo arquivo PNG "What is digital signage":
Ajuste as configurações para o restante dos botões.