Seminario Marketing Mobile - Diseño de una APP con GoodBarber

PRODETUR

Mobile Marketing

Almensilla, Mayo 2016

[email protected] Telf.: 954 486 800

PRODETUR

Diseño de una APP

1. Pasos imprescindibles del proceso2. Información y datos estadísticos3. Caso Práctico de diseño de APP

PRODETUR

Pasos para crear una APP

1.- Diseñar la idea y definir los objetivos de la App– Resolver un problema o cubrir una necesidad.– Ventaja diferenciadora.– ¿Que APP tenemos instaladas? ¿Que nos solucionan?

2.- Estudio de mercado– Keyword Planner, SemRush– Mercados IOS, Google Play– Reseñas, opiniones, descargas.

PRODETUR


3.- Registro como desarrollador– Registrarse como desarrollador: Android, iOS o Windows

Phone.– Persona encarga de publicar las aplicaciones.– Normativa de publicación: IOS + severa.

4.-Desarrollo de la App– Buscar Proveedor: especializado, comprobar portfolio,

comunicación fluida.– Desarrollo propio: GoodBarber

PRODETUR


5.- Crear un boceto– Primero en papel, luego si quieres en digital.– Fundamental para concebir la idea y transmitirla.– Referencia.

6.-Wireframe & Storyboard– Wireframing es el proceso de crear una maqueta o

prototipo de la aplicación: www.balsamiq.com – Storyboard: guión gráfico de la aplicación.Usabilidad:

cómo el usuario navegará a través de la aplicación.

http://www.balsamiq.com/

PRODETUR


7.- Funcionalidades principales– Investigar como solucionar las funcionalidades más

importantes: Geolocalización, importaciones, audiovisuales, etc...

8.- Testeo de la APP– Con GoodBarber a traves de la propia interfaz y con su

App.– Probar el flujo de pantalla a pantalla.– Dar a probar a Beta Testers.

PRODETUR


8.- Mejoras y corrección de errores– Investigar como solucionar las funcionalidades más

importantes: Geolocalización, importaciones, audiovisuales, etc...

9.- Testeo de la APP– Antes de publicar debe estar todo arreglado

PRODETUR


10.- Posicionamiento ASO– Optimización de la APP para posicionarla en su mercado.– Plan de Marketing y captación de descargas.

11.- Publicación en su mercado– Si es un individuo, toma de tres a siete días. Si es una

empresa, tendrás que esperar de siete a 10 días.– Preapps: http://www.preapps.com

http://www.preapps.com/

PRODETUR

Sistemas Operativos Mobile• Android 84,7 % (en países como España las diferencias son

más significativas, donde Android tiene el 90,8 % de la cuota de mercado.2 )

• iOS 11,7 %• Windows Phone 2,5 %• BlackBerry OS 0,5 %• Otros 0,6 %• Firefox OS Disponible• Ubuntu Touch Disponible

PRODETUR

Android• Basado en Linux.• Diseñado originalmente para cámaras fotográficas

profesionales• Comprado por Google 2005• Liberado en el 2008• Open Handset Alliance: 78 compañías de hardware, software

y telecomunicaciones, dedicadas al desarrollo de estándares, hasta el punto de ser usado por empresas como HTC, LG, Samsung, Motorola entre otros.

PRODETUR

IOS

• iPhone, el iPad, el iPod Touch o el Apple TV.• Simplicidad y optimización son sus pilares.• Es un derivado de Mac OS X, anteriormente

denominado iPhone OS.• EEUU es donde tienen mayor cuota de dispositivos

(38 %) junto con otros paises anglosajones: Reino Unido y Australia

• En España tiene poca cuota de mercado: entre 5 y 6 %

PRODETUR

Windows Phone

• Anteriormente llamado Windows Mobile.• Desarrollado por Microsoft.• Basado en el núcleo del S.O Windows CE.• Tiene pocas aplicaciones y muy básicas.

PRODETUR

Mercados = Store

• IOS: App Store• Android: Google Play• Windows Phone: Windows Marketplace for

Mobiles.

PRODETUR

Cuota de Mercado Mundial

PRODETUR

Cuota de Mercado España

PRODETUR

Aplicaciones

• En total existen más de 3,1 millones de aplicaciones: 1,5 millones en App Store y 1,6 en Google Play.

• Muchas de ellas son aplicaciones zombies,

PRODETUR

Descarga de Aplicaciones

PRODETUR

Ingresos por Ventas

PRODETUR

Apps en España

PRODETUR

Cómo descubren los usuarios las Apps

PRODETUR

Apps con mayor Implantación

PRODETUR

Apps con mayor Implantación: Solo SmartPhone

