Reddit PWA: cómo las principales redes sociales utilizan la aplicación web

La adopción de nuevas tecnologías es una parte inevitable de la innovación y el crecimiento de los negocios en línea. En general, las grandes empresas pueden experimentar fácilmente los últimos dispositivos, mejorando la satisfacción del cliente y destacándose de la competencia. PWA será la próxima gran novedad, adoptada por numerosas marcas gigantes como Reddit PWA, Facebook PWA y Alibaba PWA.

Dicho esto, PWA se considera el nuevo estándar para los sitios web modernos y un jugador prometedor para reemplazar las aplicaciones nativas. Sin embargo, es increíblemente asequible para las empresas pequeñas y emergentes. En el estudio de caso de hoy, nos sumergiremos de cabeza en Reddit PWA y veremos cómo este popular sitio de redes sociales aprovecha PWA.

Una descripción general de Reddit

Reddit fue fundado en 2005 por Steve Huffman y Alexis Ohanian de la Universidad de Virginia. Su nombre fue un ajuste en la respuesta "Lo leí" cuando otros quieren compartir una historia.

Es una plataforma masiva donde los usuarios pueden enviar publicaciones bajo varios tipos de contenido, a saber, noticias sociales, foros de discusión, contenido web o una red reunida. Es parte de lo que hace que Reddit sea popular, siendo la fuente acumulada de discusiones de conocimiento en casi cualquier campo de aprendizaje.

Además, Reddit permite que las personas permanezcan en el anonimato al hacer cualquier pregunta, lo que da lugar a una experiencia abierta y emocionante para navegar a través de cualquier información que sus cerebros anhelan.

Las publicaciones de Reddit están determinadas por la comunidad. Una publicación o subreddit solo se puede mover hacia arriba si los usuarios la votan en función de cómo la consideran útil. De esta forma, se puede reducir el spam o la información dañina y engañosa.

Sus principales audiencias objetivo son estudiantes universitarios, becarios expertos en Internet y defensores de las redes sociales entre 18 y 29 años. Ocuparon el puesto 10 entre las redes sociales más populares de EE. UU. con casi 48 millones de usuarios activos mensuales y más de 430 millones de usuarios activos mensuales en todo el mundo.

Cómo la integración de PWA ayuda a las marcas a impulsar los logros

Acelerando la experiencia del usuario

Muchas marcas acuden a PWA para aumentar la velocidad de carga de sus aplicaciones. Tomemos como ejemplo el caso de Uber PWA. Sabiendo que sus clientes (la mayor parte del tiempo) usan Uber con prisa, crearon una pequeña pero poderosa PWA de Uber que puede cargarse en 3 segundos, incluso con conexiones tan lentas como 2G.

Acelerar el viaje del usuario reducirá la tasa de rebote y, por lo tanto, aumentará la tasa de conversión potencial. Hoy en día, las personas a menudo consideran que las páginas de carga lenta están viendo una película molesta que abandonarían en cualquier momento.

Walmart también calculó que con solo una mejora de 1 segundo en el tiempo de carga, la tasa de conversión ya aumentó en un 2%.

Aumente el valor del cliente

PWA no solo puede ayudarlo a mejorar la carga de la primera página, sino que también crea transiciones fluidas entre páginas y elementos. En otras palabras, la experiencia del usuario en el sitio también será agradable.

Para las tiendas de comercio electrónico y los mercados, cuanto más tiempo permanezcan los clientes en las páginas, mejor implica que están interesados ​​en los artículos ofrecidos. Al mismo tiempo, aquellos que tienden a comprar al por mayor encuentran que el viaje de compras es fácil y rápido.

PWA puede habilitar notificaciones automáticas en momentos cruciales, y así volver a conectarse con usuarios frecuentes para participar, lo que genera más valor para los negocios en línea.

Desenfocar la distancia en línea – fuera de línea

Con la capacidad de trabajar sin conexión, PWA permite a los usuarios continuar su viaje en línea inconcluso sobre la marcha navegando a través de sus páginas cargadas.

También pueden realizar cambios en el contenido, y todo se guardará en segundo plano para una sincronización más cercana cuando se vuelva a aplicar la conexión.

Todos los dispositivos actúan igual

Las pequeñas empresas pueden asignar presupuestos para otras inversiones esenciales mientras ahorran costos en la integración de PWA.

Tener que crear una aplicación rápida solo para cualquier dispositivo puede mantener un rendimiento constante en toda la presencia en línea y maximizar el tiempo y los recursos para atraer y adquirir clientes.

Así es como las empresas en crecimiento pueden aumentar sus ingresos de manera eficiente.

Desafíos de Reddit antes de la integración de PWA

Reddit siempre ha querido una solución para alentar a sus usuarios a usar la aplicación, especialmente a través del escritorio. Habían estado buscando una manera de hacer que sus usuarios cambiaran a las aplicaciones casi sin esfuerzo.

Los datos muestran que uno de los principales inconvenientes de usar aplicaciones es consumir demasiado almacenamiento. Por el contrario, una instalación de PWA requiere menos de 1 MB.

Además, el proceso de descarga de Reddit se considera una pérdida de tiempo debido a su voluminosa cantidad. Algunos hilos de Reddit dijeron que era sorprendente no ver a Reddit trabajando en PWA antes y optimizando las funcionalidades.

Los resultados de Reddit PWA

Sobre el diseño

Aunque PWA conserva la misma apariencia en todas las plataformas, cada navegador lo admite de manera diferente. El menú de tres puntos simplifica la instalación o desinstalación de PWA desde la web con Chrome en lugar de Microsoft Edge.

