software1

El caso de los PWA: una lista aparte


Ahora que sabe qué es una aplicación web avanzada, probablemente se esté preguntando si su organización se beneficiaría de ella. Para ver si tiene sentido para su negocio, hágase dos preguntas:

Artículo a continuación

  1. ¿Su negocio tiene un sitio web? En ese caso, probablemente se beneficiaría de una aplicación web avanzada. Esto puede sonar extraño, pero es cierto: casi todos los sitios web deberían ser una aplicación web progresiva porque representa las mejores prácticas para la web.
  2. ¿Su empresa gana dinero desde su sitio web a través de comercio electrónico, publicidad o cualquier otro método? En este caso, definitivamente necesita una aplicación web progresiva porque las aplicaciones web progresivas pueden tener un impacto significativo en las ventas.

Esto no significa que su sitio necesite tener todas las capacidades de las aplicaciones web progresivas. Es posible que no necesite proporcionar funcionalidad fuera de línea, notificaciones push o incluso la posibilidad de que las personas instalen su sitio en su pantalla de inicio. Es posible que solo desee lo esencial: un sitio seguro, un trabajador de servicios que acelere el sitio y un archivo de manifiesto, cosas que benefician a cada sitio.

Por supuesto, puede decidir que su sitio web o subproyecto personal no lo haga. Es un esfuerzo adicional convertirlo en una aplicación web avanzada. Eso es comprensible, y a la larga, incluso los sitios web personales obtendrán una funcionalidad de aplicación web progresiva si los sistemas de administración de contenido subyacentes lo admiten. Por ejemplo, tanto Magento como WordPress han anunciado planes para llevar aplicaciones web progresivas a sus respectivas plataformas. Espere que otras plataformas sigan su ejemplo.

Sin embargo, si ejecuta un sitio web que lo ayudará a ganar dinero para su negocio, debe planificar cómo convertir su sitio web en una aplicación web progresiva. Las empresas que utilizan aplicaciones web avanzadas están viendo un aumento en los ingresos por conversión, participación del usuario, ventas y publicidad. Por ejemplo, Pinterest experimentó un aumento de sus compromisos centrales en un 60 por ciento y los ingresos publicitarios generados por los usuarios en un 44 por ciento (Figura 2.1). West Elm informó un aumento en el tiempo promedio de permanencia en su sitio en un 15 por ciento y un aumento en los ingresos del 9 por ciento por visita. %, el rendimiento de los clics en los anuncios aumentó en un 50% y las métricas de interacción principal mejoraron en un 60%. Incluso en comparación con la aplicación nativa, la mayoría de estas métricas aumentaron entre 2 y 5%. ” data-recalc-dims=”1″/>

Fig. 2.1: Addy Osmani, gerente técnico de Google, escribió un estudio de caso en la aplicación web progresiva de Pinterest en comparación con su antiguo sitio web móvil y su aplicación nativa.

Las historias de éxito de las aplicaciones web avanzadas son tan numerosas que mi empresa Cloud Four lanzó un sitio web llamado PWA Stats para realizar un seguimiento de ellas (Figura 2.2). Es muy posible que tengamos un estudio de caso de una organización similar que lo ayude a convencer a sus empleados de que es útil crear una aplicación web avanzada.

  Una captura de pantalla de la página de inicio de PWA Stats con estudios de caso para Uber, Trivago, Petlove y Grand Velas Riviera Maya Resort.
Fig. 2.2: PWAstats.com recopila estadísticas e historias que documentan el impacto de las aplicaciones web progresivas.

Y puede ser necesario convencerlos. A pesar de los beneficios obvios de las aplicaciones web progresivas, muchas empresas aún no han realizado conversiones, a menudo porque aún no conocen los PWA. (¡Si comienzas a crear una ahora, puedes superar a tu competencia!)

Sin embargo, también hay mucha confusión acerca de qué son capaces las aplicaciones web progresivas, dónde se pueden usar y cómo se relacionan con ellas. Hay aplicaciones nativas entre sí. Esta confusión crea miedo, incertidumbre y duda (FUD) que ralentizan el advenimiento de las aplicaciones web progresivas.

Si utiliza aplicaciones web progresivas en su negocio, probablemente estará confundido e incluso podría encontrar resistencia. Por lo tanto, prepárese con argumentos para romper el FUD y convencer a sus colegas.

Las aplicaciones nativas y los PWA pueden coexistir. # section2

Si su organización ya tiene una aplicación nativa, los interesados ​​en la idea de también pueden tener una aplicación web progresiva, especialmente porque el punto de venta principal de PWA es la funcionalidad de la aplicación nativa y funciones.