PRODETUR

Apps con mayor Implantación: Solo Tablet

PRODETUR

Pago por Apps

PRODETUR

Que necesitas para el exito de tu App

• Desarrollar un buen producto con un objetivo definido: – Branding– Fidelizar clientes – Entretener / Juegos – Solucionar problemas – Cubrir una necesidad Canal de venta

PRODETUR

• Definir un modelo de negocio desde el minuto cero: – Publicidad– Pago por descarga – Compras in-app (modelo freemium) Suscripción

Ventas desde la propia aplicación Generar bases de datos de usuarios


PRODETUR

• Posicionamiento en Mercados/ Stores• Diseñar una estrategia de comunicación • Diseñar una estrategia de captación y

retención de usuarios: Fidelización


PRODETUR

Cuanto cuesta mi Apphttps://www.cuantocuestamiapp.com

PRODETUR

¿Que es Good Barber?• GoodBarber es un servicio que permite crear una aplicación nativa en iOS

y Android, por uno mismo. Esta herramienta DIY (hazlo por ti mismo) está desarrollada para personas que no saben cómo codificar, pero que sin embargo quieren hacer realidad su proyecto de creación una app sin ayuda externa.

• A partir de una interfaz gráfica, el back office, puedes construir tu propia aplicación nativa paso a paso.

• Con GoodBarber se crean aplicaciones nativas, es decir, las aplicaciones son desarrolladas específicamente para iOS y Android, y se pueden descargar directamente desde la App Store de Apple y la Play Store de Google.

PRODETUR

¿cómo funciona Good Barber? 1. Creación del diseño general de la aplicación al seleccionar un tema, modo

de navegación y una identidad gráfica. Puedes personalizar tu plantilla mediante la librería de imágenes proporcionadas.

2. Añadir contenido en tu aplicación. Este contenido se puede crear directamente desde backend, pero también puede proceder de plataformas externas tales como WordPress, YouTube, Instagram, etc ...

3. Tras recopilar o crear el contenido, además de perfilar el diseño, puedes probar la aplicación en un dispositivo móvil y/o una tableta para comprobar que el resultado es el que esperabas cuando creaste tu aplicación.

4. El cuarto y último paso consiste en presentar tu app a las tiendas para que pueda ser descargada por los usuarios.

PRODETUR

Ejemplo de Apps• http://blog.goodbarber.com/es/Showcase_r5.html

http://blog.goodbarber.com/es/Showcase_r5.html

PRODETUR

http://blog.goodbarber.com/es/Museo-Fesch-de-Ajaccio-una-app-de-GoodBarber_a375.html

PRODETUR

http://blog.goodbarber.com/es/ForTwo-la-mejor-App-para-encontrar-actividades-para-dos-en-tu-ciudad_a413.html

PRODETUR

Subida de contenidos

PRODETUR

Aplicaciones Mobile

PRODETUR

Importar contenido

PRODETUR

Importar contenidos

PRODETUR

Importar Videos

PRODETUR

Importar Media

PRODETUR

Redes sociales

PRODETUR

Redes sociales Multimedia

PRODETUR

Redes sociales Audio

PRODETUR

Importa y crea eventos

PRODETUR

Retransmite en directo

PRODETUR

Live streaming mobile

https://getmevo.com/

PRODETUR

Menús e info

PRODETUR

Más posibilidades

PRODETUR

Personalización HTML

PRODETUR

Ecommerce

PRODETUR

Primeros pasos

PRODETUR

PRODETUR

Add ons

PRODETUR

Menu de desarrollo

PRODETUR

Menú de desarrollo1. Escoger un Tema2. Escoger un menu de navegación3. Configuración de Header Body4. Añadir contenido5. Diseñar Secciones6. Pantalla de portada7. Añadir iconos8. Probar y enviar a las stores

PRODETUR

Probar tu app en un dispositivos

PRODETUR

PRODETUR

Notificaciones Push

PRODETUR

Estadisticas

PRODETUR

Add ons

PRODETUR

Crea tu App con Goodbarber

PRODETUR

Menú derechoGeneral Secciones

PRODETUR

Lo primero elige el tema

PRODETUR

Por ejemplo Budapest

PRODETUR

El tema incluye una paleta de colores

PRODETUR

El color es importante• Cambiar el color de un sólo botón de verde a rojo aumentó la

tasa de conversión de un sitio web un 21%:

PRODETUR

El color según sexos: Hombre

PRODETUR

El color según sexos: Mujeres

PRODETUR

Previsualiza para ver como queda

PRODETUR

Aplica el diseño

PRODETUR

Ya tenemos elegido el tema

PRODETUR

Elige un Menu

