{ "screenshot_id": "IMG_2681", "sequence_index": 26, "png_path": "v2/img/mobile-app/screens/png/IMG_2681.png", "basic_info": { "screen_name": "Shift calendar", "feature_area": "schichtplanung", "ui_elements": [ "Calendar date selection", "Available/Authorized filters", "List of shifts", "Add shift button", "Filter shifts button" ], "functionality_visible": [ "View daily shifts", "Filter shifts by availability", "Add a new shift", "Filter shifts" ], "navigation_paths": [ "Tap date to view shifts", "Tap shift for details" ], "data_displayed": [ "Date", "Employee name", "Shift type", "Shift times", "Location" ], "user_actions": [ "Tap date", "Tap shift", "Tap Available/Authorized", "Tap Add shift button", "Tap Filter shifts button" ], "visible_text_labels": [ "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "January 2026", "Available", "Authorized", "Vorbereitung", "Hauptgeschäft", "Frühschicht", "Spätschicht", "Küche, Restaurant Bachingen" ], "one_line_description": "This screen displays the shift schedule for a specific day, allowing users to view shifts, filter by availability, and add new shifts.", "screenshot_id": "IMG_2681", "sequence_index": 26, "png_path": "v2/img/mobile-app/screens/png/IMG_2681.png" }, "deep_understanding": { "screen_context": "The user is viewing the calendar to see the schedule for Wednesday, January 21, 2026. This screen appears when the user selects a specific date from the calendar view.", "user_goal": "The user wants to view the schedule for a specific day (January 21, 2026) to see who is working and what shifts are assigned.", "business_value": "This screen allows employees to view their schedules and the schedules of their colleagues, facilitating workforce management and coordination. It ensures that the right people are scheduled for the right tasks at the right time.", "state_information": { "data_shown": "The screen displays the schedule for Wednesday, January 21, 2026. It shows the names of employees scheduled to work, their assigned shifts (e.g., Vorbereitung, Hauptgeschäft, Frühschicht, Spätschicht), the times of their shifts, and the location (e.g., Küche, Restaurant Bachingen, Bar). It also shows 'Available' and 'Authorized' status options.", "editable_fields": "Potentially the 'Available' and 'Authorized' status options, though the context doesn't explicitly state the user can change these.", "read_only_fields": "Employee names, shift times, shift types, locations, and the date.", "current_state": "The current state is the schedule for January 21, 2026, showing the assigned shifts for various employees. Some employees have specific shifts assigned, while others may be marked as 'Available' or 'Authorized'." }, "interactions": [ { "action": "Tap on a different date in the calendar.", "outcome": "The screen will update to display the schedule for the selected date.", "next_state": "The screen will show the schedule for the newly selected date.", "error_possibilities": "If the data for the selected date is not available, an error message might be displayed." }, { "action": "Tap the '+' button.", "outcome": "Likely adds a new shift or employee to the schedule.", "next_state": "A screen for adding a new shift or employee is displayed.", "error_possibilities": "Insufficient permissions, data validation errors (e.g., overlapping shifts)." }, { "action": "Tap the filter button (three horizontal lines).", "outcome": "Opens a filter menu to filter the schedule by employee, shift type, or location.", "next_state": "A filter menu is displayed.", "error_possibilities": "None." }, { "action": "Tap on 'Available' or 'Authorized'.", "outcome": "Changes the availability status of an employee for that day.", "next_state": "The employee's status is updated and reflected on the schedule.", "error_possibilities": "Insufficient permissions, data validation errors." } ], "edge_cases": [ "No shifts are scheduled for a particular day.", "An employee is scheduled for multiple overlapping shifts.", "An employee is marked as 'Available' but is not assigned to any shift.", "The user does not have permission to view or modify the schedule.", "The data connection is lost, preventing the schedule from loading.", "Different user roles (e.g., manager vs. employee) have different levels of access and functionality.", "The schedule contains shifts that have already passed.", "The schedule contains shifts that are in the future.", "The schedule contains shifts with missing information (e.g., no location, no employee assigned)." ], "benefits": "The screen provides a clear and concise overview of the schedule for a specific day, allowing employees to easily see their work assignments and the assignments of their colleagues. It facilitates communication and coordination among team members and helps to ensure that the right people are scheduled for the right tasks.", "mental_model": "The screen supports a calendar-based mental model, where users can navigate to a specific date and view the corresponding schedule. It also supports a shift-based mental model, where users can see the details of each shift, including the employee assigned, the time, and the location." }, "relationships": { "connects_to": [ { "screen_type": "shift detail", "trigger": "Tapping on a shift (e.g., Jonas Ludwig's shift)", "data_passed": "Shift details (employee name, time, location, shift type)", "purpose": "To view the details of a specific shift" }, { "screen_type": "add shift", "trigger": "Tapping the '+' button", "data_passed": "Date (Wed 21), potentially user preferences", "purpose": "To create a new shift for the selected date" }, { "screen_type": "filter/sort", "trigger": "Tapping the filter/sort button", "data_passed": "None initially, but user selections will be passed back", "purpose": "To filter or sort the displayed shifts" } ], "depends_on": [ { "screen_type": "Calendar View Selection", "required_data": "Selected date (e.g., January 21, 2026)", "purpose": "To display shifts for the selected date" } ], "data_flow": "The screen receives the selected date from the calendar view. It displays shift information fetched from a backend service based on the selected date. User interactions (e.g., adding a shift, filtering) trigger updates to the backend and refresh the displayed shift list.", "navigation_patterns": [ { "pattern_type": "branching", "description": "From the calendar view, the user selects a date, leading to this screen. From here, the user can navigate to shift details, add a shift, or filter/sort the shifts." }, { "pattern_type": "back", "description": "The user can navigate back to the calendar view by tapping the 'Home' button or using the system back button." } ], "feature_dependencies": [ "schichtplanung", "user authentication", "data synchronization" ], "alternative_paths": [ { "description": "Instead of selecting a date from the calendar, the user might be able to navigate to this screen from a dashboard or a list of employees.", "path": "Dashboard -> Employee List -> Shift Calendar (for selected employee)" } ] }, "user_flows": { "user_journeys": [ { "journey_name": "View Shift Calendar", "goal": "See the schedule for the current week and day", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Open the app and navigate to the calendar", "outcome": "The shift calendar is displayed, showing the current week and day's shifts." } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "Navigate to a specific day in the calendar", "goal": "View the schedule for a specific day", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Tap on a specific day (e.g., Tue 20)", "outcome": "The calendar displays the shifts for the selected day." } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "Filter shifts", "goal": "Filter shifts based on availability or authorization", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Tap on 'Available' or 'Authorized'", "outcome": "The calendar displays only the shifts that match the selected filter." } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "Add a new shift", "goal": "Add a new shift to the schedule", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Tap on the '+' button", "outcome": "Navigates to the 'Add Shift' screen." } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "View calendar day view", "goal": "View the calendar in a day view", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Tap on the filter button (three horizontal lines)", "outcome": "Navigates to the 'Calendar Day View' screen." } ], "happy_path": true, "alternative_paths": [] } ], "error_recovery_flows": [], "flow_variations": [] }, "benefits": { "user_benefits": { "employee": [ "View your assigned shifts for a specific day.", "See the start and end times of your shifts.", "Know the location of your shifts (e.g., Küche, Restaurant Bachingen).", "See if you are authorized or available for a shift.", "Quickly understand your shift type (e.g., Vorbereitung, Hauptgeschäft, Frühschicht, Spätschicht)." ], "manager": [ "View the entire team's schedule for a specific day.", "See who is assigned to which shifts.", "Ensure adequate staffing levels for each shift.", "Identify potential scheduling conflicts.", "Manage employee availability and authorization." ], "hr_admin": [ "Oversee the entire organization's schedule.", "Ensure compliance with labor laws and regulations.", "Generate reports on employee scheduling.", "Manage employee availability and authorization.", "Identify staffing trends and patterns." ], "general": [ "Clear and concise view of the daily schedule.", "Easy navigation through the calendar.", "Quick access to shift details.", "Improved communication and coordination among team members." ] }, "business_value": { "problem_solved": "Inefficient shift scheduling and communication, leading to confusion, understaffing, and potential compliance issues.", "value_proposition": "Provides a centralized and transparent platform for managing employee shifts, ensuring optimal staffing levels, reducing scheduling conflicts, and improving communication.", "differentiators": "Clear visual representation of shifts, employee availability and authorization status, and integration with location information.", "impact": "Improved operational efficiency, reduced labor costs, enhanced employee satisfaction, and minimized compliance risks." }, "use_cases": [ { "scenario": "A restaurant employee wants to know their schedule for Wednesday, January 21, 2026.", "user_type": "employee", "benefit": "The employee can quickly view their assigned shifts, start and end times, and location for that day." }, { "scenario": "A restaurant manager needs to ensure adequate staffing for the evening shift on Wednesday, January 21, 2026.", "user_type": "manager", "benefit": "The manager can easily see who is scheduled for the evening shift and identify any potential staffing gaps." }, { "scenario": "An HR administrator needs to generate a report on employee scheduling for the month of January 2026.", "user_type": "hr_admin", "benefit": "The HR administrator can use the calendar view to quickly access and analyze scheduling data for the entire month." }, { "scenario": "A manager needs to quickly find a replacement for an employee who called in sick for the 'Hauptgeschäft' shift.", "user_type": "manager", "benefit": "The manager can see who is available and authorized to work that shift on that day." } ], "value_statements": [ "Stay informed about your shifts with a clear and concise daily schedule.", "Optimize staffing levels and reduce scheduling conflicts with our intuitive calendar view.", "Improve communication and coordination among your team with a centralized scheduling platform.", "Ensure compliance with labor laws and regulations with our comprehensive scheduling solution." ] } }