Descubra los entresijos de las aplicaciones web progresivas (PWA)

No se deje engañar: las aplicaciones web progresivas no son una nueva tecnología loca sobre la que no podrá tener una conversación educada con sus amigos después de leer un artículo rápido.

Son esencialmente aplicaciones web modernizadas con un nombre elegante (gracias, Google Chrome).

Pero aún así, descubra las razones por las que muchas organizaciones deciden que una PWA se adapta mejor a sus necesidades. No solo es más barato construir, comercializar y mantener una PWA en comparación con una aplicación nativa, sino que también puede ser lo que prefieran los clientes.

¿Le ha preguntado a sus clientes si quieren ser redirigidos a la tienda de aplicaciones solo para reservar su próxima reserva de hotel o reservar un auto de alquiler? Tal vez esa sea una conversación para otro día...

¿Qué es una aplicación web progresiva?

Antes de que podamos comenzar a comprender los casos de uso para crear una aplicación web progresiva frente a una aplicación nativa o una aplicación web tradicional, asegurémonos de cubrir los conceptos básicos.

En primer lugar, debe conocer las aplicaciones web progresivas porque son el camino del futuro. Según una encuesta de lectores de más de 800 tecnólogos, realizada por JAX Enter, el 46 % de los encuestados dijo que cree que las PWA son el futuro, no las aplicaciones nativas o híbridas.

Diferencia entre aplicaciones web progresivas, aplicaciones web no progresivas y aplicaciones nativas

Incluso los desarrolladores senior tienden a confundir aplicaciones progresivas con no progresivas o no progresivas con aplicaciones nativas. Aún así, existen claras diferencias entre estos tipos de aplicaciones.

Fuente

Las aplicaciones nativas son aplicaciones que se construyen en un idioma específico para un dispositivo en particular (teléfono inteligente, tableta, etc.) y deben descargarse de una tienda de aplicaciones. En el ejemplo anterior, la aplicación MyPay de Dish es una aplicación nativa porque se puede descargar desde Apple App Store y fue creada para dispositivos iOS. Aunque también puede descargar la aplicación MyPay de Dish en Google Play, Dish tuvo que desarrollar una segunda aplicación nativa para que eso fuera posible.

Al tener que diseñar y desarrollar dos aplicaciones móviles diferentes para sus clientes, puede comenzar a ver un gran inconveniente en el desarrollo de aplicaciones nativas.

¿Un tipo de aplicación más consciente del presupuesto? Aplicaciones web no progresivas. La forma más antigua de aplicaciones web, una aplicación web no progresiva, es una aplicación que no necesita descargarse de una tienda de aplicaciones; más bien, solo es accesible a través de la web.

Se ve y se siente como una aplicación, pero en realidad es solo un sitio web con capacidades mejoradas. Observe el ejemplo de la aplicación web no progresiva en la imagen de arriba, Evolve Vacation Rentals, es segura, receptiva y elegante, pero no se considera una PWA.

De hecho, para que una aplicación basada en la web se considere una aplicación web progresiva, Google dice que debe cumplirse lo siguiente con respecto a la aplicación:

• progresivo Debe funcionar en todos los tipos de navegador, no solo en IE o Chrome.
• receptivo La aplicación debe adaptarse a todos los teléfonos, tabletas y dispositivos tecnológicos modernos del futuro.
• independiente Debe tener la capacidad de trabajar sin conexión o con una conexión de red de baja intensidad.
• App-esque . La aplicación utiliza estilo y navegación estilo aplicación.
• Nuevo. Siempre actualizado.
• Seguro. Servido a los usuarios a través de la seguridad de la capa de transporte, o más comúnmente conocido como URL HTTPS.
• Descubrible. Localizable mediante un motor de búsqueda.
• Reconectable. Capacidad para volver a involucrar a los usuarios de la aplicación a través de la plataforma (es decir, notificaciones automáticas).
• Instalable. Los usuarios pueden instalar la aplicación en su pantalla de inicio a través de la tienda de aplicaciones para permitir un acceso fácil y conveniente.
• Enlazable. La aplicación se puede compartir con otros usando una URL.

Características de las aplicaciones web progresivas

Google tiene sus clasificaciones de lo que hace que una aplicación web sea progresiva , pero es posible que se pregunte cómo una persona puede determinar si una aplicación web es progresiva sin tener una lista de verificación a mano. Para poder hacer precisamente eso, repasemos las características clave de una PWA.

Contextos seguros (HTTPS)