PRODETUR

Con una imagen de fondo

Formato de imagen válido:• Extensiones permitidas: *.jpeg; *.jpg; *.png;

*.gif• Tamaño mínimo: 1242 x 2208 px

PRODETUR

Diseño del Header ( Cabecera)

PRODETUR

Diseño del Body ( Cuerpo)

PRODETUR

Añadir Contenidos

PRODETUR

Contenidos > Añadir Sección

PRODETUR

Añadir Sección

PRODETUR

Añadir Contenido de WordPress

PRODETUR


1. Acceder a tu WordPress.2. Instalar el Plugin GoodBarber

PRODETUR


3. Obtener la Api

4.- Añadir la sección en Goodbarber.

PRODETUR

Añadir Sección

PRODETUR

CMS para crear Mapas

PRODETUR

Subir un mapa (archivo .kml)

PRODETUR

Añadir Sección: Videos

PRODETUR

Añade un SplashScreen

• Pantalla de inicio.• Normalmente suelen aparecer con una

imagen moviéndose o una barra de progreso.• Fin estético y de confianza al usuario.– Titulo– Bseline– Fondo ( Imagen)

PRODETUR

Añade un Icono para el market

PRODETUR

¿Todo listo? Prueba tu APP

• 7 de 7 secciones listas• Descarga la app de GoodBarber y visualiza tu

APP.

PRODETUR

Publica tu APP

• Enviar APP:– IOS– Google Play - Android

PRODETUR

Notificaciones PUSH

• Las Notificaciones PUSH permiten que las aplicaciones puedan informar a los usuarios de nuevos mensajes o eventos sin necesidad de abrir la app. Como un sms, hacen un sonido y aparecen en la pantalla del usuario. Ésta es una gran manera de interactuar con tus usuarios.

PRODETUR

Como Enviar Notificaciones PUSH

PRODETUR

Acción tras la notificación de apertura

• "Seleccionar una acción”– Abrir la aplicación: el usuario llegará a la página

de bienvenida de la app. – - Abrir un enlace externo: el usuario llegará al

navegador interno de la app, donde se abrirá el enlace indicado.

– - Selecciona una sección en la app: el usuario llegará directamente a la sección seleccionada.

PRODETUR

Programa el tiempo de envío

• De inmediato o programada.• Hora local, asi se abre según la hora del

destinatario.

PRODETUR

Estadisticas

• Las estadísticas se activarán despues de la publicación de tu app

– Paginas Vistas– Sesiones Únicas– Numero de Descargas.– También podemos usar G. Analytics.

PRODETUR

App en varios idiomas

PRODETUR

App en varios idiomasPara ese tipo de diseño, es mejor que sus usuarios sepan inmediatamente al abrir la aplicación que varios idiomas están disponibles, es por eso que le recomendamos que elija uno de los siguientes menús de navegación desde el menú Aplicación > General> Menú: - Grid -Slate -Large Typo -Typo - Scratch (sólo si usted cómo codificar html. Le recordamos que no damos asistencia técnica cuando se trata de código externo).

PRODETUR

Crear una cuenta de Desarrollador: Apple

• Cuesta 99 USD por suscripción al año.• Se pueden subir tantas aplicaciones como se

quiera.• Usa esta web para el alta:

https://developer.apple.com/programs/ • Elegir registro:– Individual– Como organización

https://developer.apple.com/programs/

https://developer.apple.com/programs/

PRODETUR

Crear una cuenta de Desarrollador: Apple

• Empieza tu registro" (Start you Enrollment).• Introduce tu Apple ID.• Términos y condiciones llamada "Apple Developer

Agreement". • Rellena tu información de contacto. • Revisa toda la información.• Completa tu compra. • iniciar sesión en itunesconnect.apple.com

https://itunesconnect.apple.com/itc/static/login?view=1&path=/WebObjects/iTunesConnect.woa?

PRODETUR

Crear una cuenta de Desarrollador: G. Play

• Son 25 €• Asociar una cuenta de Gmail.• Incluye foto y descripción en esta cuenta.• Empezamos en https://play.google.com/apps/publish/signup

• Conéctate con tu dirección de Gmail.• Acepta los términos y condiciones generales• Configura tu pedido.• Elige el nombre que tendras como desarrollador.

https://play.google.com/apps/publish/signup

https://play.google.com/apps/publish/signup

PRODETUR

Pagina de acceso

PRODETUR

Fin de APP

¿[email protected]

mailto:[email protected]

mailto:[email protected]

Seminario Marketing Mobile - Diseño de una APP con GoodBarber

Design

Transcript of Seminario Marketing Mobile - Diseño de una APP con GoodBarber