MobileWeb
Integrações com dispositivos nativos em um fluxo web
Wrappers de React sob medida em torno de pontes nativas e uma máquina de estados de escaneamento resiliente, que elevaram as taxas de conclusão nas plataformas em que as telas padrão falhavam.
- Stack
- React · React Native bridge · State machines
O problema
Ler um chip de hardware por meio de vários fornecedores, em uma gama muito ampla de telefones e redes, resultava em taxas de conclusão baixas. Um navegador não consegue falar com o hardware, então tudo passava por pontes de aplicativo nativas, e as telas padrão dos fornecedores falhavam em silêncio quando o usuário mexia no dispositivo.
A abordagem
- Wrappers de React sob medida sobre as pontes nativas, em vez das telas padrão dos fornecedores. Os nossos acrescentaram guias visuais de alinhamento, sinais hápticos, ciclos de recuperação de erros e a nossa própria identidade visual.
- Máquinas de estados assíncronas explícitas (escaneando, lendo, verificando) com novas tentativas automáticas quando a conexão cai.
O resultado
As taxas de conclusão subiram de forma clara nas plataformas e nos mercados em que as telas padrão tinham dificuldade, e a conversão geral melhorou após o lançamento.