La gran batalla, no sólo de los medios de comunicación sino de otros sectores como el retail, la banca o las tecnológicas, está en los dispositivos móviles. En ser capaces de entender cómo adaptar la experiencia de consumo de los productos a las necesidades de los usuarios en el teléfono inteligente, por ahora el dispositivo que mayor grado de intimidad tiene con los clientes finales. Una de las últimas novedades del mercado es Progressive Web Apps o Aplicaciones Web Progresivas, una alternativa auspiciada por Google que es una mezcla entre la web móvil consumida por el navegador y las aplicaciones nativas instaladas en el teléfono.
En una única frase, el objetivo final de las PWA es conseguir una experiencia de usuario de aplicación nativa en la web, que hoy en día se consume fundamentalmente a través del dispositivo móvil. Para los equipos de producto, la idea final es desarrollar una vez y desplegar en todos los dispositivos posibles, desde un punto de vista tanto de hardware como de software. Al final lo que se busca es que disponga de una serie de elementos comunes que se parezcan mucho a las grandes funcionalidades de las que dispone habitualmente una aplicación nativa y mantenga algunas grandes ventajas de la web tradicional:
● Las apps progresivas están pensadas para tener acceso a todos los usuarios: la mayoría de navegadores soporta este tipo de web apps.
● Tiempos de carga e interacción muy rápidos.
● Adaptación perfecta a todas la pantallas: las PWA de Google tienen capacidad para adaptarse a escritorio, móvil, tableta, Smart TV… cualquier dispositivo. El principio es desarrollado una vez, accede a cualquier dispositivo.
● Consumo sin necesidad de conexión WiFi o datos 3G/4G: no es necesario tener conexión de gran calidad para navegar por ellas. Ni siquiera conexión.
● Navegación e interacciones propias de una aplicación nativa: la aplicación progresiva debe estar diseñada para el tacto del usuario.
● Acceso rápido en el móvil o tableta desde la vista principal. Icono de acceso rápido en el teléfono sin necesidad de descarga en una app store. Esto es posible gracias a la incorporación de metadatos que, no sólo descargan este acceso rápido, sino que lanza pantallas de bienvenida.
● Visible para los buscadores.
● Capacidad para enviar notificaciones push como cualquier app nativa.
● Aplicaciones en protocolo seguro HTTPS: se habla mucho del futuro del HTTPS; así evitan que el contenido pueda ser manipulado por terceros.
● Recirculación asegurada a través del hipervínculo típico en la web.
Diseño y Experiencia de Usuario en las Progressive Web Apps
El tratamiento que los equipos de producto deben dar a las Progressive Web Apps es muy distinto al desarrollo de aplicaciones nativas. Aunque existen elementos comunes, algunos factores como el diseño y la experiencia de usuario incorporan elementos distintos en aplicaciones y las PWA.
● Animaciones: son un elemento interesante para aumentar el compromiso de los usuarios con una aplicación web, pero también implican un riesgo si se utilizan mal. No tienen que provocar efectos negativos sobre el rendimiento de la aplicación y deben ser escogidas con cuidado para sorprender o generar acciones concretas y de gran valor para los usuarios. Lo más habitual es utilizar las animaciones para apoyar las interacciones. Las animaciones en las Progressive Web Apps se crean con CSS o JavaScript, dos de los lenguajes utilizados en la web tradicional junto al conocido HTML. Se pueden utilizar animaciones para el movimiento entre distintas pantallas.
Layouts responsive: al final la gran diversidad de dispositivos (con pantallas en distintos tamaños: escritorio, móvil, tableta, phablets, smart TV…) han provocado la necesidad de implementar diseños que sean capaces de adaptarse a las distintas pantallas. Eso es lo que se conoce como diseño responsive y es la apuesta de las Progressive Web Apps. Al final todo se basa en los tradicionales patrones de este tipo de diseño adaptativo: Mostly Fluid, Column Drop, Layout Shifter, Tiny Tweaks y Off Canvas. En cada uno, las distintas columnas caen hacia abajo y se posicionan en vertical u horizontal a medida que la pantalla se hace más pequeña, salvo en el patrón Off Canvas, que aprovecha la parte no visible para esconder y sacar columnas.
● Imagen, vídeo y audio son tres de los elementos informativos que suelen sufrir bastante en los diseños responsive si no se tiene cuidado con las imágenes y los vídeos. En el caso de las imágenes, el uso del elemento img es la mejor solución posible, sobre todo si se utilizan tamaños relativos, incluso marcar los tamaños y densidades específicos para cada tipo de pantalla, y además señalar el tamaño de esas imágenes en función de los cortes que se llevarán a cabo en el diseño a medida que la pantalla se hace más pequeña.
SEO, social media y monetización en las Progressive Web Apps
Los condicionantes del posicionamiento varían mucho entre una aplicación nativa y una Progressive Web App. Las primeras compiten por un posicionamiento en las tiendas de aplicaciones. La optimización de todos los factores que permiten un mejor posicionamiento en esas tiendas de aplicaciones se conoce con el nombre de ASO (App Store Optimization). Las Progressive Web Apps juegan en otra liga: al final compiten en el mismo escenario que el resto de webs tradicionales, con los elementos que condicionan actualmente la optimización SEO o búsquedas.
Igual que en la web tradicional, añadir unas pequeñas líneas de código HTML al desarrollo de una PWA permitirá controlar los mensajes y fotos que se difunden junto a nuestro contenido cuando los usuarios lo comparten en las redes sociales. Google, además, añade la recomendación de usar el protocolo schema y los microdatos para enriquecer el contenido que se comparte en su red social Google +. Este sería un ejemplo práctico de código a insertar en cada página de contenido:
<div itemscope itemtype = “http://schema.org/Article” >
<h1 itemprop = “nombre” > Disfrute de fuegos artificiales </ h1>
<p itemprop = “description” > fuegos artificiales son hermosos.
En este artículo se explica qué bellos son los fuegos artificiales. </ P>
<img itemprop = “imagen” src = “//developers.google.com/web/imgs/fireworks.jpg” />
</ div>
BBVA y Vecttor, la filial de Cabify dedicada a la gestión de vehículos con conductor, han concretado una alianza que ahorra tiempo y aporta seguridad a la compañía y sus conductores. La colaboración permite a los conductores depositar los cobros en efectivo en cualquiera de los cajeros de BBVA, y a Vecttor conciliar automáticamente estos […]
BBVA ha sido reconocido por Global Finance como el banco con la mejor oferta global de ‘open banking’ para empresas. Este premio se suma a otros 12 reconocimientos que la revista ha otorgado a la entidad, como el de mejor banco para clientes corporativos y el que reconoce a su AI Factory como uno de […]
La forma a través de la cual se realiza el pago a los proveedores es un elemento a tener en cuenta dentro del departamento de tesorería y gestión de pagos, porque cada tipo de pago presenta sus propias ventajas o se adapta mejor a la estrategia de la empresa, la relación con el proveedor o […]
Por favor, si no lo encuentras, recuerda revisar la sección de correo no deseado
×
El correo electrónico con tu ebook está en camino
Te hemos enviado dos mensajes. Uno con el ebook solicitado y otro para confirmar tu correo electrónico y empezar a recibir la newsletter de BBVA API_Market
×
TRATAMIENTO DE DATOS PERSONALES
¿Quién es el Responsable del tratamiento de tus datos personales?
Banco Bilbao Vizcaya Argentaria, S.A. (“BBVA”), con domicilio social en Plaza de San Nicolás 4, 48005, Bilbao, España, C.I.F. A-48265169 Dirección de correo electrónico: contact.bbvaapimarket@bbva.com
¿Para qué y por qué utilizamos tus datos personales?
Para aquellas de las siguientes actividades para la que nos prestes tu consentimiento marcando la casilla correspondiente:
para la ejecución y gestión de tu solicitud, en concreto, recibir la newsletter de BBVA API_Market por medios electrónicos;
para enviarte comunicaciones comerciales, eventos y encuestas relativas a BBVA API_Market a la dirección de correo electrónico que nos hayas facilitado.
¿Durante cuánto tiempo conservaremos tus datos?
Conservaremos tus datos hasta que te des de baja para dejar de recibir nuestra newsletter o, en su caso, las comunicaciones comerciales, eventos y encuestas a las que te hayas suscrito. Tanto si te das de baja como si BBVA decide finalizar el servicio, tus datos serán eliminados.
¿Cómo puedo darme de baja para dejar de recibir la newsletter y/o comunicaciones de BBVA API_Market?
Puedes darte de baja en cualquier momento y sin necesidad de indicarnos ninguna justificación, remitiendo un correo electrónico a la siguiente dirección: contact.bbvaapimarket@bbva.com
¿A quién comunicaremos tus datos?
No cederemos tus datos personales a terceros, salvo que estemos obligados por una ley o que tú lo consientas previamente.
¿Cuáles son tus derechos cuando nos facilitas tus datos?
Consultar los datos personales que se incluyan en los ficheros de BBVA (derecho de acceso)
Solicitar la modificación de tus datos personales (derecho de rectificación)
Solicitar que no se traten tus datos personales (derecho de oposición)
Solicitar la supresión de tus datos personales (derecho de supresión)
Limitar el tratamiento de tus datos personales en los supuestos permitidos (limitación del tratamiento)
Recibir así como a transmitir a otra entidad, en formato electrónico, los datos personales que nos hayas facilitado y aquellos que se han obtenido de tu relación con BBVA (derecho de portabilidad)
Te responsabilizas de la veracidad de los datos personales que facilitas a BBVA y de mantenerlos debidamente actualizados.
Si consideras que no hemos tratado tus datos personales de acuerdo con la normativa, puedes contactar con el Delegado de Protección de Datos en la dirección dpogrupobbva@bbva.com
Puedes encontrar más información en el documento “Política de Protección de Datos Personales” de esta página web.
×
TRATAMIENTO DE DATOS PERSONALES
¿Quién es el Responsable del tratamiento de tus datos personales?
Banco Bilbao Vizcaya Argentaria, S.A. (“BBVA”), con domicilio social en Plaza de San Nicolás 4, 48005, Bilbao, España, C.I.F. A-48265169 Dirección de correo electrónico:contact.bbvaapimarket@bbva.com
¿Para qué y por qué utilizamos tus datos personales?
Para la ejecución y gestión de tu solicitud, en concreto, descargar el e-book/s solicitado.
BBVA informa te informa de que, salvo que indiques tu oposición enviando un correo a la siguiente dirección:contact.bbvaapimarket@bbva.com, BBVA podrá enviarte comunicaciones comerciales, encuestas y eventos relativas a productos y/o servicios de BBVA API Market a través de medios electrónicos.
¿Durante cuánto tiempo conservaremos tus datos?
Conservaremos tus datos mientras sea necesario para la gestión de la solicitud, así como para el envío de comunicaciones comerciales, eventos y/o, encuestas. BBVAconservará tus datos hasta que te des de baja para dejar de recibir dichas comunicaciones o, en su caso, hasta que finalice el servicio.Después, destruiremos tus datos.
¿Cómo puedo darme de baja para dejar de recibir newsletters y/o comunicaciones de BBVA API Market?
Puedes darte de baja en cualquier momento y sin necesidad de indicarnos ninguna justificación, remitiendo un correo electrónico a la siguiente dirección:contact.bbvaapimarket@bbva.com
¿A quién comunicaremos tus datos?
No cederemos tus datos personales a terceros, salvo que estemos obligados por una ley o que tú lo consientas previamente.
¿Cuáles son tus derechos cuando nos facilitas tus datos?
Consultar los datos personales que se incluyan en los ficheros de BBVA (derecho de acceso)
Solicitar la modificación de tus datos personales (derecho de rectificación)
Solicitar que no se traten tus datos personales (derecho de oposición)
Solicitar la supresión de tus datos personales (derecho de supresión)
Limitar el tratamiento de tus datos personales en los supuestos permitidos (limitación del tratamiento)
Recibir así como a transmitir a otra entidad, en formato electrónico, los datos personales que nos hayas facilitado y aquellos que se han obtenido de tu relación con BBVA (derecho de portabilidad)
Puedes ejercitar ante BBVA los citados derechos a través de la siguiente dirección:contact.bbvaapimarket@bbva.com
Te responsabilizas de la veracidad de los datos personales que facilitas a BBVA y de mantenerlos debidamente actualizados.
Si consideras que no hemos tratado tus datos personales de acuerdo con la normativa, puedes contactar con el Delegado de Protección de Datos de BBVA en la dirección dpogrupobbva@bbva.com
Puedes encontrar más información en el documento “Política de Protección de Datos Personales ” de esta página web.
Banco Bilbao Vizcaya Argentaria, S.A. titular de este portal utiliza cookies y/o tecnologías similares propias y de terceros para fines técnicos, de personalización, analíticos, de publicidad comportamental o publicidad relacionada con tus preferencias sobre la base de un perfil elaborado a partir de tus hábitos de navegación (por ejemplo, páginas visitadas). Si deseas obtener información más detallada, consulta nuestra Política de Cookies.
Panel de configuración de cookies
Este es el configurador avanzado de cookies propias y de terceros. Aquí puedes modificar parámetros que afectarán directamente a tu experiencia de navegación en esta web.
Cookies técnicas (necesarias)
Estas cookies son importantes para darte acceso seguro a zonas con información personal o para reconocerte cuando inicias sesión.
Denominación
Titular
Duración
Finalidad
gobp.lang
BBVA
1 mes
Preferencia de idioma
aceptarCookies
BBVA
1 año
Configuración Cookies aceptadas
_abck
BBVA
1 año
Ayuda a protegerse contra los ataques de sitios web maliciosos
bm_sz
BBVA
4 horas
Ayuda a protegerse contra los ataques de sitios web maliciosos
ADRUM_BTs
Salesforce Marketing Cloud
Sesión
Requerido para la supervisión del servicio, inherente al SFMC
ADRUM_BT1
Salesforce Marketing Cloud
Sesión
Requerido para la supervisión del servicio, inherente al SFMC
ADRUM_BTa
Salesforce Marketing Cloud
Sesión
Requerido para la supervisión del servicio, inherente al SFMC
ADRUM_BT
Salesforce Marketing Cloud
Sesión
Requerido para la supervisión del servicio, inherente al SFMC
xt_0d95e
Salesforce Marketing Cloud
Sesión
Recordar las preferencias del usuario (si las hay)
__s9744cdb192d044faa1bf201d29fafd1e
Salesforce Marketing Cloud
Sesión
Recordar las preferencias del usuario (si las hay)
wpml_browser_redirect_test
WPML
Sesión
Traducción de textos del portal
wp-wpml_current_language
WPML
24 horas
Traducción de textos del portal
Permiten medir, de forma anónima, el número de visitas o la actividad. Gracias a ellas podemos mejorar constantemente tu experiencia de navegación.
Dispones de una mejora continua en la experiencia de navegación.
Con tu selección no podemos ofrecerte una mejora continua en la experiencia de navegación.
Denominación
Titular
Duración
Finalidad
AMCV_***
Adobe Analytics
Sesión
ID de visitante único que se usan en las soluciones de Marketing Cloud
AMCVS_***
Adobe Analytics
2 años
ID de visitante único que se usan en las soluciones de Marketing Cloud
demdex (safari)
Adobe Analytics
180 días
Crear y almacenar identificadores únicos y persistentes
sessionID
Adobe Analytics
Sesión
Cookie interna de Launch usada para identificar al usuario
gpv_URL
Adobe Analytics
Sesión
plugin Adobe Analytics: getPreviousValue Capturar el valor de una determinada variable en la siguiente vista de página, en este caso la prop1
gpv_level1
Adobe Analytics
Sesión
Cookie utilizada para almacenar el levl1 del DataLayer de la página anterior.
gpv_pageIntent
Adobe Analytics
Sesión
Cookie utilizada para almacenar el pageIntent de la página anterior.
gpv_pageName
Adobe Analytics
Sesión
Cookie utilizada para almacenar el pagename de la página anterior.
aocs
Adobe Analytics
Sesión
Cookie que almacena los primeros valores recogidos al inicio de un proceso.
TTC
Adobe Analytics
Sesión
Cookie usada para almacenar el tiempo transcurrido entre el evento App Page Visit y App Completed.
TTCL
Adobe Analytics
Sesión
Cookie usada para almacenar el tiempo transcurrido entre el evento LogIn y App Completed.
s_cc
Adobe Analytics
Sesión
Determinar si las cookies están activas
s_hc
Adobe Analytics
Sesión
Cookie usada por Adobe con propositos de analítica.
s_ht
Adobe Analytics
Sesión
Cookie usada por Adobe con propositos de analítica.
s_nr
Adobe Analytics
2 años
Determinar el número de visitas de usuario
s_ppv
Adobe Analytics
Persistente
plugin Adobe Analytics: getPercentPageViewed Determinar el procentaje de página que visualiza un usuario
s_sq
Adobe Analytics
Sesión
Funcionalidades ClickMap/ActivityMap
s_tp
Adobe Analytics
Sesión
Cookie usada por Adobe con propositos de analítica.
s_visit
Adobe Analytics
2 años
Cookie usada por Adobe para saber cunado una sesión se ha iniciado.
Permiten que la publicidad que te mostramos sea personalizada y relevante para ti. Gracias a estas cookies no verás anuncios que no te interesen.
Dispones de una publicidad adaptada a ti y a tus preferencias.
Con tu selección pierdes la personalización de la publicidad, solo verás anuncios genéricos.
Denominación
Titular
Duración
Finalidad
OT2
VersaTag
90 días
Cookie de VersaTag usada para almacenar un id de usuario y el numero de visitas del usuario.
u2
VersaTag
90 días
Cookie de VersaTag en la que se almacena el ID del usuario
TargetingInfo 2
MediaMind
1 año
Cookie que sirve para asignar un número unico random que genera MediaMind.
Estas cookies están relacionadas con características generales como, por ejemplo, el navegador que utilizas.
Dispones de una experiencia y contenidos personalizados.
Con tu selección no podemos ofrecerte una navegación y contenidos personalizados.
Denominación
Titular
Duración
Finalidad
mbox
Adobe Target
9 días
Cookie usada por Adobe Target para hacer test de personalizacion de experencia del usuario.
×
Parece que estás navegando desde México, así que vamos a mostrarte el contenido personalizado para tu localización. Cambiar
Parece que estás navegando desde España, así que vamos a mostrarte el contenido personalizado para tu localización. Cambiar
Selecciona el país
Para poder acceder al área privada y sandbox correspondiente, selecciona el país de las APIs que quieres utilizar.
×
×
×
Preferencias de Navegación
Elige el país del que quieres que te mostremos su contenido por defecto.