Creacion de Contenidos para Móviles - Esperanza Mateos

Creación de contenidos para móvilesEsperanza Mateos

Esperanza MateosCreación de contenidos para móviles

Introducción

¿Dónde estamos?


Introducción

Noticias

Iberia estrena tarjeta de embarque móvil a través de códigos QR


Introducción

Noticias

Las ventas de dispositivos móviles crecen un 5,6% en el tercer trimestre y las de smartphones un 42%


Introducción

Noticias

Apple ha vendido más de 4 millones de iPhone 4S en el primer !n de semana

Para llegar a vender1 millón de Iphone 4, tardaron 74 días


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.


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.


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


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


Introducción

Noticias

Las aplicaciones concentran un 66% del tiempo de uso de los smartphones según Nielsen


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.

Ingresos económicos m-commerce Pago por descarga Retorno por publicidad

El retorno puede venir dado por:

ROI = (bene!cio obtenido - inversión) / inversión

Notoriedad- Ret. Indirecto Recuerdo de marca Intención de compra Reputación de la marca Fidelización de clientes ....

Según Ethan Beard, director de alianzas de la plataforma



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


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

Objetivo Nº 1 en ventasSin abrir nuevas tiendas



Caso Tasco - Korea

Resultado Nº 1 en ventas on line

Nº 2 en ventasen tiendas y muy cerca del Nº 1.Sin abrir nuevas tiendas

Refuerzo de Marca



Caso Lego

LLegar al público juvenilObjetivo Aumentar la notoriedad de la marca


El ROI en las aplicaciones SmartPhone -



Caso Lego

Ventas al público juvenil y adulto

Resultado

Aumentar la notoriedad de la marca

Lanzamiento el 1 de Octubre de 2011 en EE.UU

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



Caso Lego


Introducción

¿Cree que el móvil es el futuro?NO

El dispositivo móvil es el

PRESENTE

Dispositivos


Dispositivos

SmartPhones


Dispositivos

Tablets

Tipos de contenidos para el móvil


Contenidos

Empecemos por lo más básico

¿Su empresa tiene Web?¿Puede consultarla desde su móvil?

¿Se visualiza correctamente?¿Es usable?


Web

Ejemplo 1


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.


Web

Ejemplo 2


Web

Ejemplo 2

20 minutos ha creado una WebAppVisualizació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.


Web

Web adaptada WebApp


Contenidos

Profundicemos más

Aplicaciones Nativas



Aplicación Nativa WebApp


Aplicaciones Nativas Vs WebApp

Desarrollo RIM IOS Android Windows 7

Aplicación Nativa

Desarrollo Específico Desarrollo Específico Desarrollo Específico Desarrollo Específico

Web App Un único desarrollo en HTML + CSS + LibreríasUn único desarrollo en HTML + CSS + LibreríasUn único desarrollo en HTML + CSS + LibreríasUn único desarrollo en HTML + CSS + Librerías

Contenidos RIM IOS Android Windows 7

Aplicación Nativa

Puede almacenarse en el dispositivo




Web App Necesita conexión permanente a internetNecesita conexión permanente a internetNecesita conexión permanente a internetNecesita conexión permanente a internet


Aplicaciones Nativas Vs WebApp

Instalación RIM IOS Android Windows 7

Aplicación Nativa

App Word Descargar de App Store Descargar de Android Market

Intalación de aplicaciones

Web App Un único desarrollo en HTML + CSS + libreríasUn único desarrollo en HTML + CSS + libreríasUn único desarrollo en HTML + CSS + libreríasUn único desarrollo en HTML + CSS + librerías

Actualización RIM IOS Android Windows 7

Aplicación Nativa

Descarga de internet Descarga de internet Descarga de internet Descarga de internet

Web App Automática cada vez que se inicia la WebAppAutomática cada vez que se inicia la WebAppAutomática cada vez que se inicia la WebAppAutomática cada vez que se inicia la WebApp


Herramientas de desarrollo

+ + = WebApp

XCode

Interface Builder

IOS Simulator

Cocos 2D, Cocos 3D

= Aplicaciones Nativas


Herramientas de desarrollo

Ejemplo de desarrollo


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


HTML + IUI - Ejemplos

http://www.we-are-gurus.com http://www.mortons.com/mobilev2/


HTML + IUI - Ejemplos

http://www.we-are-gurus.com


HTML + IUI

Paso 1: Descargar IUI

Paso I1: Iniciar Dreamweaver y crear un archivo html

head


HTML + IUI

Body


HTML + IUI

Navegación

Div

Div Div


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>


HTML + IUI

Uso de clases


[email protected]

http://es.linkedin.com/in/esperanzamateos@espemateos

Creacion de Contenidos para Móviles - Esperanza Mateos

Education

Transcript of Creacion de Contenidos para Móviles - Esperanza Mateos