Es difícil decir que una aplicación es progresiva si no cumple con los mejores y más recientes estándares de seguridad de datos. Los contextos seguros son un estándar de seguridad que brinda un nivel de confianza a los usuarios de sitios web, lo que sugiere que la aplicación web que están utilizando entrega contenido de manera segura.

Como es la mejor práctica para cualquier sitio web en 2020, una característica clave de las PWA es que están encriptadas con TSL/SSL, lo que garantiza contextos seguros. Para determinar rápidamente si una aplicación web está protegida, simplemente busque un HTTPS en la URL de la página.

Si está utilizando una aplicación web que no tiene una conexión HTTPS, no se puede considerar una PWA.

Fuente

trabajadores de servicios

En jerga tecnológica, un trabajador de servicio no es la persona que te entrega la comida para llevar, ¡pero sigamos con esa analogía!

Digamos que estás en un restaurante y se va la luz. Si tienes hambre como siempre, estás atascado comiendo ensalada o sopa fría. Pero lo que hace un trabajador de servicio es usar caché para asegurarse de que su experiencia nunca sufra. O más bien, un trabajador de servicio se asegura de que aún reciba una comida caliente.

Lo que esto significa desde la perspectiva de la experiencia del usuario de PWA es que si está navegando por la aplicación y pierde la conexión a Internet, no lo notará. O si ya ha estado en ese PWA antes, su experiencia se cargará extremadamente rápido, como si hubiera pedido su cena con anticipación.

¿Cómo es esto posible? Con un pequeño archivo JavaScript, es todo. Los trabajadores de servicios más avanzados pueden incluso conectarse con API de inserción, lo que permite que las PWA envíen notificaciones de inserción a los usuarios para mantenerlos interesados.

Archivos de manifiesto

Para crear una experiencia de usuario más personalizada, las PWA suelen aprovechar los archivos de manifiesto. En resumen, un archivo de manifiesto es un archivo que contiene metadatos para una agrupación de archivos que forman parte de una sola unidad.

Esencialmente, los metarchivos se usan a menudo para indicar a los navegadores web cómo debe comportarse una aplicación PWA cuando se abre en un dispositivo en particular. Al crear un archivo de manifiesto para una PWA, un desarrollador puede establecer un icono de aplicación predeterminado o un color de pantalla de bienvenida. Un desarrollador también podría asegurarse de que una aplicación se abra en una ventana de navegador de pantalla completa para crear una experiencia más "similar a una aplicación" en un dispositivo en particular.

Fuente

Ventajas de las PWA

Claro, hay ventajas para todo tipo de aplicaciones. Bart Deferme, director de desarrollo ágil de productos en Spire Digital, dice:

"Diferentes tipos de aplicaciones son ventajosos en diferentes casos de uso para diferentes organizaciones. Las aplicaciones nativas son ideales para organizaciones que saben que sus usuarios preferirían una aplicación nativa a una PWA o una aplicación web no progresiva. Pero para los empresarios que intentan obtener una prueba de concepto al lanzar un MVP esbelto, una aplicación web no progresiva o una PWA son rutas más económicas”.

Teniendo en cuenta que siempre hay casos de uso en los que diferentes tipos de aplicaciones son la mejor solución, estas son las ventajas generales de optar por una aplicación web progresiva en lugar de otro tipo de aplicación:

Visible

Google obtiene 3.500 millones de búsquedas por día, lo que lo convierte en el motor de búsqueda más grande del mundo. Es seguro decir que cuando las personas tienen un problema o una pregunta, le preguntan a Google. Esto presenta una gran oportunidad para las organizaciones que implementan PWA porque pueden vivir en la web, además de una tienda de aplicaciones. Esto hace que sea más fácil para las personas encontrar una PWA en comparación con otras aplicaciones.

La capacidad de descubrimiento de PWA es una gran ventaja porque permite a los usuarios buscar donde más buscan, obtener respuestas y completar acciones, todo en un solo lugar. Con un PWA, no tienen que saltar a través de los aros de descargar una aplicación completa y ver una rueda de descarga de la tienda de aplicaciones rodar lentamente hasta "100%, descarga completa".

Instalable

Si a un usuario realmente le encanta usar un PWA o simplemente lo usa con frecuencia, no tiene que marcarlo como favorito en su computadora y en los navegadores de su teléfono móvil como lo haría con una aplicación web no progresiva. Un simple viaje a la tienda de aplicaciones y usuarios les permite obtener acceso a sus PWA favoritas en la misma cantidad de tiempo que lo harían con su aplicación nativa típica.

