Updated: February 1, 2022

AR Annotations

Intro

AR Annotations components are designed for exploring objects in a facility. They can be used to explore a warehouse, machinery, or a business object to enhance the user experience by leveraging augmented reality.

Examples of a scan screen (left), pulsing marker (middle) and selected marker (right)
Examples of a scan screen (left), pulsing marker (middle) and selected marker (right)

Anatomy

AR Scanner

To view annotations in the world view, the user can begin by scanning an image in a facility or an object using their phone. Refer AR Scanner for more details.

A: Coaching View

B: Scanning View

C: Matched Scan View

Coaching view (left), scanning view (middle) and matched scan view (right)
Coaching view (left), scanning view (middle) and matched scan view (right)

AR Marker

AR Markers typically represent a business object in a facility. Each marker type has a default and selected state. A connector line to the AR card appears when the user taps on a marker with a pulse animation of the marker.

D: Default Marker

E: Marker Pulse

F: Marker Connector

Default marker (left) and pulsing marker with connector (right)
Default marker (left) and pulsing marker with connector (right)

AR Cards

When a user selects a marker, a card will slide in from the left to reveal additional information. This card will display information about the selected business object. The AR Cards appears in the screen view. 

G: AR Card

Selected marker with AR card
Selected marker with AR card

Behavior and Interaction

AR Annotations flow consists of 3 main interactions, to understand each interaction in detail view AR Scanner, AR Makers, and AR Cards.

Scanning

After an image is successfully scanned, AR makers will appear in default state on the screen in the world view.

Markers

When a user taps on a marker, swipe cards, or tap on a card, the marker will display pulse animation with a connector connecting to the card.

Card Detail

Once the user selects a marker the respective card will slide in from the left to the focused state showing relevant information about the object. The user can tap on the card to view more detail about the content. The detail panel will slide in from the bottom.

AR annotations flow with coaching, scanning and matched scan view
AR annotations flow with coaching, scanning and matched scan view

Resources

Related Components: AR Cards, AR Markers, AR Scanners