Manual Checkout

Objective

Establish the minimum requirements for the manual checkout flow, enabling sellers to input transaction amounts, select a payment method, and complete the operation via NFC (Tap to Pay), with clarity, security, and efficiency.

Insights

• The flow must comply with PCI MPoC standards for proximity payments.

• NFC interaction must be tested across multiple device types (POS terminals and smartphones).

• The delay between payment method selection and NFC detection must not exceed 5 seconds, except in justified technical scenarios.

---

Accessing the Checkout Flow

01 - “Charge” icon in bottom navigation

Must always be visible as a main navigation item. When selected, it must open the amount input screen.

Mandatory:

The charge/checkout flow must be accessible from anywhere in the app and have visual emphasis equal to cart or catalog entries.

Recommended:

Show active focus feedback when the icon is tapped.

---

Entering the Checkout Amount

02 - Amount input field

Must be centered, with readable font and active cursor. Only valid numeric input should be accepted.

03 - Quick amount suggestions

Predefined values (e.g., R$ 50, R$ 85) must be visible and tappable

04 - Custom numeric keypad

Must be in-app (not system default), with large, responsive buttons.

Mandatory:

The “Continue” button must remain disabled until a value greater than zero is entered.

Recommended:

Automatically apply currency formatting while typing (e.g., 12200 → 122.00).

---

Selecting Payment Method

05 - Payment method modal

Must include at least the following:

• Tap to Pay

• Pix

• Payment Link Order may vary, but Tap to Pay must be clearly visible and accessible.

Mandatory:

Selection must be clear, with both icon and label, following accessibility standards.

Recommended:

Remember the last selected payment method for faster reuse.

---

Tap to Pay Definition

06 - Credit/Debit selection

User must select between “Credit” or “Debit”, with clear visual indicatio

07 - Installment options (if applicable)

If “Credit” is selected, show available installments with per-installment value and total

08 - “Continue” button

Only enabled after selecting both payment type and number of installments (if required)

Mandatory:

Payment options must comply with card network and terminal rules.

Recommended:

Show a summary of the selected options before moving to the final checkout screen.

---

Checkout via NFC

NFC prompt screen

Must show final amount and payment type (e.g., “Credit – one-time”) with clear illustration of card or phone proximity gesture.

Mandatory:

The system must wait for NFC proximity and process payment automatically upon detection

Recommended:

Provide visual feedback (e.g., animation, sound, vibration) upon successful detection and completion.

---

Mandatory Messages

• When no amount is entered:

  Please enter an amount to continue.

• When NFC is not detected:

  No contact detected. Please adjust the positioning and try again.

Expected Behaviors

• The full flow must be concise (maximum 5 steps before payment).

• All values and options must be clearly visible at every step.

• The user must be able to correct inputs before final confirmation.