Sirvelia

Aplicaciones web progresivas: 10 ejemplos de páginas web

Qué son las PWA

Las aplicaciones web progresivas son básicamente páginas web, pero mediante el uso de Service Workers y otras tecnologías se comportan más como aplicaciones normales que como aplicaciones web.

Básicamente, una PWA es una solución basada en la web tradicional, aunque incorpora algunas particularidades que hacen que su estética y funcionamiento le hacen parecerse a una app nativa para teléfonos móviles y tablets. Se accede a ellas a través de un navegador, pero se puede anclar un acceso directo en el dispositivo. No dependen de sistemas operativos y van incorporando funcionalidades nativas del dispositivo.

«Aplicaciones Web Progresivas en el día a día» – Unsplash

10 ejemplos de aplicaciones web progresivas

Muchas de las aplicaciones web progresivas se parecen tanto a las aplicaciones web normales que ni siquiera se reconocerá como PWA’s a veces.

Una PWA utiliza menos espacio que una aplicación nativa, no se necesita instalar, puede funcionar offline, no hace falta actualizarlo… Gracias a todas las ventajas que consigue una PWA, algunas empresas han decidido optar por ello.

Por eso, os dejamos algunos ejemplos de PWA’s, algunas más o menos conocidas.

AliExpress

Aunque AliExpress tiene una aplicación nativa propia, también existe la posibilidad de usarla como PWA. Visitar esta la web de AliExpress es como usar cualquier otra aplicación o página web, pero con la gran diferencia de que hay la posibilidad de hacer compras online de todo lo que se encuentra durante la navegación. Esta tienda asiática tiene una de las mejores PWA que se puede dar el uso. La plataforma es muy sencilla, el diseño es amigable y, lo mejor de todo, tienen 20 puntos en usabilidad.

«Logotipo Aliexpress»- Google Imágenes

Telegram

Otra web muy conocida es Telegram, uno de los pocos servicios de mensajería que ha apostado por una PWA y al que le ha ido genial. Los usuarios que tienen Telegram no notan la diferencia para nada de esta aplicación en su formato web progresivo que en su formato app nativa y eso es una ventaja bastante importante. Difusiones, foros, envío de archivos, llamadas, chat, todo sigue intacto y muy funcional.

«Logotipo Telegram»- Google Imágenes

Dev.to 

Dev.to es una popular plataforma de blogs para desarrolladores web. A pesar de su popularidad, no se incluye en la mayoría de los ejemplos de PWA, lo que resulta sorprendente si cuando se trata de la alta puntuación de la aplicación web, con un 100 en progresividad y 90 en rendimiento.

Es importante saber que las plataformas de blogs y noticias son una de las aplicaciones web más difíciles de optimizar, ya que están llenas de información textual y visual aportada por diferentes usuarios. Sin embargo, Dev.to ha demostrado que todavía es posible que un blog popular tenga un PWA de alto rendimiento.

«Logotipo Dev.to»- Google Imágenes

Flipboard

Flipboard es la aplicación web progresiva para todos los que quieren estar informados de los últimos acontecimientos del mundo ya que es una aplicación web sobre noticias y novedades. Esta red social solía ser muy lenta al usarla en el móvil en formato app nativa, ya que está cargada de contenido; sin embargo, su nuevo formato PWA funciona rápido y con pocos recursos, así que se puede navegar a través de ella sin ningún tipo de problema.

«Logotipo Flipboard»- Google Imágenes

Workopolis 

Esta PWA permite a los usuarios buscar un trabajo utilizando varios filtros, según su conveniencia. Con un diseño y visualización de color verde/blanco bastante sencillo, la página principal del usuario de Workopolis no es nada fuera de lo común, es decir, es parecida a otras webs ya conocidas. Sin embargo, es atractivo y minimalista y, gracias a ello, sigue todos los estándares de usabilidad.

Además de ser totalmente progresivo, de carga rápida y de alto rendimiento, Workopolis tiene una alta puntuación en la accesibilidad, las prácticas utilizadas para el desarrollo y el posicionamiento SEO.

