# Screens & States

A complete view of all screens the user may encounter during the **NFC Scan** experience. Each state includes a brief description and a direct link to its source in Figma.

***

## NFC Chip presence

The optional entry screen shown before the NFC scan begins. The user is asked whether the NFC chip symbol is visible on their passport cover. Selecting "Yes" moves them to the tutorial and scan flow. Selecting "No" routes them out of the NFC flow.


<Image src="https://files.readme.io/7ba2f504bf297297ec806bd3dda56590f8aee97d6b65db16898a9f8fa8592e87-screens-and-states-1.png" align="center" />


<br />

## Tutorial

The introduction screen that prepares the user to begin the NFC scan. The user is instructed to hold their phone close to the front cover of their passport. Tapping "Start scanning" initiates the scan session.


<Image src="https://files.readme.io/ddf8320f8cefcad8b608da13a7540062ffbb557395ecc2ac2aa45c804a2da240-screens-and-states-2.png" align="center" />


<br />

## Ready to scan

Shown once the scan session has started and the module is listening for the NFC chip. A bottom sheet appears with positioning guidance, prompting the user to hold the phone steady. A Cancel button is available if the user needs to exit the scan.


<Image src="https://files.readme.io/6cbfb54fd5bfc6d1016560563180b2a6b5cb23f231f53b859c8682bbef915572-screens-and-states-3.png" align="center" />


<br />

## Scanning

Shown while the module is actively reading the chip. A progress bar and "Hold still.." message keep the user informed. The bottom sheet updates to indicate that processing is in progress and the phone must not be moved.


<Image src="https://files.readme.io/df5b5d4f801dc1c6cd1f3e5b6536f05ba45e6bdff1c35d11029af0d5896e7df2-screens-and-states-5.png" align="center" />


<br />

## Successfully scanned

Shown when the chip has been read and the data is being finalized. The progress bar completes and the bottom sheet updates to confirm the scan was successful. The user is prompted to continue holding still until reading is finished.


<Image src="https://files.readme.io/b43a04ce8e67a20b72780998553b575dfbb3c4c6241a2469c7ad82f16bb15dd7-screens-and-states-4.png" align="center" />


<br />

## Identity verified

Shown when the identity has been successfully verified following the NFC scan. The user receives a clear visual confirmation with a green checkmark before the flow advances to the next step.


<Image src="https://files.readme.io/e3ecfc524c7c7a664ec634fb97bfc4447f38b90153ff215e2ef87770ae980bf4-screens-and-states-6.png" align="center" />


<br />

## Try again

Shown when the first scan attempt fails. The user is prompted to remove their passport from any folder or cover, then hold the phone close to the front cover again. A swipeable tip carousel provides additional guidance. Two actions are available: Help and Try again.


<Image src="https://files.readme.io/5fca4a0e2dbfa93a0dd5f90a2d6165f7b4921d5b66cc521cb409bd4d7cdc2dae-screens-and-states-7.png" align="center" />


<br />

## Common issues

Shown when the user taps "Help" from the Try Again screen. A list of the most frequent reasons a scan fails is displayed, including the passport being in a cover, the phone being too far from the document, the chip being on a different page, movement during scanning, and interference from a phone case. A single "Ok, try again" button returns the user to the scan flow.


<Image src="https://files.readme.io/438ef5eb73ec70faecdc30f4dac71737b19e092a40a671e712f9b60f6ad695ea-screens-and-states-8.png" align="center" />


<br />

## Unable to authenticate

Shown when the chip cannot be authenticated after all retry attempts are exhausted. The user is informed that the document chip could not be verified and is presented with a Continue button to proceed with the flow despite the failed NFC read.


<Image src="https://files.readme.io/37db3ec414ae3caa5f314e72d990323fc6f57232df585654442e1b3b34f6d1d6-screens-and-states-9.png" align="center" />


<br />