Es tentador ver que las aplicaciones web progresivas compitan con las aplicaciones nativas; gran parte de la cobertura de la prensa ha tomado esta acción. El hecho es que las aplicaciones web progresivas tienen sentido, independientemente de si una empresa tiene una aplicación nativa.

Anule el debate "nativo versus web" y concéntrese en las experiencias que tenga con los clientes que interactúan con su negocio a través de la Web. Las aplicaciones web progresivas tienen sentido por sí mismas: pueden ayudarlo a llegar a más clientes, asegurar su sitio web, generar ingresos, ofrecer una funcionalidad más confiable y mantener a los usuarios actualizados con actualizaciones, todo además de su aplicación nativa.

Llegue a más clientes # section3

No todos sus clientes actuales, y ninguno de sus clientes potenciales, tienen instalada su aplicación nativa. Es poco probable que su cliente promedio tenga instalada su aplicación, y aquellos clientes que tienen su aplicación pueden continuar visitando su sitio web en una computadora de escritorio.

Al proporcionar una mejor experiencia en el sitio web en sí, lo más probable es que los clientes actuales y futuros lean su contenido o compren sus productos (¡o incluso descarguen su aplicación nativa!). Una aplicación web progresiva puede proporcionar esta mejor experiencia.

A pesar de la opinión de la prensa especializada, la Web móvil está creciendo más rápido que las aplicaciones nativas. comScore comparó las primeras mil aplicaciones con las primeras mil características web móviles y señaló que " las audiencias web móviles son casi tres veces más grandes y crecen el doble de rápido que las audiencias de aplicaciones ".

Y si bien es cierto Si los usuarios pasan más tiempo en sus aplicaciones favoritas que en la web, puede ser difícil convencer a los usuarios para que instalen su aplicación. Más de la mitad de los usuarios de teléfonos inteligentes en los Estados Unidos no descargan aplicaciones en un mes típico .

Si existe una aplicación nativa en una tienda de aplicaciones, no se puede garantizar. Anunciar una aplicación y estar convencido de probarla cuesta mucho. Según la compañía de marketing de aplicaciones Liftoff el costo promedio de instalación de una aplicación es de $ 4.12 y eso es hasta $ 8.21 por instalación si desea que alguien Cuenta creada en su aplicación.

Si tienes la suerte de que alguien instale tu aplicación. El siguiente obstáculo es convencerlo de que continúe usándolo. Cuando el analista Andrew Chen analizó los datos de retención de usuarios para 125 millones de teléfonos móviles, señaló que " la aplicación promedio pierde el 77% de sus DAU [daily active users] dentro de los primeros 3 días después de la instalación. En 30 días ha perdido el 90% de las DAU. En 90 días, supera el 95%. "(Figura 2.3)

<img src =" https://alistapart.com/wp-content/uploads/2018/12/fig2-3.jpg?w=960 "alt =" Gráfico: La curva de almacenamiento promedio para las aplicaciones de Android cae abruptamente en los primeros tres días y baja más lentamente a casi cero en los próximos 90 días. [19659009] Figura 1945: La lealtad de la aplicación sigue siendo un gran problema para las aplicaciones nativas. La aplicación promedio pierde Más del 95 por ciento de sus usuarios activos diarios en 90 días.

Las aplicaciones web progresivas no tienen los mismos desafíos, son tan fáciles de descubrir para los usuarios como su sitio web, porque son su sitio web una aplicación web avanzada está disponible al instante, no hay necesidad de ir a una tienda de aplicaciones y descargar la aplicación, es una instalación rápida: se realiza en segundo plano en la primera visita al sitio y literalmente puede ser así de fácil como si fueras el huevo de la pantalla de inicio Agrega un símbolo.

Como Alex Russell escribió en una contribución media de 2017 : [19659032] La fricción de la instalación de PWA es significativamente más baja . Las métricas internas de Google muestran que las pancartas PWA se convierten de 5 a 6 veces más a menudo con pancartas PWA y pancartas de aplicaciones nativas que tienen un volumen de solicitud similar, que es más cercano a una comparación manzana a manzana (19459011). Más de la mitad de los usuarios que eligen instalar una aplicación nativa a través de estos banners no pueden terminar de instalar la aplicación, mientras que la instalación de PWA ocurre casi al instante.

En resumen, un porcentaje grande y creciente de sus clientes está interactuando con usted en la Web. Las aplicaciones web progresivas pueden aumentar las ventas y la fidelización de los clientes.

Asegure su sitio web # section4

Cuando recolecta tarjetas de crédito o información privada, proporcionar un sitio web seguro es imprescindible para sus visitantes. Incluso si su sitio no procesa datos confidenciales, tiene sentido usar HTTPS y proporcionar una experiencia segura. Incluso el tráfico web aparentemente inofensivo puede proporcionar señales que pueden identificar y potencialmente poner en peligro a las personas. Eso sin mencionar las preocupaciones planteadas por las revelaciones del gobierno.

