{ "screenshot_id": "IMG_2671", "sequence_index": 16, "png_path": "v2/img/mobile-app/screens/png/IMG_2671.png", "basic_info": { "screen_name": "Shift calendar", "feature_area": "schichtplanung", "ui_elements": [ "Calendar grid", "Time slots", "Shift blocks", "Add button", "Filter button" ], "functionality_visible": [ "View daily schedule", "View weekly schedule", "Add new shift", "Filter shifts" ], "navigation_paths": [ "Tap date to view day", "Tap shift for details", "Tap + to add shift", "Tap filter to filter shifts" ], "data_displayed": [ "Shift times", "Shift names", "Employee names", "Calendar dates", "Location (Restaurant Bachingen, Küche)" ], "user_actions": [ "Tap", "Swipe" ], "visible_text_labels": [ "Home", "Calendar", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "January 2026", "Restaurant Bachingen, Küche", "Verfügbar", "Thomas Schm...", "Vorbereitung", "07:00 - 13:00" ], "one_line_description": "This screen displays the shift calendar for a specific location, showing scheduled shifts and availability for each day of the week.", "screenshot_id": "IMG_2671", "sequence_index": 16, "png_path": "v2/img/mobile-app/screens/png/IMG_2671.png" }, "deep_understanding": { "screen_context": "The user sees this screen when they navigate to the calendar view within the app, specifically to view and manage their shifts and availability for a particular location (Restaurant Bachingen, Küche) in January 2026.", "user_goal": "The user is trying to view their schedule, understand their availability, and potentially manage or modify their shifts for the selected date (January 21, 2026).", "business_value": "This screen allows employees to view their work schedules, manage their availability, and coordinate with their employer, ensuring adequate staffing and efficient workforce management. It reduces scheduling conflicts and improves communication between employees and management.", "state_information": { "data_shown": "The screen displays a calendar view for January 2026, highlighting the selected date (January 21st). It also shows the user's scheduled shifts and availability for the selected location (Restaurant Bachingen, Küche), including 'Vorbereitung' (Preparation) from 07:00 to 13:00 on the 20th and 'Thomas Schm...' at 10:00 on the 21st. The current time (11:33) is also indicated on the time axis.", "editable_fields": "The user can likely tap on different dates to view the schedule for those days. They can also likely tap on the '+' button to add new shifts or availability entries. The 'Verfügbar' (Available) button suggests the ability to set availability.", "read_only_fields": "The calendar dates, days of the week, the name of the location (Restaurant Bachingen, Küche), the current time (11:33), and the existing shift details (time and description) are read-only.", "current_state": "The user is currently viewing the schedule for January 21, 2026, at Restaurant Bachingen, Küche. They have a 'Vorbereitung' shift scheduled on the 20th from 07:00 to 13:00 and 'Thomas Schm...' at 10:00 on the 21st. The current time is 11:33." }, "interactions": [ { "action": "Tap on a different date in the calendar.", "outcome": "The calendar view updates to display the schedule and availability for the selected date.", "next_state": "The screen updates to show the schedule for the newly selected date.", "error_possibilities": "If there is no data for the selected date, the screen might display an empty schedule or a message indicating no shifts are scheduled." }, { "action": "Tap the '+' button.", "outcome": "A menu or screen appears, allowing the user to add a new shift or availability entry.", "next_state": "The app navigates to a screen where the user can create a new shift or availability entry.", "error_possibilities": "The app might display an error message if the user lacks the necessary permissions to add shifts or availability." }, { "action": "Tap the 'Verfügbar' (Available) button.", "outcome": "The user's availability for the selected date is set or modified.", "next_state": "The screen updates to reflect the user's new availability status.", "error_possibilities": "The app might display an error message if the user's availability conflicts with existing shifts or other constraints." }, { "action": "Tap on an existing shift (e.g., 'Vorbereitung').", "outcome": "A screen appears allowing the user to view details or edit the shift.", "next_state": "The app navigates to a shift details or edit screen.", "error_possibilities": "The app might display an error message if the user lacks the necessary permissions to edit the shift." }, { "action": "Tap the filter button (three horizontal lines).", "outcome": "A filter menu appears, allowing the user to filter shifts based on various criteria.", "next_state": "The app displays a filter menu.", "error_possibilities": "No immediate error possibilities, but the filter might not return the expected results if the filter criteria are not properly configured." } ], "edge_cases": "Different user roles (e.g., manager vs. employee) might have different permissions and access to features. The screen might display different information or options depending on the user's role. The screen might also handle different types of shifts or availability entries (e.g., vacation, sick leave). Error conditions might arise if the user's device is offline or if there are issues with the server.", "benefits": "The screen provides a clear and organized view of the user's schedule, allowing them to easily plan their work and personal life. It also facilitates communication and coordination between employees and management, ensuring adequate staffing and efficient workforce management. The ability to manage availability helps prevent scheduling conflicts and ensures that employees are available when needed.", "mental_model": "The screen supports a mental model of a traditional calendar, where users can view and manage their appointments and commitments. It also introduces the concept of shift-based scheduling, where users are assigned specific shifts at a particular location. The screen helps users understand how their work schedule fits into the overall workforce management system." }, "relationships": { "connects_to": [ { "screen_type": "shift detail", "trigger": "Tap on a shift event", "data_passed": "Shift details (time, employee, location, task)", "purpose": "View details of a specific shift" }, { "screen_type": "add shift", "trigger": "Tap on the '+' button", "data_passed": "Selected date", "purpose": "Create a new shift for the selected date" }, { "screen_type": "filter shifts", "trigger": "Tap on the filter icon", "data_passed": "None", "purpose": "Filter shifts based on criteria (e.g., employee, location)" } ], "depends_on": [ { "screen_type": "Dashboard", "required_data": "Employee list, location list, shift data", "purpose": "To display the calendar with existing shifts and allow for shift creation/modification" } ], "data_flow": "Incoming: Employee list, location list, existing shift data. Outgoing: Shift creation/modification requests.", "navigation_patterns": [ { "pattern_type": "branching", "description": "From the calendar, users can navigate to shift details, add a new shift, or filter shifts." }, { "pattern_type": "back", "description": "Users can return to the dashboard." } ], "feature_dependencies": [ "schichtplanung", "employee management", "location management" ], "alternative_paths": [ "Users might create shifts directly from the dashboard if that functionality exists.", "Users might import shifts from an external system." ] }, "user_flows": { "user_journeys": [ { "journey_name": "View Calendar", "goal": "View the calendar to see scheduled shifts and availability.", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Open the calendar view.", "outcome": "The user sees the calendar with dates and scheduled shifts." } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "Navigate to a specific date", "goal": "Navigate to a specific date in the calendar to view shifts.", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Open the calendar view.", "outcome": "The user sees the calendar with dates and scheduled shifts." }, { "step_number": 2, "screen_type": "Shift calendar", "action": "Tap on a specific date (e.g., 21).", "outcome": "The calendar displays the shifts scheduled for that date." } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "Create a new shift", "goal": "Create a new shift for a specific date.", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Open the calendar view.", "outcome": "The user sees the calendar with dates and scheduled shifts." }, { "step_number": 2, "screen_type": "Shift calendar", "action": "Tap the '+' button.", "outcome": "The screen navigates to the shift creation screen." } ], "happy_path": true, "alternative_paths": [] } ], "error_recovery_flows": [], "flow_variations": [] }, "benefits": { "user_benefits": { "employee": [ "View your scheduled shifts for the selected day.", "See the details of your shifts, including the time and type of work (e.g., Vorbereitung).", "Understand your availability and scheduled tasks.", "Quickly identify which days you are working.", "See who else is working on the same day (e.g., Thomas Schm...).", "Manage your own availability (implied by 'Verfügbar' button)." ], "manager": [ "View the entire team's schedule for a specific day.", "See who is available and who is working.", "Identify potential scheduling conflicts or gaps.", "Manage employee availability and assign shifts.", "Ensure adequate staffing levels for each day.", "Quickly see the distribution of tasks and responsibilities." ], "hr_admin": [ "Oversee the scheduling for the entire organization or specific locations.", "Ensure compliance with labor laws and company policies.", "Generate reports on employee schedules and availability.", "Manage employee time off requests and integrate them into the schedule." ], "general": [ "Clear and intuitive calendar view.", "Easy navigation between days and weeks.", "Visual representation of shifts and availability.", "Quick access to shift details." ] }, "business_value": { "problem_solved": "Inefficient and error-prone manual scheduling processes, leading to staffing shortages, scheduling conflicts, and employee dissatisfaction.", "value_proposition": "Provides a centralized and streamlined platform for managing employee schedules, availability, and shift assignments, resulting in improved efficiency, reduced errors, and increased employee satisfaction.", "differentiators": "Potentially integrates with other HR and payroll systems, offers real-time updates and notifications, and provides advanced analytics on scheduling patterns.", "impact": "Improved operational efficiency, reduced labor costs, increased employee satisfaction, and better compliance with labor laws." }, "use_cases": [ { "scenario": "A kitchen employee wants to check their schedule for the upcoming week to plan their personal activities.", "user_type": "employee", "benefit": "Allows the employee to easily view their shifts and plan their personal life accordingly." }, { "scenario": "A restaurant manager needs to find a replacement for a sick employee on short notice.", "user_type": "manager", "benefit": "Enables the manager to quickly identify available employees and assign them the shift." }, { "scenario": "An HR administrator needs to generate a report on employee working hours for payroll purposes.", "user_type": "hr_admin", "benefit": "Provides the HR administrator with access to accurate and up-to-date scheduling data for payroll processing." }, { "scenario": "A manager needs to ensure adequate staffing for a busy weekend.", "user_type": "manager", "benefit": "Allows the manager to visualize the schedule and identify any potential staffing gaps, enabling them to proactively address the issue." } ], "value_statements": [ "Simplify your employee scheduling with our intuitive calendar view.", "Eliminate scheduling conflicts and ensure optimal staffing levels.", "Empower your employees with easy access to their schedules.", "Reduce administrative overhead and improve operational efficiency.", "Gain valuable insights into your workforce scheduling patterns." ] } }