Skip to main content

Navigation Buttons

There are 5 buttons on the top navigation panel for storers, providing comprehensive access to platform features and tools. From left to right:

Top Navigation Panel (Left to Right)​

1. Aggregated QR Codes​

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

Features Available:​

  • QR Code Display - Find the aggregated QR code to show to waste managers
  • 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, storers can swipe through each one
  • Sequential Browsing - Easy navigation between different aggregates
  • Detailed View - Each aggregate shows complete information for waste manager 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. Notification Icon​

The notification icon has two distinct statuses providing comprehensive notification management.

Notification Status Indicators:​

Unread Status

  • Badge Display - Shows the number of unread notifications
  • Visual Alert - Clear indication of pending notifications
  • Attention Management - Easy identification of items requiring action

Read Status

  • No Badges - Clean interface when all notifications are read
  • Status Clarity - Clear indication of current notification state

Notification Management:​

When the user clicks the notification icon, they see the list of unread and read notifications.

Notification Organization:

  • Complete List - All notifications displayed when all are unread
  • Smart Grouping - Unread notifications are grouped and shown on top
  • Enhanced Usability - Makes it easier to find notifications that need attention
  • Priority Display - Most important notifications highlighted first

4. Settings Icon​

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

Available Settings:​

  • Display Preferences - Theme, layout, and visual customization
  • Operational Settings - Workflow and process preferences
  • Notification Management - Alert frequency and type configuration
  • Account Preferences - Personal account customization options

5. Profile Icon​

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

Profile Features:​

  • Account Information - View and edit personal and company details
  • Performance Metrics - Access to ratings and performance data
  • Security Settings - Password and account security management
  • Logout Option - Secure sign-out from the platform

Left Navigation Panel​

The storers have two types of views on the left navigation panel providing flexible interface management:

1. Collapsed View​

Space-Efficient Display:

  • Icon-Only Display - Shows only icons, taking less space
  • Minimal Interface - Maximizes main content area
  • Quick Recognition - Familiar icons for rapid navigation
  • Screen Optimization - Ideal for smaller screens or focused work

Expansion Control:

  • Arrow Button - Click to expand the navigation panel
  • Quick Toggle - Instant switching between views
  • User Control - Personal preference management

2. Expanded View​

Complete Information Display:

  • Full Labels - Complete text labels with icons
  • Detailed Navigation - Comprehensive menu options
  • Enhanced Usability - Clear description of all features
  • Full Functionality - Access to all navigation options

Collapse Control:

  • Arrow Button - Click to collapse the navigation panel
  • Space Management - Optimize screen real estate as needed
  • Flexible Usage - Adapt interface to current task requirements

Dashboard Access:

  • Primary Dashboard - Return to main storer dashboard
  • Quick Overview - Access summary of current activities and operations

Mission Management:

  • Mission List - View list of missions the storer participates in
  • Mission Filter - Show only missions relevant to the storer
  • Participation History - Access past mission involvement

Efficient Platform Usage​

Quick Access Strategies:

  • Top Navigation - Use for frequently accessed features and settings
  • Left Panel - Leverage for mission-specific activities and dashboard access
  • View Management - Switch between collapsed/expanded based on task needs

Visual Organization:

  • Notification Management - Monitor badge indicators for important updates
  • Status Indicators - Use visual cues to understand current states
  • Progress Tracking - Navigate based on operational status and priorities

Accessibility Features​

Universal Design:

  • Large Touch Targets - Easy navigation for all users
  • High Contrast - Clear visual distinction between navigation elements
  • Flexible Layout - Adaptable interface for different screen sizes
  • Intuitive Icons - Recognizable symbols for quick identification

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

Operational Efficiency​

Workflow Integration:

  • Contextual Navigation - Access relevant features based on current activity
  • Quick Actions - Immediate access to frequently used functions
  • Status Awareness - Navigation reflects current operational state
  • Performance Tracking - Monitor activities through navigation indicators

Customization Options:

  • Personal Preferences - Adapt navigation to individual work patterns
  • Operational Needs - Configure interface for specific storer requirements
  • Efficiency Optimization - Streamline navigation for common tasks

The navigation system is designed to provide comprehensive access to all platform features while maintaining operational efficiency and user-friendly interface management for storers.