Zum Hauptinhalt springen
Clinford Jordano Valencia
Alle Projekte
MobilWeb

Native Geräteanbindung in einem Web-Ablauf

Eigene React-Wrapper um native Brücken und eine robuste Scan-Zustandsmaschine, die die Abschlussraten auf den Plattformen erhöhten, auf denen die Standardbildschirme versagten.

Stack
React · React Native bridge · State machines

Das Problem

Das Auslesen eines Hardware-Chips über mehrere Anbieter, auf einer sehr großen Bandbreite an Telefonen und Netzen, führte zu schlechten Abschlussraten. Ein Browser kann nicht mit der Hardware sprechen, also lief alles über native App-Brücken, und die Standardbildschirme der Anbieter scheiterten lautlos, wenn die Nutzenden das Gerät bewegten.

Der Ansatz

  • Eigene React-Wrapper über den nativen Brücken, statt der Standardbildschirme der Anbieter. Unsere ergänzten visuelle Ausrichtungshilfen, haptische Hinweise, Fehlerbehebungsschleifen und die eigene Gestaltung.
  • Explizite asynchrone Zustandsmaschinen (scannen, lesen, prüfen) mit automatischen Wiederholungen, wenn die Verbindung abbricht.

Das Ergebnis

Die Abschlussraten stiegen deutlich auf den Plattformen und in den Märkten, in denen die Standardbildschirme Probleme hatten, und die Gesamtconversion verbesserte sich nach dem Rollout.