Anteriormente, ejecutar un servidor seguro era costoso, confuso y (aparentemente) más lento. Las cosas han cambiado En el pasado, los certificados SSL / TLS cuestan cientos de dólares, ahora son emitidos por el Proveedor de certificados Let's Encrypt de forma gratuita. Muchos proveedores de alojamiento tienen proveedores de certificados integrados, por lo que puede configurar HTTPS con un solo clic. Y resulta que HTTPS no fue tan lento como pensábamos .

Los sitios web en HTTPS también pueden cambiar a una nueva versión de HTTP llamada HTTP / 2. La mayor ventaja es que HTTP / 2 es significativamente más rápido que HTTP / 1. Muchos proveedores de alojamiento y redes de entrega de contenido (CDN) le proporcionarán HTTP / 2 tan pronto como se actualice a HTTPS, sin problemas adicionales.

Si esto no era un incentivo suficiente para cambiar a HTTPS, los fabricantes de navegadores utilizan un enfoque de zanahoria para impulsar los sitios web a realizar el cambio. Para el dispositivo, Chrome ha comenzado a advertir a los usuarios cuando ingresan datos en un sitio que no ejecuta HTTPS. Si lee esto, Google planea marcar todas las páginas HTTP con una advertencia "No seguro" (Figura 2.4). Es probable que otros navegadores sigan y etiqueten sitios web que no están encriptados para garantizar que los usuarios sepan que sus datos pueden ser interceptados.

  El tratamiento final para todas las páginas HTTP en Chrome es mostrar un símbolo de rendimiento rojo con las palabras "No estoy seguro".
Fig. 2.4: Google ha anunciado que no marcará los sitios web que no ejecutan HTTPS como inseguros . Se introducen varios estilos de advertencia a lo largo del tiempo hasta que la etiqueta alcanza el estado final que se muestra aquí.

Para las zanahorias HTTPS, los navegadores hacen solicitudes HTTPS para usar nuevas funciones. Si desea utilizar la última y mejor tecnología web, debe ejecutar HTTPS . Algunas características que solían funcionar con HTTP no seguro y se consideran confidenciales, como: Geolocalización, ahora están limitados a HTTPS. En el segundo pensamiento, eso puede ser un poco difícil. ¿Una barra de zanahoria?

En este contexto, tiene sentido configurar un sitio web seguro para sus visitantes. Evitan advertencias inseguras de miedo. Obtiene acceso a nuevas funciones del navegador. Con HTTP / 2, se beneficia de las ventajas de velocidad. Y: configuraste una aplicación web progresiva.

Para utilizar el personal de servicio, la tecnología central para aplicaciones web progresivas, su sitio web debe estar en HTTPS. Entonces, si desea cosechar las recompensas de toda la calidad de PWA, debe hacer el trabajo para asegurarse de que su base esté segura.

Generando más ingresos # section5

Hay muchos estudios que muestran una conexión entre la velocidad de un sitio web y la cantidad de tiempo y dinero que la gente está dispuesta a gastar en él. DoubleClick señaló que " el 53% de las visitas al sitio móvil se cancelan si la carga de la página tarda más de 3 segundos ". Walmart señaló que por 100 milisegundos mejora el tiempo de carga hasta un aumento de los ingresos adicionales en un uno por ciento .

Proporcionar una experiencia web rápida hace una gran diferencia en el resultado final. Desafortunadamente, el tiempo promedio de carga de la página móvil es de diecinueve segundos en conexiones 3G . Aquí es donde una aplicación web progresiva puede ayudar.

Las aplicaciones web progresivas utilizan personal de servicio para ofrecer una experiencia excepcionalmente rápida. Los ingenieros de servicio permiten a los desarrolladores definir explícitamente qué archivos debe almacenar el navegador en su caché local, y bajo qué circunstancias el navegador debe buscar actualizaciones para los archivos en caché. Se puede acceder a los archivos almacenados en la memoria caché local mucho más rápido que los archivos recuperados de la red.

Cuando alguien solicita una nueva página de una aplicación web progresiva, la mayoría de los archivos necesarios para representar esa página ya están almacenados en el dispositivo local. Esto significa que la página se puede cargar casi instantáneamente porque el navegador solo necesita descargar la información incremental requerida para esa página.

En muchos sentidos, esto es lo mismo que hace que las aplicaciones nativas sean tan rápidas. Cuando alguien instala una aplicación nativa, descarga los archivos necesarios para ejecutar la aplicación. Después de eso, la aplicación nativa solo necesita recuperar nuevos datos. Los empleados de servicio hacen que la Web realice acciones similares.

