Ir al contenido principal
Clinford Jordano Valencia
Todos los proyectos
MóvilWeb

Integraciones de dispositivos nativos en un flujo web

Envoltorios de React a medida sobre puentes nativos y una máquina de estados de escaneo resistente, que mejoraron las tasas de finalización en las plataformas donde las pantallas estándar fallaban.

Stack
React · React Native bridge · State machines

El problema

Leer un chip de hardware a través de varios proveedores, en una gama muy amplia de teléfonos y redes, daba tasas de finalización bajas. Un navegador no puede hablar con el hardware, así que todo pasaba por puentes de aplicación nativos, y las pantallas estándar de los proveedores fallaban en silencio cuando el usuario movía el dispositivo.

El enfoque

  • Envoltorios de React a medida sobre los puentes nativos, en lugar de las pantallas estándar de los proveedores. Los nuestros añadían guías visuales de alineación, señales hápticas, bucles de recuperación de errores y nuestra propia identidad visual.
  • Máquinas de estados asíncronas explícitas (escaneando, leyendo, verificando) con reintentos automáticos cuando se corta la conexión.

El resultado

Las tasas de finalización subieron con claridad en las plataformas y los mercados donde las pantallas estándar tenían problemas, y la conversión global mejoró tras el despliegue.