14. FACILIDAD DE CONVERSIÓN
Usa botones "clic para
llamar" para tareas
complejas.
Permite comprar como
invitado.
CLICK-TO-CALL CHECKOUT
David Rodríguez
webimpacto.agency
15. FACILIDAD DE CONVERSIÓN
Enfatiza y dale peso
visual a los elementos
importantes.
Deja la acción principal
siempre visible.
UI & CTA STICKY BUTTON
David Rodríguez
webimpacto.agency
16. David Rodríguez
webimpacto.es
FACILIDAD DE CONVERSIÓN
Completa por
adelantado campos
con información que ya
conoces.
Las valoraciones son
increíblemente
importantes. Añaden un
punto esencial de
confianza.
ANTICIPATE REVIEWS
17. RECOGIDA DE DATOS
Recogida de datos
sencilla y rápida.
Guía a los usuarios para
encontrar lo que buscan.
FORMS VALIDATION
David Rodríguez
webimpacto.agency
18. USABILIDAD Y COMODIDAD DE USO
Optimizar toda la web
para móvil: su diseño,
interfaz y usabilidad
LOOK&INTERFACE FINGER-FRIENDLY
David Rodríguez
webimpacto.agency
22. ¡A nadie le gusta esperar!
Abandonará un mSite que
tarde > 3 segundos en
cargar
Espera que una página
cargue en <2 segundos
53%
47% 52%
Asegura que la velocidad de
carga rápida es importante para
fidelizar con el mSite
David Rodríguez
webimpacto.agency
24. ● Aumenta masivamente la conversión desde
el móvil
● Genera un vínculo mayor con las marcas
● Incrementa el Life Time Value de tus
usuarios
● Impacta directamente al usuario con
notificaciones push
● Fideliza, fideliza, fideliza…
Optimiza la conversión ¡y fideliza!
David Rodríguez
webimpacto.agency
SLIDE 1
El móvil hoy es absolutamente indispensable en nuestras vidas. ¡No sabemos vivir sin él!
SLIDE 3
Empezamos con algunos datos generales:
El año 2017 ha marcado un antes y un después en el uso de los dispositivos móviles para navegar por internet, llegando a porcentajes de más del 70%
Más del 40% de los usuarios prefieren hacer todo el recorrido de compra (desde el momento de buscar información hasta la compra en sí) en su dispositivo móvil
SLIDE 4
..sigue...
Obtener un rendimiento en móvil de tu site es esencial porque:
El 61% de los usuarios que visitan un sitio móvil difícil de usar probablemente consulte otro sitio ( hacer clic para la siguiente infografía )
El 30% de los usuarios esperan que la página se cargue en un segundo o menos, mientras que el 18 % espera una carga instantánea ( hacer clic para la siguiente infografía )
El 45% seguramente no vuelva a visitar un sitio web tras haber experimentado un bajo rendimiento
SLIDE 5
Encontrar la farmacia más cercana, saber cómo llegar al punto de encuentro, conocer la receta de esa tarta con la que quieres sorprender a tu visita…
Todos estos micromomentos son de grandísima relevancia y en ellos el móvil tiene el papel protagonista. click >
¿Por qué? Respóndelo tú mismo…
SLIDE 8
No hay duda.
Aquí tenemos nuevos comportamientos, motivaciones y oportunidades esenciales, minuto a minuto → MOBILE FIRST!
SLIDE 9
Metámonos en materia:
En cuanto a tráfico: ( explicar imagen y métricas..
¡La mitad del tráfico de mi web es mobile!
SLIDE 10
Y en cuanto a ingresos… (Sí, aquí es donde tocamos el punto, donde entramos en terreno farragoso…)
No, esto no acompaña a lo anterior :( …
(hacer click > gif llordando)
SLIDE 12
MOBILE FIRST: Velocidad + UX + APP → Más conversión + Aumento de Ventas + Fidelidad = ÉXITO!!!
SLIDE 14
USABILIDAD Y DISEÑO: Puntos clave
SLIDE 16
HOMEPAGE Y NAVEGACIÓN
Facilidad para volver a la homepage
Promociones no intrusivas
SLIDE 17
BÚSQUEDA
Botón de búsqueda visible
Filtros para afinar la búsqueda
SLIDE 18
BÚSQUEDA
Resultados de búsqueda relevantes
Guia los usuarios para encontrar lo que buscan
SLIDE 19
FACILIDAD DE CONVERSIÓN
Permite que interactúen sin barreras
Usa botones "CLIC para LLAMAR" para tareas complejas
Permite comprar como invitado
SLIDE 20
FACILIDAD DE CONVERSIÓN
Llamadas a la acción presentes. ( >> Prioriza una acción por pantalla. )
Enfatiza y dale peso visual a los elementos importantes ( por ejemplo usando un color contrastante para un CTA primario).
En tareas complejas, deja la acción principal siempre visible .
El botón Añadir al carrito’ es el CTA más importante de tu eCommerce
y para hacerlo siempre visible a medida que el usuario se desplaza por la página del producto,
una buena práctica es dejarlo fijo en la parte inferior o superior de la pantalla.
SLIDE 21
FACILIDAD DE CONVERSIÓN
Utiliza información existente
Anticipa: utiliza información existente > Forms Pre-fill
Ofrece una Experiencia personalizada : usa la información que tienes sobre los usuarios ofrecerle una experiencia a medida.
Las valoraciones son increíblemente importantes. Añaden un punto esencial de confianza.
SLIDE 22
RECOGIDA DE DATOS
Recogida de datos sencilla > número de campos sea lo más reducido posible … el usuario tiene poco tiempo!
Método sencillo para introducir datos (dropdown)
Minimiza errores con validación en tiempo real
También ...Ofrece un calendario visual
SLIDE 23
USABILIDAD Y COMODIDAD DE USO
Toda la Web está optimizada para móvil.
El diseño y el layout, las imágenes, los UI … todo está diseñado y pensado para el uso y la interacción en dispositivos móviles.
Diseñar “Finger-friendly”
SLIDE 24
USABILIDAD Y COMODIDAD DE USO
Navegación e interacción STEP-BY-STEP.
1 Action = 1 Screen . Facilitar la interacción del usuario , discretizando la información y las acciones por pantalla ( ejemplo filtro en product-list).
SLIDE 26
Expectativas de los usuarios > UX Mobile
SLIDE 31
Analiza la velocidad de tu site mobile
SLIDE 32
Casi un 50% de los usuarios indican que lo que menos les gusta de su experiencia navegando por la web en sus dispositivos móviles es “ESPERAR A QUE CARGUEN LAS PÁGINAS LENTAS
SLIDE 33
APP MOBILE
Aumenta masivamente la conversión desde el móvil
Genera un vínculo mayor con las marcas
Incrementa el Life Time Value de tus usuarios
Impacta directamente al usuario con notificaciones push
Fideliza, fideliza, fideliza…
SLIDE 34
APP: Optimiza la conversión ¡y fideliza!
Aumenta masivamente la conversión desde el móvil
Genera un vínculo mayor con las marcas
Incrementa el Life Time Value de tus usuarios
Impacta directamente al usuario con notificaciones push
Fideliza, fideliza, fideliza…
SLIDE 35
Tras esto y volviendo al ejemplo del principio… conseguimos cosas como esta...
SLIDE 36
… En lo que tiene mucho que ver la App ¡Eso es!
SLIDE 37
Cuando das la importancia que se merece a MOBILE y decides contar con una APP, puedes ver cosas maravillosas como esta...
SLIDE 40
RESUMIENDO
SLIDE 41
RESUMIENDO…
El mundo está cambiando
SLIDE 42
...La tecnología está cambiando
SLIDE 43
...La gente está cambiando
SLIDE 44
Si quieres crecer, tu negocio tiene que ir al frente de estos cambios
Por tanto: adáptate, optimiza, aprovecha la oportunidad y… ¡hazte mobile!
PRESENTACIÓN
….Hola, me presento, soy David Batman … bla blabla … de webimpacto … blabla ( Breve NOTA DE PRESENTACIÓN del ponente )