Skip to content

Improve QR scanner feedback, recovery, and verification experience #213

Description

@Lakes41

Difficulty: Intermediate
Type: UI/UX

Background

GuildPass Mobile provides QR code scanning for Guild Pass verification. Event entry often depends on scanning being quick and reliable, yet scanner failures caused by poor lighting, invalid QR codes, camera permissions, or temporary network delays currently provide limited guidance to users.

Improving the verification experience will reduce failed scans and make the application more reliable during live events.

Problem

The scanner provides little feedback about why verification failed or how users can recover. In many cases users must manually retry the process without understanding whether the issue was caused by the camera, connectivity, or the QR code itself.

Expected outcome

Create a more resilient scanning experience that clearly communicates scanner status, verification progress, and failure reasons while minimizing unnecessary user interaction.

Suggested implementation

  1. Categorize scanner failures (camera unavailable, permission denied, unreadable QR code, unsupported format, network timeout, verification failure).
  2. Display contextual error messages with recovery guidance.
  3. Add a verification loading state while server validation is in progress.
  4. Automatically reset the scanner after recoverable failures instead of requiring users to reopen the scanning screen.
  5. Improve camera permission handling and provide instructions when access has been permanently denied.
  6. Add visual success and failure animations to improve user confidence during verification.

Acceptance criteria

  • Invalid QR codes produce descriptive error messages.
  • Camera permission failures include recovery instructions.
  • Recoverable scan failures automatically restart scanning.
  • Verification progress is clearly communicated.
  • Existing successful verification behavior remains unchanged.

Likely affected files/directories

src/features/scanner/, src/components/, src/screens/, src/navigation/, src/hooks/

Metadata

Metadata

Assignees

Labels

GrantFox OSSGrantFox Open Source Sponsorship program tagMaybe RewardedIssue may qualify for a reward upon successful completion per campaign rulesOfficial Campaign | FWC26Official FWC26 campaign issue — eligible for campaign scoring and rewardsenhancementImprovement or extension to existing project functionality, architecture, or developer experienceqrAutomatically createduiui

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions