especificaciones - Creative

MSN Sidekick
Dificultad Alta
Antes de empezar a trabajar con este formato recomendamos revisar atentamente todas las
especificaciones técnicas de el final de este documento.
- Preview urls:
MSN Spain: http://clients.adrime.com/files/campaigns/2302284527/10085/ES_msn.es_022011_index.html
MSN Netherlands: http://clients.adrime.com/files/campaigns/2302284527/10085/NL_msn.nl_112010_index.html
Funcionamiento de la pieza:
El formato Sidekick consta de cuatro fases. Al comienzo veremos en nuestro navegador un leaderboard arriba en el centro (728x90
px.), un robapáginas con vídeo (300x250 px.), un Wallpaper gigante y un layer que aparece inicialmente durante una duración
determinada.
Una vez que termina el Layer, siempre podremos volver a verlo pulsando en el botón "Replay".
Asimismo tendremos siempre la opción de ocultar/mostrar el Wallpaper pulsando el botón "Hide Skin / Show Skin".
Al pinchar en el botón "Push page for info", toda la página se desplaza hacia la izquierda, haciendo el conocido efecto Sidekick.
Al pulsar en el botón Cerrar ("Sluiten") volveremos al estado inicial del formato:
Desarrollo de la pieza con los Templates
El Template consta las siguientes piezas:







Un archivo Javascript que se entregará al soporte, "adrime_sidekick_script.js"
Un .jpg para el fondo de la página, "wallpaper.jpg"
Un vídeo en formato .flv, "video.flv"
Un layer que sólo se muestra la primera vez que el usuario ve la pieza, "attentionLayer_200x200.fla" y
"attentionLayer_200x200.swf"
Un leaderboard de 728x90 posicionado arriba en el centro, " leaderboard_728x90_layer.fla" y
"leaderboard_728x90_layer.swf"
El Sidekick que aparece sólo cuando el usuario interactua con el robapáginas, "sidekick_layer_700x1200.fla" y
"sidekick_layer_700x1200.swf"
Un Robapáginas con vídeo de 300x250, se trata del controlador, el que lanza el sidekick y muestra u oculta el wallpaper,
"rectangle_300x250.fla" y "rectangle_300x250.swf".
Empezaremos a trabajar con el Wallpaper, en el .jpg del template se pueden observar perfectamente qué áreas serán visibles
dependiendo de la resolución de pantalla del usuario. Aunque el Wallpaper siempre irá centrado en la página recomendamos editar
este mismo y subirlo a la plataforma con el mismo tamaño.
En referencia al vídeo, el formato ha de ser .flv, deberá denominarse al mismo como "video.flv" para que el componente Videoplayer
lo pueda reproducir. Es necesario seguir estrictamente las especificaciones de MSN para el tratamiento de vídeo.
A continuación veremos los .fla de nuestras piezas. En principio la forma de trabajo es análoga al resto de piezas de
Weborama/AdRime, simplemente se trata de modificar el template sin cambiar los componentes y programación de los mismos.
Primero el Attention Layer. Es necesario tener en cuenta que en MSN no se puede tapar la barra de canales, en ese caso habría
simplemente que ajustar la posición del componente "Positioner". El formato del layer tiene también sus especificaciones (tamaño,
tiempo), consultar especificaciones al final.
En cuanto al leaderboard, podemos modificar la creatividad respetando los componentes:
El Rectangle (controlador). Para esta pieza sobre todo habrá un gran trabajo de customización de los botones: Sonido on/off,
play/pause, Replay, Hide/Show Skin y Push Page for Info. Esta pieza lleva insertado el componente Videoplayer que reproducirá
nuestro vídeo.
Finalmente la pieza Sidekick. Es la que aparece por la derecha de nuestro navegador cuando el usuario pulsa en el botón "Push
page for info":
El siguiente paso es acceder a la plataforma AdRime con el login y password proporcionados para subir las piezas, subiremos los
cuatro .swf, el .flv, y el Wallpaper. Este es el Display Position para la pieza:
Por último, llegaremos al preview de la pieza, donde nos aparecerá esta pantalla:
Podemos también hacer un preview de la pieza en modo debug para comprobar que todos nuestros trackings funcionan
perfectamente:
Terminada la pieza, lo notificaremos a Weborama para su aprobación.
- Especificaciones técnicas del formato
Formato /
Tamaño
Tamaño
inicial
Peso del
archivo
(GIF/JPG)
Peso máx. de
descarga archivo
inicial
Especificaciones / límite de audio
Límite de loops /
de la animación
Límite del texto
altern.
Robapáginas
300x250
300x 250
40k
40k
Se activa sólo tras el clic del
usuario; duración: 15 segundos
Permitido;
duración: 15
segundos
65 caracteres
Formato Skin de MSN – Zona del desplazamiento lateral del Sidekick:
La función del desplazamiento se inicia con F1 on mouse over con delay de 2 segundos en el 300x250. El resto de impresiones on
release, el usuario hace clic en el robapáginas 300x250 e inicia el desplazamiento de la página hacia la izquierda.



El desplazamiento inicial de la página es hacia la izquierda y debe dejar visible el formato 300x250 (véase los pantallazos
incluidos más adelante).
La creatividad debe incluir un botón de Cerrar que se vea con facilidad.
Cuando se hace click en el botón de cerrar, la home volverá a su lugar original, desplazándose a la derecha
ESPECIFICACIONES:


Fondo del Sidekick:
o Peso del archivo: 150 k
o Versión de Flash 9 y anteriores
o Duración máxima de la animación: 15 segundos
o El skin puede ser clicable o no –
La creatividad debe incluir un botón de Cerrar que se vea con facilidad.
Vídeo del Sidekick





Vídeo: Se servirá en emplazamientos de 720 píxeles como mínimo (1280 x 720) – de esta forma, hay espacio suficiente para
utilizar la página distribuida en 3 áreas. El vídeo también es exportable a MPU de 300x250.
Las creatividades en vídeo pueden utilizar las tres áreas en que está dividida la página para obtener un área de
visualización mayor – utilizando el MPU de 300x250 con vídeo más el fondo de escritorio
Peso del archivo: 2,2 MB
Tipo de archivo: Rich Media / Flash / Vídeo
Formatos de vídeo – solicítele al proveedor de formatos Rich Media los tipos de formatos y soportes permitidos
Otras Especificaciones
Requisitos Generales de Diseño







La tasa de FPS (Frames por Segundo) no debe ser superior a 18. Si ésta fuese superior a 18, muchos de nuestros usuarios
verían el vídeo con una calidad muy pobre y por este motivo, no está permitido.
El audio lo debe iniciar el usuario y no se iniciará nunca de forma automática.
El audio de un archivo flash no puede empezar antes del segundo frame.
Si la creatividad lleva audio, debe incluir un botón de audio on/off para el usuario.
Todas las creatividades DHTML deben incluir una creatividad alternativa para aquellos usuarios que no tengan en su
ordenador el IE 4.0 o superior.
La animación en el emplazamiento 300x250 no puede superar los 15 segundos de duración. Los loops son ilimitados
durante 15 segundos. Optimice el uso de la animación: La animación debería ser fluida y sutil, con movimientos lentos y
fundidos suaves. Está demostrado que los movimientos rápidos y bruscos resultan muy irritantes. Es necesario evitar las
creatividades que “atraviesen” la página o que perjudiquen a los contenidos.
El anuncio se abre en un nuevo navegador.