Skip to main content

Navigation Buttons

There are 4 buttons on the top navigation panel for consumers, providing access to key platform features and settings.

Top Navigation Panel (Left to Right)​

1. Aggregated QR Codes​

This button provides access to all aggregated QRs that consumers have generated from their collected items or pouches.

Features Available:​

  • QR Code Display - Find the aggregated QR code to show to storers
  • Aggregate Details - View comprehensive information about each aggregate:
    • Mission title associated with the aggregate
    • Aggregation date of the QR code currently in view
    • Mission remaining days until completion
    • Number of items or pouches included in this aggregated QR
  • Multiple QR Codes - If there are more than one aggregated QR codes, consumers can swipe through each one
  • Sequential Browsing - Easy navigation between different aggregates
  • Detailed View - Each aggregate shows complete information for storer handoff

2. Language Selector Icon​

The language selector allows users to switch between supported languages.

Supported Languages:​

  • English - Default platform language
  • Arabic - Right-to-left text support
  • German - European language option

Language Features:​

  • Real-time Switching - Language changes apply immediately
  • Complete Translation - All interface elements update to selected language
  • Persistent Setting - Language preference saved across sessions

3. Settings Icon​

The settings icon provides access to platform customization options according to user needs.

Available Settings:​

Display Options:

  • Dark Mode/Light Mode - Switch between dark and light themes
  • Text Direction and Layout - Adjust text orientation and interface layout
  • Font Size - Customize text size for accessibility
  • Color Contrast - Adjust visual contrast for better readability

Functionality Settings:

  • Notification Preferences - Configure alert types and frequency
  • Privacy Controls - Manage data sharing and visibility settings
  • Location Services - Control GPS and location-based features
  • Camera Settings - Adjust scanning sensitivity and preferences

4. Profile Icon​

The profile icon provides access to personal account details and platform logout functionality.

Profile Features:​

  • Account Information - View and edit personal details
  • Profile Picture - Update profile photo
  • Account Security - Password and security settings
  • Usage Statistics - Personal recycling metrics and achievements
  • Logout Option - Secure sign-out from the platform

Left Navigation Panel​

Dashboard Access:

  • Home Dashboard - Return to main consumer dashboard
  • Quick Overview - Access summary of current activities and progress

Mission Management:

  • My Missions - View list of missions you are participating in
  • Mission Filter - Show only missions you have joined
  • Participation History - Access past mission involvement

Dynamic Updates:

  • Real-time Status - Navigation reflects current mission status
  • Badge Notifications - Visual indicators for new content or updates
  • Quick Access - One-click navigation to frequently used features

Personalization:

  • Customizable Layout - Arrange navigation elements based on preferences
  • Shortcut Creation - Quick access to frequently used features
  • Usage Analytics - Platform learns from navigation patterns

Efficient Platform Usage​

Quick Access Strategies:

  • Frequent Functions - Use top navigation for regularly accessed features
  • Mission Navigation - Leverage left panel for mission-specific activities
  • Settings Management - Customize interface for optimal personal experience

Visual Organization:

  • Badge System - Monitor notification badges for important updates
  • Status Indicators - Use visual cues to understand current states
  • Progress Tracking - Navigate based on mission and collection progress

Accessibility Features​

Universal Design:

  • Large Touch Targets - Easy navigation for all users
  • High Contrast - Clear visual distinction between navigation elements
  • Voice Navigation - Audio support for navigation commands
  • Screen Reader Support - Compatible with accessibility tools

Multi-language Support:

  • Cultural Adaptation - Navigation adjusts to language-specific conventions
  • Text Direction - Proper layout for right-to-left languages
  • Regional Preferences - Localized navigation patterns and expectations

The navigation system is designed to provide intuitive access to all platform features while maintaining consistency across different user workflows and language preferences.