«Logotipo Workopolis»- Google Imágenes

Twitter

En 2017, Twitter decidió realizar una PWA para rejuvenecer su tecnología y ofrecer un formato más rápido. La razón por la que se decidió llevar a cabo fue porque siempre había sido una aplicación pesada que necesitaba muchos recursos del móvil para funcionar correctamente. Sin embargo, sigue existiendo la app nativa para aquellos que quieran seguir usándola.

La organización, sabiendo el problema que ocurría, lanzó una versión más ligera para que los móviles menos potentes puedan soportarla y ejecutarla de forma correcta: Twitter lite. Esta aplicación web progresiva es todo lo que muchos usuarios de Twitter estaban esperando: carga videos e imágenes de forma rápida, se actualiza de manera veloz pero conserva la apariencia de la App Nativa.

«Logotipo Twitter»- Google Imágenes

2048

Este fantástico juego de concentración, táctica e inteligencia se puede disfrutar en una versión con mucho menos peso y que usa menos recursos. El hecho de que 2048 se pueda presentar en formato PWA ayuda, sobre todo, en el rendimiento de la batería. De este modo, se consume menos cantidad y tiene más durabilidad. Esta aplicación web progresiva es un excelente ejemplo de lo que se puede llegar a conseguir con esta nueva versión. El juego funciona exactamente igual que la versión nativa, es igual de fácil de usar para el usuario y la única diferencia es que no consume tanta cantidad de recursos.

«Logotipo 2048»- Google Imágenes

Umbrella

Umbrella es una web sobre meteorología en la que se pone la ubicación y hace un rastreo según las horas de la temperatura, humedad, nubes… Lo mejor de esta PWA es que el diseño creativo de esta aplicación no impide el rendimiento, es decir, tiene gran cantidad de contenido creativo y de objetos, pero no retarda el tiempo de carga. Como se puede ver en las puntuaciones, Umbrella es totalmente progresivo y tiene una gran puntuación en cuanto a su rendimiento.

«Logotipo Umbrella»- Google Imágenes

HighTide 

HighTide es una Aplicación Web Progresiva con un uso principalmente de los surferos. La web rastrea en qué momento y en qué lugar hay olas más altas o de mejor calidad para que todos los que deseen surfear tengan una buena experiencia. Al igual que Umbrella, esta aplicación web progresiva impresiona por su atractivo y colorido diseño. Sin embargo, el concepto de HighTide no es tan mundano: este PWA es un localizador inteligente de mareas para los aficionados al surf.

Aunque tiene gran puntuación según su progresividad, el rendimiento es un poco inferior a la media, lo que puede explicarse debido a que esta aplicación web necesita ser interactiva. A pesar de trabajar con datos de localización y tener una funcionalidad similar a la de Umbrella, HighTide es más lento y debería ser optimizado.

«Logotipo HighTide»- Google Imágenes

Spotify

Esta web es muy conocida debido al servicio que ofrece para poder escuchar música, podcasts o incluso vídeos de manera digital. Además, da acceso a millones de canciones y contenido de creadores a lo largo de todo el mundo.

Aunque no lo parezca, Spotify puede resultar unas PWA. Esta tiene un muy buen rendimiento y ocupa mucho menos espacio tanto en la pantalla de inicio del aparato como en el disco duro o en la memoria. Para instalar esta Aplicación Web Progresiva, solo es necesario acceder al link, pulsar el botón de instalar y, gracias a ello, la aplicación mostrará un acceso directo al escritorio.

«Logotipo Spotify»- Google Imágenes

A veces, nos centramos en instalar aplicaciones y más aplicaciones en el escritorio o en la página principal de los dispositivos y no somos consientes de que, la mayoría de las webs, tienen la opción y oportunidad de instalar la PWA. Además, si quieres conocer las ventajas de las aplicaciones web progresivas, te dejamos un artículo de Sirvelia para que te adentres en ello.

Presupuesto Online