Los letreros emergentes como "Instalar aplicación en la pantalla de inicio" se consideran fáciles de usar y imprescindibles para que los visitantes se animen a usar las aplicaciones.

Acerca de la función

• La velocidad de carga: eficientemente rápida y suave
• La transición entre páginas y elementos: elementos de aparición instantánea sin problemas y con capacidad de respuesta
• La facilidad de navegación: diseño de contenido desplegable típico con efectos de desplazamiento posteriores a la expansión, familiar, intuitivo y sin esfuerzo
• El nivel de compromiso con cada interacción: es satisfactorio en general. La forma en que aparece el logotipo de Reddit para que el contenido que se está cargando aparezca más tarde instantáneamente hace que parezca que el sitio funciona más rápido.

¿Cómo construir una PWA como Reddit?

Consejos con Reddit PWA

Asegúrese de cubrir los requisitos básicos de PWA. Debe comenzar rápido pero también mantenerse rápido durante todo el recorrido del usuario. Reddit PWA muestra una velocidad vertiginosa desde la primera carga, y todo el contenido aparece instantáneamente a medida que se desplaza, lo que garantiza una experiencia de usuario receptiva.

Exclusivamente en iOS, Apple no admite las funciones de reactivación, como los mensajes emergentes y las notificaciones para la instalación de PWA.

Si desea practicar el desarrollo avanzado para una funcionalidad óptima, sepa que las PWA se crean según las mejores prácticas y las API web modernas. Estos se pueden aplicar para trabajar de forma independiente o en combinación, según las prioridades de su negocio y las demandas específicas.

Reddit PWA se centró en mejorar la velocidad primero, todo lo demás sigue. Es como decir: "Oye, mira lo bien que funciona nuestra aplicación móvil, imagina lo que obtendrás si descargas la aplicación". Tenga en cuenta que después de que los visitantes se desplazan, Reddit habilita las flexiones para alentar a los usuarios a cambiar a la aplicación.

Para alinear el aspecto moderno de su sitio web y desbloquear su PWA en todo su potencial, Google recomienda priorizar la estrategia ágil, que consiste en lanzar característica por característica y ver si la combinación funciona para usted.

Este punto de vista le permite seguir la respuesta del mercado paso a paso. El análisis de los datos rastreados puede indicar qué funciones les gusta usar más a los usuarios y qué no les aporta valor.

Estas entradas son esenciales para que los diseñadores y desarrolladores web hagan los ajustes correspondientes. Mantén el proceso de prueba y error hasta que ejecutes los correctos que te ayuden a aumentar el dinero extra generado por PWA.

Una introducción simplificada al desarrollo de PWA

configurando

Cree el directorio de la aplicación y complete los subdirectorios js, CSS e imágenes aquí.

Escribir el marcado para la interfaz de la aplicación

En este paso, la PWA debería poder mostrar contenido, ya sea que JavaScript esté deshabilitado o no. De esta manera, los usuarios no se enfrentarán a una página en blanco inquietante cada vez que la conexión esté desconectada o retrasada.

En cambio, todas las interacciones deben responder y mostrarse correctamente en una amplia gama de pantallas. Esto requiere tener en cuenta la orientación móvil.

Probando la aplicación

Tan pronto como tenga algo en marcha en el navegador, puede probarlo con Lighthouse de Google para ver qué tan bien funciona con los estándares de PWA.

Presione F12 para abrir el panel de desarrolladores de Chrome en su sitio público, busque la pestaña de auditorías y haga clic en Lighthouse.

un trabajador de servicio

Al ser un script web relativamente independiente que se ejecuta en segundo plano además de la interacción del usuario, esta poderosa capacidad permite que PWA intercepte solicitudes de red, habilite el almacenamiento en caché local y más.

Un manifiesto de aplicación

Se requiere un manifiesto de la aplicación con un trabajador de servicio para determinar cómo se verá y se comportará su PWA en la pantalla de inicio. Puede configurar el nombre, el icono, el color del tema y la orientación de la aplicación.

Envolver

El código está completo hasta esta fase, pero debe cargar la aplicación en un servidor web. Esto permitiría que su PWA opere bajo la seguridad de HTTPS.

Desarrollo de PWA premium para comercio electrónico por Tigren

nuestra experiencia

Como proveedor profesional de servicios de Magento con una década de antigüedad, Tigren es ahora una de las principales agencias de subcontratación a nivel mundial.

Todo comenzó con un pequeño equipo de desarrolladores altamente capacitados, hábiles y dedicados que se esfuerzan por lograr los objetivos de nuestros clientes. Hasta el día de hoy, hemos ejecutado más de 1000 proyectos para más de 800 PYMES globales.

Con sede en Vietnam, esperamos ayudar a tantos aspirantes a empresarios con los proyectos de comercio electrónico Magento de clase mundial que se merecen, pero a precios razonables y asequibles, como sea posible.

Nuestros servicios

Somos la agencia especializada en Magento que tiene como objetivo brindar soluciones de crecimiento sostenible a las PYMES. Con PWA, brindamos 2 servicios premium de la siguiente manera:

• Desarrollo de aplicaciones web progresivas personalizadas
• Plantilla premium Tigren PWA

Conclusiones clave

El PWA es la combinación perfecta de aplicaciones nativas y sitios web regulares que brinda valor real a los usuarios finales.

Los expertos predicen que será la próxima gran novedad en el mundo digital, especialmente en el comercio electrónico. Con suerte, al aprender este estudio de caso de Reddit PWA, obtendrá una idea de cómo innovar un sitio que ayude a sus clientes y tal vez convertirse en uno de los primeros en adoptar PWA.