1.
Splash Screen
• App logo and branding
• Loading animation (optional)
2. Authentication & Onboarding
• Login / Signup Page
• Email/Password login
• Social media login (Google, Facebook, etc.)
• Forgot Password Page
• Signup Page (if separate from login)
• User registration (email, password, etc.)
• Welcome/Onboarding Screens
• App introduction/tutorial for new users (optional)
3. Home Screen / Dashboard
• Overview of app features
• Navigation menu (drawer or bottom tab navigation)
• Main Action Button(s)
• Primary action button (e.g., 'Start', 'Track', etc.)
• Quick Access Buttons
• Access to key features or pages (e.g., ‘Settings,’ ‘Profile,’ ‘Notifications’)
• Content Feed (if relevant to the app)
• Search Bar (if applicable)
4. Navigation Pages
• Side Drawer / Bottom Navigation Bar
• Home, Settings, Profile, Notifications, etc.
• Option for logout
• Sub-navigation (if needed)
• Filters or categories for easy access
5. Profile / Account Settings
• Profile Page
• User info (name, profile picture, etc.)
• Edit profile button
• Account Settings
• Manage notifications
• Change password
• Language/region settings
• Privacy settings
• Logout button
6. Content Pages / Feature Screens
• Main Feature Pages (specific to the app, e.g., trip tracking, music controls, etc.)
• List/Overview (e.g., list of trips, music playlist)
• Detail Pages (e.g., specific trip details)
• Action Buttons (e.g., 'Start Trip', 'Add New Item', 'Play', 'Pause')
• Tabs or Segments to divide content (if necessary)
• Map View (if relevant to your app)
• Show routes, locations, or points of interest
• Navigation controls (zoom, directions)
• Data Entry Screens (for adding new content like expenses, trips, etc.)
• Text fields
• Date pickers
• Number inputs (e.g., for fuel usage, expenses)
7. Notifications
• Push Notification Settings Page
• Enable/Disable notifications for various events
• Notification List Page
• List of past notifications or alerts
8. Search
• Search Bar
• Search for trips, users, settings, etc.
• Search Results Page
• Display results in a list/grid format
9. Help & Support
• FAQ Page
• Contact Support
• Email, chat, or support number
• Terms & Conditions
• Privacy Policy
10. App-wide Buttons
• Primary Button
• Large, bold button for key actions (e.g., 'Track Trip', 'Start Journey')
• Secondary Button
• For less important actions (e.g., 'View Details', 'Cancel')
• Floating Action Button (FAB)
• For quick access to main actions, typically placed at the bottom right of the screen
• Back Button
• Navigation back (either physical button or UI-based)
• Menu Button
• Open side menu (hamburger or more options)
• Save/Submit Button
• For saving forms, inputs, or other data
• Cancel Button
• To cancel actions or return to the previous screen
• Clear Button
• To reset a form field or input (e.g., search bar)
• Edit Button
• For editing content or profile
• Delete Button
• For deleting content (confirm with a dialog box)
• Share Button
• Share app content on social media or with others
11. Miscellaneous
• Loading Indicators
• Spinner or progress bar to indicate loading status
• Error Messages / Toast Notifications
• Short messages to inform users of errors or issues
• Success Messages
• Confirmation of completed actions (e.g., 'Trip Saved,' 'Profile Updated')
12. Footer (if applicable)
• Links to legal pages (Terms & Conditions, Privacy Policy)
• Social media links
• About page link
