Cómo crear menús interactivos

Cree menús interactivos para exhibir el contenido separadamente dentro de una misma campaña y dejar el contról de la exhibición a cargo de la audiencia. Divida largos textos en bloques y mantenga la campaña más atractiva.

*Disponible para las versiones de OnSign TV App Android 4.2.0+ y Windows 9.1.1+

 

Para este tutorial, vamos crear la siguiente campaña:

simple_interactive_campaign

Descargue el fichero con los archivos y intente repetir los pasos abajo:

  1. Note que cuando cree su propia campaña, es mejor planear todo de antemano. Haga un boceto en un trozo de papel antes mismo de entrar en su cuenta OnSign TV. Piense en:

sketch

  • Cómo su contenido será repartido. Reparta el contenido en diferentes secciones de acuerdo con la meta de su campaña. Intente crear distintos planos de navegación y elija lo que parezca más adecuado.
  • Cantidad de botones necesarios. Cada página necesita un botón o acción que irá disparar el contenido en la pantalla. Reflita acerca del design, donde deben ser posicionados y garantice que parezcan un botón, si no el usuario no va hacerlo clic.
  • El layout de su campaña. Procure hacer con que la campaña parezca una unidad, mismo que hayan muchas páginas distintas. Utilice colores, fuentes y layout para crear ese sentimiento de unidad. Sepa más de design en este post del blog de OnSign TV.

 

  1. Después de hacer el boceto de la campaña, prepare el contenido. No es posible hacer con que una acción exhiba un app en la pantalla. Entonces, si planea poner texto cómo contenido oculto, cree una imagen con el texto con el Compositor de Imágenes de OnSign TV. También puedes crear imágenes utilizando un software de edición de su ordenador y guárdelo como .jpeg, .png o .pdf. Cree el contenido de todas las páginas.También es necesario crear una imagen con todos los botones del menú, como exhibido abajo. Para esta campaña también creemos un fondo que va a aparecer cuando no haya ningún contenido seleccionado.

create content resized

  1. Suba todas las fotos a OnSign TV.

upload all files resized

  1. Cree una nueva campaña y dibuje un layout compatible con su campaña. Para este tutorial, planeamos dos zonas en las cuales serán exhibidas el contenido (zona A) y el menú (zona B).

create basic layout

  1. Ponga los archivos en la línea del tiempo.

place files in timeline 1

  1. Ahora vuelva para el layout personalizado y cree nuevas zonas encima de los botones del menú.

create button zones 2

Añada un archivo transparente en las zonas que acaba de crear para los botones del menú. Eso es para que pueda guardar la campaña, ya que OnSign TV no permite que las guarde con zonas vacías. Así también en botón puede aparecer por debajo de la zona.Aprenda cómo crear una imagen transparente
en este tutorial.

place transparent image on timeline

  1. Guarde y publique la campaña.
  2. Haga clic en “Interactividad”, en el menú a la izquierda.

interactivity direction

  1. Pulse “Añadir Acción” en el encabezado.

add interaction button
Acá iremos empezar a dar vida a nuestra campaña. Empecemos con la zona 3, cuyo título es “What is digital signage?”, y vamos a tornarla en una zona en que se pueda hacer clic. La intención es que la zona 1 sea reemplazada con la imagen “What is digital signage” cada vez que el usuario hágalo clic.
add interaction to first button
Ajuste las configuraciones para los botones que quedan.add interactivity to all buttons

 

  1. Haga clic en “Guardar cambios”.
  2. Publique la campaña a un player y compruebe el resultado!