User Interface Overview

Shoppis features an intuitive interface designed for quick access to all your shopping tools. This guide will help you navigate the app efficiently and discover all the features at your fingertips.

Main Navigation

The main navigation in Shoppis is designed for one-handed use and quick access to essential features:

• Bottom Tab Bar: The primary navigation includes:
  • Lists: Access all your shopping lists
  • Scanner: Quick access to barcode scanning
  • Voice: Voice command center
  • Insights: Budget tracking and analytics
  • Profile: Account settings and preferences
• Top Header: Contains search, notifications, and context-specific actions
• Floating Action Button: Quick add button that adapts based on your current screen

Home Screen

Your home screen provides a personalized dashboard with quick access to your most important information:

• Active Lists: Your current shopping lists with item counts and last updated times
• Quick Actions: One-tap access to create new lists, scan barcodes, or use voice commands
• Smart Suggestions: AI-powered recommendations based on your shopping patterns
• Budget Overview: Current spending status and budget alerts
• Recent Activity: Your latest purchases and list updates
• Deals & Offers: Personalized discounts and student offers (if applicable)

Shoppis's clean interface puts all essential features within easy reach.

List Interface

The list interface is where you'll spend most of your time in Shoppis. It's optimized for both creating and using lists:

• List Header: Shows list name, item count, estimated total, and sharing status
• Add Item Bar: Type, speak, or scan to add items quickly
• Category Sections: Items automatically organized by category (produce, dairy, etc.)
• Item Cards: Each item shows name, quantity, estimated price, and quick actions
• Check-off System: Tap items to mark as purchased - they move to a "completed" section
• Swipe Actions: Swipe left or right on items for quick edit, delete, or duplicate actions

Voice Controls

Voice control is one of Shoppis's standout features, accessible from anywhere in the app:

• Voice Button: Large microphone icon available on most screens
• Always Listening Mode: Optional hands-free mode that responds to "Hey Shoppis"
• Visual Feedback: Real-time transcription shows what Shoppis is hearing
• Command Suggestions: Helpful prompts show you what you can say
• Multi-language Support: Voice recognition works in multiple languages

Common voice commands include:

• "Add [item] to my [list name]"
• "Create a new list called [name]"
• "How much have I spent this month?"
• "Show me my grocery list"
• "Mark [item] as purchased"

Scanner Interface

The barcode scanner provides instant product recognition and addition to your lists:

• Camera View: Full-screen camera with scanning overlay
• Auto-focus: Automatic focusing on barcodes for quick scanning
• Product Preview: Shows product information before adding to list
• Batch Scanning: Scan multiple items in succession
• Manual Entry: Option to type barcode numbers if scanning isn't working
• History: Recently scanned items for quick re-adding

Settings Menu

The settings menu allows you to customize Shoppis to match your preferences:

• Account Settings: Profile information, password, and account management
• Preferences: Default list settings, currency, measurement units
• Privacy & Security: Data controls, sharing permissions, and security options
• Notifications: Customize alerts, reminders, and notification timing
• Voice Settings: Language, sensitivity, and voice command preferences
• Display: Theme selection, text size, and accessibility options
• Data & Sync: Backup settings, sync preferences, and data export
• Help & Support: Tutorials, FAQ, and contact information

Take some time to explore the settings menu to personalize your Shoppis experience. The app works great with default settings, but customization can make it even more efficient for your specific needs.