The OCR Scanner comes within a full-screen modal that includes a navigation bar, scan window, alignment guide.
A. Navigation Bar
The navigation bar is composed of a “Cancel” button, title, and the flash icon.
B. Scan Window
The scan window occupies the rest of the screen with a gray overlay.
C. Alignment Guide
The alignment guide provides guidance to the user when pointing the camera to text. It can be configured to the form of the object that the user is aligning to.
The interaction of the OCR Scanner consists of four steps.
The scanner is usually launched from tapping on the camera icon in a text field.
The scanner launches in a modal with a navigation bar and alignment box. The user may start aligning the object in the box.
As soon as text is recognized by the scanner, a line of text appears as feedback to the user displaying what the scanner has picked up.
The scanner dismisses automatically and returns to the form with scanned text in the text field.