Taller sobre HTML5 y la publicidad en la sala Camon de Madrid. Mobilidad HTML5 Publicidad Mercado móvil Santiago Montiu 2013

1. HTML5 & Mobile Advertising

2. Santiago Montiu
Frontend Lead
santiago@montiu.es
@smontiu
&

3. •
•
•
•
•
•
•
•
•
Inicios de la publicidad en Internet
Presente y futuro
Problemas actuales
HTML5
Beneficios
Ad servers
Web, web y más web
Antes no, ahora SI (flash a HTML5)
Estado actual de HTML5
•
•
•
•
•
•
•
•
El mercado móvil
Éxitos y fracasos
Mobilidad, el bueno, el malo y el feo (orientación, tamanos, resoluciones, ...)
Interacción con el usuario
Sensores
Conversión y Fidelización
Cámara (reconocimiento facial (se quien eres, hombre mujer, edad, ...))
Modelos de negocio

4. Inicios de la publicidad en Internet

6. La prensa escrita e internet
Las ventanas
IAB
El banner

7. Formatos unificados

8. Presente y futuro

9. España, país con mayor
penetración de smartphones en
EU5 (Francia, Alemania, Italia y
Reino Unido), con un 66% de los
usuarios de móvil

10. Hay casi 10 millones más de smartphones en
España respecto al pasado año, los españoles
no se separan de su móvil ni para irse a
dormir. El 72% no lo apaga para dormir y el
80% no se despega del móvil durante la
comida. Uno de cada tres lo usa en el baño y
un 75% no lo desconecta para ligar o
practicar sexo.
Septiembre 2013

12. Offline y Online

13. Markets de Aplicaciones

14. Futuro

15. HiperLocal

17. DEMO
https://www.youtube.com/watch?v=IH_JA-ktaFY

18. Problemas actuales

19. Fragmentación

20. Orientación

21. Resoluciones de pantalla

22. Market API

23. Conectividad y datos

24. Ad servers

25. Flash

26. Flash vs HTML5

27. HTML5
Flash
Libre
Privado
Soporte móvil
Sin so porte móvil
Complejidad
Sencillez
Muy enfocado para programadores
Adaptado a diseñadores no progranadores
Bajo estándares
Madurez
Juventud
Diseños rígidos
Flexible, responsive
Contenidos rígidos
Contenido adaptable
...
...

28. HTML5 en la actualidad
•
•
•
•
http://www.wufoo.com/html5/ Formularios
http://html5test.com/
http://caniuse.com/ Propiedades
http://html5readiness.com/

29. Cuota de mercado

30. Formatos video/audio

31. Tags

32. API JS

33. <track> para video

34. Streaming Video

35. El mercado móvil

36. Sensores
•
•
•
•
•
•
•
•
•
•
•
•
•
Proximidad
Ambiente
Rotación
Acelerómetro
Micrófono
Cámara
Posicionamiento GPS
Temperatura
Humedad
Barómetro
Hall (Tapa)
Batería
...

37. UI y UX móviles

38. HTML5 & Mobile Advertising
Second Part

39. Santiago Montiu
Frontend Lead
santiago@montiu.es
@smontiu
&

40. Second Screen

41. • Contenidos en directo
– Eventos deportivos
– Noticias
– Realitys
– ...
•
•
•
•
•
Concursos
Votaciones
Acontecimientos de gravedad
Series
Videojuegos

42. Contenidos exclusivos

43. Seguimientos / Estadísticas

44. Menús / Controles

45. Aside content
Markets
Segundas acciones
Compras
Productos estrella

46. Real time experience

47. Redes sociales

48. Videoconsolas

49. WebSockets y Second Screen
• Comunicación bidireccional entre el televisor y
tu dispositivo.
• Notificaciones en tiempo real.
• Actualizaciones real time.

50. Ejemplo

51. Couch E-commerce

52. Ejemplo
• https://www.youtube.com/watch?v=9hLWkQ
QZYEI

53. Couch E-commerce
• Guía al usuario
• Compras directas
• Compras instantáneas
• Shazam (música)

54. Smart TV
todos los derechos reservados a Xataka

55. TV + Internet
•
•
•
•
•
•
•
Consumo de contenidos multimedia 2.0
Compras
Apps
3D
Navegador
Interacción sin mandos
...

56. Ejemplo
• https://www.youtube.com/watch?v=HrheGh_
EVhw

57. HyperLocal + Social Advertising

58. • Anuncios
– Locales (GPS)
– Relevantes (Social)
– Amigos (Confianza)
– Valor
– Idioma
– Social-Local
• Búsquedas locales en redes sociales

59. Gamificación
Fidelización

60. Realidad Aumentada

61. Mundo real +
virtual a un mismo
nivel
• Identificación de elementos físicos
• Reconocimiento facial
• ...
Ejemplos
http://www.youtube.com/watch?v=tnRJaHZH9lo
http://youtu.be/vDNzTasuYEw
http://youtu.be/zPfUN4ffssU?t=13s
http://youtu.be/wKwLBWCKs94?t=4s
http://youtu.be/1jbvnk1T4vQ

62. 1º PRÁCTICA Responsive Web Design

63. Santiago Montiu
Frontend Lead
santiago@montiu.es
@smontiu
&