Presentación de la pasada Jornada en Creación de Contenidos para Móviles - a cargo de Esperanza Mateos.

1. Creación de contenidos para móviles
Esperanza Mateos

2. Introducción
¿Dónde estamos?
Creación de contenidos para móviles Esperanza Mateos

3. Introducción
Noticias
Iberia estrena tarjeta de embarque móvil a
través de códigos QR
Creación de contenidos para móviles Esperanza Mateos

4. Introducción
Noticias
Las ventas de dispositivos móviles crecen un 5,6%
en el tercer trimestre y las de smartphones un 42%
Creación de contenidos para móviles Esperanza Mateos

5. Introducción
Noticias
Apple ha vendido más de 4 millones de iPhone 4S en el primer n de semana
Para llegar a vender
1 millón de Iphone 4, tardaron 74 días
Creación de contenidos para móviles Esperanza Mateos

6. Introducción
Noticias
El mercado de la publicidad móvil crece un 46% en el tercer trimestre de 2011
El número de impresiones móviles ha crecido en Europa en los últimos 90
díasun 46% según el informe Quarterly Mobile Insights Report de Inmobi.
La red independiente de publicidad para móviles ha contabilizado de julio a
septiembre casi 155 mil millones de impresiones para
Europa.
Creación de contenidos para móviles Esperanza Mateos

7. Introducción
Noticias
El m-commerce aumentó un 50% en las compras navideñas de este
año
Según una encuesta de PayPal a los
propietarios de teléfonos inteligentes y
tabletas, el m-commerce vivierón un fuerte
impulso esta temporada.
Creación de contenidos para móviles Esperanza Mateos

8. Introducción
Noticias
eBay gana un 18% más gracias a su aterrizaje en el m-commerce
eBay ha informado que este incremento
asciende a 628 millones de
dólares en el trimestre nalizado el 30 de
septiembre.
Su aplicación móvil ha superado los 50
millones de descargas a nivel mundial
Creación de contenidos para móviles Esperanza Mateos

9. Introducción
Noticias
350 millones de usuarios de Facebook acceden a la red social a través
del móvil
Según Ethan Beard, director de alianzas de la
plataforma
Creación de contenidos para móviles Esperanza Mateos

10. Introducción
Noticias
Las aplicaciones concentran un 66% del tiempo de uso de los smartphones
según Nielsen
Creación de contenidos para móviles Esperanza Mateos

11. El ROI en las aplicaciones SmartPhone
Return of Investment:
Es un indicador que nos permite saber cuándo se recupera la inversión en el
desarrollo y lanzamiento de la app.
ROI = (bene cio obtenido - inversión) / inversión
El retorno puede venir dado por:
Según Ethan Beard, director de alianzas de la
plataforma
Ingresos económicos Notoriedad- Ret. Indirecto
m-commerce Recuerdo de marca
Pago por descarga Intención de compra
Retorno por publicidad Reputación de la marca
Fidelización de clientes
....
Creación de contenidos para móviles Esperanza Mateos

12. El ROI en las aplicaciones SmartPhone
ROI en m-commerce:
Se medirá en el volumen y valor transacciones comerciales.
Ejemplo
Suponiendo una inversión de 10 millones de
Dólares
ROI = (628M -10 M)/10M = 627
Creación de contenidos para móviles Esperanza Mateos

13. El ROI en las aplicaciones SmartPhone - m-commerce
Puede que la estrategia de na otros objetivos, a la hora de medir el ROI
Caso Tasco - Korea
Situación Inicial Nº 2 en ventas en tiendas
Nº 1 en ventas
Objetivo Sin abrir nuevas tiendas
Creación de contenidos para móviles Esperanza Mateos

14. El ROI en las aplicaciones SmartPhone - m-commerce
Creación de contenidos para móviles Esperanza Mateos

15. El ROI en las aplicaciones SmartPhone - m-commerce
Caso Tasco - Korea
Resultado Nº 1 en ventas on line
Nº 2 en ventas
en tiendas y muy cerca del Nº 1.
Sin abrir nuevas tiendas
Refuerzo de Marca
Creación de contenidos para móviles Esperanza Mateos

16. El ROI en las aplicaciones SmartPhone
Caso Lego
Objetivo LLegar al público juvenil
Aumentar la notoriedad de la marca
Creación de contenidos para móviles Esperanza Mateos

17. El ROI en las aplicaciones SmartPhone -
Creación de contenidos para móviles Esperanza Mateos

18. El ROI en las aplicaciones SmartPhone - m-commerce
Caso Lego
Resultado Lanzamiento el 1 de Octubre de 2011 en EE.UU
Ventas al público juvenil y adulto
Aumentar la notoriedad de la marca
Casi 4.000 Seguidores en Facebook
El vídeo del juego se ha tenido más
de 300.000 visitas en un mes y medio
Creación de contenidos para móviles Esperanza Mateos

19. El ROI en las aplicaciones SmartPhone - m-commerce
Caso Lego
Creación de contenidos para móviles Esperanza Mateos

20. Introducción
¿Cree que el móvil es el futuro?
NO
El dispositivo móvil es el
PRESENTE
Creación de contenidos para móviles Esperanza Mateos

