Salta al contenuto principale
Clinford Jordano Valencia
Tutti i progetti
MobileWeb

Integrazioni con dispositivi nativi in un flusso web

Wrapper React su misura attorno ai bridge nativi e una macchina a stati di scansione resiliente, che hanno aumentato i tassi di completamento sulle piattaforme in cui le schermate standard fallivano.

Stack
React · React Native bridge · State machines

Il problema

Leggere un chip hardware tramite più fornitori, su una gamma molto ampia di telefoni e reti, dava tassi di completamento bassi. Un browser non può parlare con l’hardware, quindi tutto passava per bridge nativi dell’app, e le schermate standard dei fornitori fallivano in silenzio quando l’utente spostava il dispositivo.

L’approccio

  • Wrapper React su misura sopra i bridge nativi, al posto delle schermate standard dei fornitori. I nostri aggiungevano guide visive di allineamento, segnali aptici, cicli di recupero degli errori e un’identità visiva propria.
  • Macchine a stati asincrone esplicite (scansione, lettura, verifica) con nuovi tentativi automatici quando la connessione cade.

Il risultato

I tassi di completamento sono saliti in modo netto sulle piattaforme e nei mercati in cui le schermate standard faticavano, e la conversione complessiva è migliorata dopo il rilascio.