El impacto de las aplicaciones web progresivas en el rendimiento puede ser sorprendente. Ejemplo: Tinder redujo los tiempos de descarga de 11,91 segundos a 4,69 segundos con su aplicación web progresiva y es un 90 por ciento más pequeño que su aplicación nativa de Android. La cadena hotelera Treebo lanzó una aplicación web progresiva y cuadruplicó las tasas de conversión en comparación con el año anterior . Las tasas de conversión para usuarios habituales se han triplicado, y el tiempo promedio de interacción en dispositivos móviles se ha reducido a 1,5 segundos.

Asegure la confiabilidad de la red. En un momento estás en una conexión LTE rápida y en el siguiente a una velocidad de 2G o simplemente fuera de línea. Hemos experimentado todas las situaciones como estas. Sin embargo, al crear nuestros sitios web, se supone principalmente que las redes son confiables.

Con las aplicaciones web progresivas, puede crear una aplicación que funcione incluso cuando alguien está desconectado. De hecho, la tecnología utilizada para crear una experiencia fuera de línea es la misma tecnología utilizada para crear sitios web rápidamente: personas de servicio.

Tenga en cuenta que los representantes de servicio nos permiten decirle explícitamente al navegador qué se debe almacenar en caché localmente. Podemos ampliar lo que está almacenado localmente, no solo los elementos necesarios para representar la aplicación, sino también el contenido de las páginas, para que los usuarios puedan ver las páginas sin conexión (Figura 2.5).

  Tres pantallas en el sitio web de Housing.com Muestran cómo el diseño se adapta para mostrar cuándo está desconectado, y que los resultados almacenados se pueden ver incluso cuando está desconectado.
Fig. 2.5: El encabezado en Progressive Web App de Housing.com cambia de púrpura (izquierda) a gris cuando está fuera de línea (centro). El contenido que el usuario vio o agregó previamente a sus favoritos está disponible sin conexión (derecha). Esto es importante para el mercado local de housing.com en India, donde la conectividad de red puede ser lenta y poco confiable.

Con un empleado de servicio, incluso podemos almacenar en caché el shell de nuestra aplicación detrás de escena por adelantado. Esto significa que la primera vez que visita una aplicación web progresiva, la aplicación completa se descarga, almacena en caché y está lista para su uso sin conexión sin que la persona tenga que tomar medidas para iniciarla. Para obtener más información sobre si el prealmado es útil, consulte el Capítulo 5.

Incluir usuarios # section7

Las notificaciones push pueden ser la mejor manera de asociar usuarios con una aplicación. Le piden a alguien que regrese a una aplicación para obtener mucha información nueva, desde notificaciones por correo electrónico hasta mensajes de chat.

¿Por qué debería limitar las notificaciones push a quienes instalan una aplicación nativa? Por ejemplo, si tiene una aplicación de chat o redes sociales, no sería bueno informar a las personas sobre nuevos mensajes (Figura 2.6).

  Dos pantallas: a la izquierda, una lista de notificaciones del sistema, incluida una página web a través de Twitter. A la derecha, se abrió un tweet divertido sobre las contraseñas de Wi-Fi en un bar en el sitio web de Twitter.
Fig. 2.6: La aplicación web progresiva de Twitter, Twitter Lite, envía la misma notificación que la aplicación nativa. Aparecen junto a otras notificaciones de aplicaciones (izquierda). Seleccionar uno lo llevará directamente al tweet al que se hace referencia en Twitter Lite (derecha).

Las aplicaciones web progresivas, especialmente nuestro amigo, el personal de servicio, permiten el uso de notificaciones push para cualquier sitio web. Las notificaciones no son necesarias para una aplicación web progresiva, pero a menudo aumentan la reintegración y los ingresos:

En el Capítulo 6, hablaremos con más detalle sobre las notificaciones push. Esto puede ser útil en este momento. Sepa que las aplicaciones web progresivas pueden enviar notificaciones push, al igual que una aplicación nativa. Esto puede ayudarlo a aclarar el caso de su negocio. Cada paso hacia una aplicación web avanzada es un paso hacia un mejor sitio web. Los sitios web deben ser seguros . Deberían ser rápidos. Serían mejores si estuvieran disponibles sin conexión y pudieran enviar notificaciones cuando sea necesario.

Para sus clientes que no tienen o no usan su aplicación nativa, proporcionar una mejor experiencia en el sitio web es un gran paso para su negocio. Es así de simple.



Control de obras 3000 de Cea Ordenadores

Comentarios desactivados en El caso de los PWA: una lista aparte