21. Dispositivos

22. Dispositivos
SmartPhones
Creación de contenidos para móviles Esperanza Mateos

23. Dispositivos
Tablets
Creación de contenidos para móviles Esperanza Mateos

24. Tipos de contenidos para el móvil

25. Contenidos
Empecemos por lo más básico
¿Su empresa tiene Web?
¿Puede consultarla desde su móvil?
¿Se visualiza correctamente?
¿Es usable?
Creación de contenidos para móviles Esperanza Mateos

26. Web
Ejemplo 1
Creación de contenidos para móviles Esperanza Mateos

27. Web
Ejemplo 1
La web se visualiza, pero el texto es muy
pequeño. El usuario tiene que estar
continuamente ampliando la pantalla, para
poder interactuar con los diferentes
contenidos.
Conclusión. No es usable, el usuario se cansa
y abandona.
Creación de contenidos para móviles Esperanza Mateos

28. Web
Ejemplo 2
Creación de contenidos para móviles Esperanza Mateos

29. Web
Ejemplo 2
20 minutos ha creado una WebApp
Visualización adaptada para interactuar desde
el móvil. Menús ampliados, noticias resumidas,
etc...
Navegación Similar a la de cualquier
aplicación de móvil sin necesidad de
descargarla previamente.
Creación de contenidos para móviles Esperanza Mateos

30. Web
Web adaptada WebApp
Creación de contenidos para móviles Esperanza Mateos

31. Contenidos
Profundicemos más
Aplicaciones Nativas
Creación de contenidos para móviles Esperanza Mateos

32. Aplicaciones Nativas
Creación de contenidos para móviles Esperanza Mateos

33. Aplicaciones Nativas
Aplicación Nativa WebApp
Creación de contenidos para móviles Esperanza Mateos

34. Aplicaciones Nativas Vs WebApp
Desarrollo RIM IOS Android Windows 7
Aplicación Desarrollo Específico Desarrollo Específico Desarrollo Específico Desarrollo Específico
Nativa
Web App Un único desarrollo en HTML + CSS + Librerías
Contenidos RIM IOS Android Windows 7
Aplicación Puede almacenarse en el Puede almacenarse en el Puede almacenarse en el Puede almacenarse en el
Nativa dispositivo dispositivo dispositivo dispositivo
Web App Necesita conexión permanente a internet
Creación de contenidos para móviles Esperanza Mateos

35. Aplicaciones Nativas Vs WebApp
Instalación RIM IOS Android Windows 7
Aplicación App Word Descargar de App Store
Descargar de Android
Intalación de aplicaciones
Nativa Market
Web App Un único desarrollo en HTML + CSS + librerías
Actualización RIM IOS Android Windows 7
Aplicación Descarga de internet Descarga de internet Descarga de internet Descarga de internet
Nativa
Web App Automática cada vez que se inicia la WebApp
Creación de contenidos para móviles Esperanza Mateos

36. Herramientas de desarrollo
+ + = WebApp
IOS Simulator
= Aplicaciones
XCode
Nativas
Cocos 2D, Cocos 3D
Interface Builder
Creación de contenidos para móviles Esperanza Mateos

37. Herramientas de desarrollo
Creación de contenidos para móviles Esperanza Mateos

38. Ejemplo de desarrollo

39. HTML + IUI
IUI Es un Framework que combina HTML, JavaScript, CSS e un conjunto de
imágenes.
Información y descargas en http://code.google.com/p/iui/
Es software libre, por lo que la descarga y la utilización es gratuita.
Dispone de una serie de temas predefinidos
Creación de contenidos para móviles Esperanza Mateos

40. HTML + IUI - Ejemplos
http://www.we-are-gurus.com http://www.mortons.com/mobilev2/
Creación de contenidos para móviles Esperanza Mateos

41. HTML + IUI - Ejemplos
http://www.we-are-gurus.com
Creación de contenidos para móviles Esperanza Mateos

42. HTML + IUI
Paso 1: Descargar IUI
Paso I1: Iniciar Dreamweaver y crear un archivo html
head
Creación de contenidos para móviles Esperanza Mateos

43. HTML + IUI
Body
Creación de contenidos para móviles Esperanza Mateos

44. HTML + IUI
Navegación
Div Div
Div
Creación de contenidos para móviles Esperanza Mateos

45. HTML + IUI
Uso de clases
<li class="group">Grupo 1 con enlaces</li>
<li><a href="#screen2">Ir a pantalla 2</a></li>
<li><a href="#screen2">Ir a pantalla 3</a></li>
<li class="group">Grupo 2 sin enlaces</li>
<li><a href="#screen2">Info 1 </a></li>
<li><a href="#screen2">Info 2</a></li>
Creación de contenidos para móviles Esperanza Mateos

46. HTML + IUI
Uso de clases
Creación de contenidos para móviles Esperanza Mateos

47. HTML + IUI
Uso de clases
Creación de contenidos para móviles Esperanza Mateos

48. Gracias
esperanza@esama.es
http://es.linkedin.com/in/esperanzamateos
@espemateos
Creación de contenidos para móviles Esperanza Mateos