Enlazable

Es mucho más fácil compartir un enlace a su aplicación favorita con un amigo que decirle a su amigo que "busque esa aplicación en la tienda de aplicaciones". Los enlaces se pueden compartir fácilmente a través de correo electrónico, dms de redes sociales, etc. La vinculabilidad y la capacidad de descubrimiento son dos ventajas de PWA que funcionan en sincronía, lo que reduce la cantidad de tiempo que le toma a un usuario por primera vez obtener acceso a una aplicación y también reduce la cantidad. de tiempo que tarda un superusuario en compartir la aplicación con amigos o posibles usuarios.

Red independiente

Estructura de la red. Nunca podremos tener bares completos en todos los lugares del mundo a los que vayamos. Pero, de nuevo, no necesitamos barras completas para operar un PWA, ¿verdad?

Las aplicaciones web progresivas permiten a los usuarios seguir escuchando su música favorita en su camino a través de un túnel y permiten que los trabajadores de telecomunicaciones sean notificados de una línea eléctrica caída durante un apagón en toda la ciudad. Sin la necesidad de una conexión de red sólida en todo momento, las PWA brindan una experiencia de usuario más confiable para todos los grupos de usuarios.

Sensible

¿Alguna vez quiso jugar a Words with Friends mientras intentaba parecer interesado en una llamada de Zoom? Si Words with Friends fuera una PWA en lugar de una aplicación nativa, podría (por cierto, es una gran idea, que alguien haga que eso suceda). Los PWA permiten una experiencia de usuario perfecta independientemente del tipo de dispositivo o navegador. Significa que no tiene que tener siempre a mano su teléfono o computadora portátil para usar su aplicación nativa o no progresiva favorita.

Otra ventaja de la capacidad de respuesta es que también evita que las organizaciones tengan que producir múltiples aplicaciones para múltiples grupos de usuarios. Los usuarios de sus computadoras portátiles y sus usuarios de teléfonos móviles pueden estar satisfechos con la implementación de una sola aplicación: una PWA. Esta ventaja tiende a ser uno de los mejores puntos de venta de una PWA, ya que ahorra a las organizaciones grandes cantidades de TI y gastos de marketing.

Seguro

Especialmente cuando usan una aplicación financiera, de salud o de seguros, los usuarios quieren saber que ningún tipo en las Islas Caimán está accediendo a sus datos personales. En pocas palabras: la seguridad genera confianza con los usuarios. Los contextos seguros y los cifrados de URL permiten que las PWA brinden tranquilidad tanto a sus usuarios como a los robots de búsqueda de Google.

Como se mencionó anteriormente, es una buena práctica usar un cifrado SSL en todas las direcciones URL de su organización, incluidas las aplicaciones web. Si no protege su aplicación web, Google siempre ha declarado que el rendimiento de su aplicación web en las páginas de resultados de búsqueda se verá afectado negativamente.

Fuente

Conclusión

Piénselo: el mundo se dirige hacia una realidad de Blade Runner, donde los humanos pronto estarán conectados al software las 24 horas del día (si aún no lo está). Adelantarse a la curva tecnológica y obtener el máximo ROI significa invertir en software con el mayor valor a largo plazo.

Las aplicaciones nativas están diseñadas para dispositivos específicos en idiomas específicos, lo que hace que la experiencia de la aplicación no responda y que el código base sea menos reutilizable. El código de las aplicaciones web no progresivas se puede reutilizar para la creación de otras aplicaciones, pero las aplicaciones web no progresivas solo se crean para navegadores específicos. Tampoco se pueden descargar de una tienda de aplicaciones.

Las PWA son el tipo de aplicación más preparado para el futuro, ya que son:

• Visible a través de la web o la tienda de aplicaciones
• Responsivo y listo para cualquier navegador
• Conexión de red independiente
• Seguro y encriptado
• Y más

Ahora que tiene una mejor comprensión de una PWA, puede examinar mejor el caso de uso de su aplicación y determinar qué tipo de aplicación se ajusta a las necesidades de su organización. Si aún no lo ha hecho, hable con sus clientes para averiguar sus deseos y necesidades, luego seleccione una aplicación para construir que proporcionará el mayor valor a largo plazo para su organización.

¿Es una PWA adecuada para su organización? Quién sabe. Pero nunca es una mala idea obtener una mejor comprensión de todas las opciones de su aplicación.

Obtenga una comprensión más profunda de otras perspectivas de desarrollo de aplicaciones en el centro de información de desarrollo de aplicaciones de G2.