• Provide a clear and concise message prompting the user to scan the referenced image. For example, utilize an image overlay to preview the image that must be scanned. 
• Use the different states of the scanner to provide feedback on whether the device detected the image. 

Don’t include lengthy messages when prompting the user to scan the referenced image. 

Coaching View

The coaching view overlays on top of the world view, providing users with guidance on how the AR scanner works. 

A. Exit Button
The exit button lets users return to the previous application screen from the AR scanner. 

B. Reference Anchor
The reference anchor shows the user what image to look for and scan. 

C. Instruction Text
The instruction text details steps the user needs to take to complete the AR scanner process and move to the main AR experience. 

D. Primary Button
The primary button prompts users to start scanning. 

Scanning View

E. Scan Guide

The scan guide allows the user to align the camera view target to be scanned and matched. 

F. Marker Pulse

The image anchor shows a preview of what image or object to look for, and users can tap to open the coaching view again. 

Matched Scan View

G. Matched Scan Indicator

The matched scan indicator shows that the camera view target has been scanned and matched.

Scanning to Match

Once the scanning begins, the user will look for the anchor image’s real representation in the world space and align with the scan guides. 

When a user recognizes the image or the object: 

1. The scan guide fades out.
2. The match scan indicator fades in, anchored to said image or object in the world space. 
3. The AR experience loads in, for example, displaying the AR annotations. 

Development: ArSceneRepository, navigation_ar_stickers_edit_mode

SAP Fiori for iOS: AR Scanner