Product Scanning

Objective

Define the minimum requirements for the flow of scanning physical products using the device camera to read barcodes, automatically navigating to the product detail screen and enabling the addition to the shopping cart.

Insights

• The scanner UI must follow best practices in contrast, lighting, and user safety (e.g., no intrusive auto-flash).

• The system should be optimized for various lighting conditions and device camera capabilities.

• The time between scanning and redirection must not exceed 2 seconds under normal conditions.

---

---

Access to Scanner

01 - Scanner icon

Must be positioned next to the search field on the home screen. It should use a standard icon (barcode reader or camera) and be easily tappable.

Mandatory:

The scanner button must be clearly visible and accessible without scrolling.

Recommended:

Display a brief animation or visual highlight upon tap to indicate camera activation.

---

Scanning Interface

02 - Scan frame

Must include a clearly defined area for barcode alignment. The camera must open automatically and maintain continuous focus.

03 - “Cancel” button

Must be fixed at the bottom of the screen, closing the scanner immediately and returning to the catalog view.

Mandatory:

Upon barcode recognition, the system must automatically redirect to the corresponding product page.

Recommended:

If the code is not recognized, show a clear message: “Code not recognized. Please try again.”

---

Redirection to Product Detail Page

04 - Product detail screen

Must be displayed immediately after a successful scan. The screen must show full product information:

• Name

• Price

• Stock

• Description).

Mandatory:

The “Add to cart” button must be available to allow seamless continuation of the shopping flow.

Recommended:

Display visual feedback (e.g., confirmation toast or mini popup) when adding the product via scanner.

---

Mandatory Messages

• When the product is not found:

  Product not identified. Please check the barcode or search manually.

• When scan fails:

  Unable to read barcode. Adjust focus or try again.

Expected Behaviors

• The camera must activate with a one-time permission per session or as required by the OS privacy policy.

• After successful scan, the scanner view must close automatically and redirect to the product screen.

• The “Cancel” button must exit the scanning flow immediately, without errors or delay.

• The system must correctly map duplicate codes, variants, or equivalents (SKU/GTIN).