{ "screenshot_id": "IMG_2677", "sequence_index": 22, "png_path": "v2/img/mobile-app/screens/png/IMG_2677.png", "basic_info": { "screen_name": "Shift calendar", "feature_area": "schichtplanung", "ui_elements": [ "Calendar date selection", "Available/Authorized filter buttons", "List of shifts", "Add shift button", "Filter shifts button" ], "functionality_visible": [ "View daily shifts", "Filter shifts by availability", "Add new shift", "Filter shifts" ], "navigation_paths": [ "Tap date to view shifts", "Tap shift for details", "Tap + to add shift", "Tap filter icon to filter shifts" ], "data_displayed": [ "Date", "Employee name", "Shift type", "Shift times", "Location" ], "user_actions": [ "Tap", "Scroll" ], "visible_text_labels": [ "Available", "Authorized", "Vorbereitung", "Hauptgeschäft", "Frühschicht", "Spätschicht", "Küche, Restaurant Bachingen", "Bar, Restaurant Bachingen", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun" ], "one_line_description": "This screen displays the shift schedule for a specific day, allowing users to view, filter, and add shifts.", "screenshot_id": "IMG_2677", "sequence_index": 22, "png_path": "v2/img/mobile-app/screens/png/IMG_2677.png" }, "deep_understanding": { "screen_context": "The user sees this screen after selecting a specific date (in this case, Wednesday, January 21, 2026) on the shift calendar. This screen displays the shifts scheduled for that day.", "user_goal": "The user wants to view the scheduled shifts for a specific day, understand who is working, what their roles are, and the timings of their shifts. They might also want to see their own availability status for that day.", "business_value": "This screen allows employees to view their work schedule, ensuring adequate staffing levels and efficient resource allocation. It reduces confusion and improves communication regarding shift assignments.", "state_information": { "data_shown": "The screen displays the date (Wednesday, 21), availability status (Available, Authorized), and a list of scheduled shifts for that day. Each shift includes the employee's name, role (e.g., Vorbereitung, Hauptgeschäft, Frühschicht, Spätschicht), time, and location (e.g., Küche, Restaurant Bachingen, Bar).", "editable_fields": "The user can likely change their availability status (Available/Authorized) for the selected day.", "read_only_fields": "The employee names, shift times, roles, and locations are likely read-only on this screen.", "current_state": "The current state shows the shifts scheduled for Wednesday, January 21, 2026. The user's availability is also displayed." }, "interactions": [ { "action": "Tap on the 'Available' or 'Authorized' button", "outcome": "The user's availability status for that day is updated.", "next_state": "The screen refreshes to reflect the updated availability status.", "error_possibilities": "The update might fail due to network connectivity issues or server errors. The user might not have permission to change their availability." }, { "action": "Tap the '+' button", "outcome": "The user is taken to a screen to add a new shift or request a change to the schedule.", "next_state": "A screen for adding a new shift or requesting a change is displayed.", "error_possibilities": "The user might not have the necessary permissions to add a new shift." }, { "action": "Tap the filter button (three horizontal lines)", "outcome": "The user is presented with options to filter the displayed shifts (e.g., by location, role, or employee).", "next_state": "A filter options screen is displayed.", "error_possibilities": "No shifts might match the selected filter criteria." } ], "edge_cases": "Different user roles (e.g., manager vs. employee) might have different permissions and see different information. Some shifts might be unassigned or have conflicting schedules. The user might not have any shifts scheduled for that day. There might be errors loading the shift data from the server.", "benefits": "The screen provides a clear and concise overview of the daily schedule, allowing employees to easily understand their work assignments. It improves transparency and reduces scheduling conflicts. The ability to set availability helps with workforce planning.", "mental_model": "The screen reinforces the mental model of a calendar-based scheduling system where each day displays the assigned shifts and employee availability. Users understand that they can view and potentially modify their availability for a given day." }, "relationships": { "connects_to": [ { "screen_type": "Available", "trigger": "Tap on the 'Available' button", "data_passed": "Date (Wed 21), User ID", "purpose": "To mark the user as available for shifts on the selected date." }, { "screen_type": "Authorized", "trigger": "Tap on the 'Authorized' button", "data_passed": "Date (Wed 21), User ID", "purpose": "To mark the user as authorized for shifts on the selected date." }, { "screen_type": "Add Shift", "trigger": "Tap on the '+' button", "data_passed": "Date (Wed 21)", "purpose": "To create a new shift on the selected date." }, { "screen_type": "Filter Shifts", "trigger": "Tap on the filter button", "data_passed": "None", "purpose": "To filter the shifts displayed on the calendar." } ], "depends_on": [ { "screen_type": "Calendar View Selection", "required_data": "Selected date (e.g., January 21, 2026)", "purpose": "To display the shifts for the selected date." } ], "data_flow": "Incoming: Selected date from the calendar view. Outgoing: User availability/authorization status, new shift creation requests, shift filter requests.", "navigation_patterns": [ { "pattern_type": "branching", "description": "From the shift calendar, the user can navigate to mark themselves as available/authorized, add a new shift, or filter the shifts displayed." }, { "pattern_type": "back", "description": "The user can navigate back to the calendar view selection screen." } ], "feature_dependencies": [ "user authentication", "shift management", "availability management", "authorization management" ], "alternative_paths": [ { "description": "Users might reach this screen by navigating from a different part of the app that also displays a calendar, such as a team schedule or personal schedule." } ] }, "user_flows": { "user_journeys": [ { "journey_name": "View Shift Calendar", "goal": "See the scheduled shifts for a specific day", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Select a day (e.g., Wed 21)", "outcome": "The app displays the shifts scheduled for that day." } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "View Shift Details", "goal": "See the details of a specific shift", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Select a day (e.g., Wed 21)", "outcome": "The app displays the shifts scheduled for that day." }, { "step_number": 2, "screen_type": "Shift calendar", "action": "Tap on a shift (e.g., Jonas Ludwig)", "outcome": "The app navigates to the Shift Details screen." } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "Request a shift change", "goal": "Request a change to a scheduled shift", "steps": [ { "step_number": 1, "screen_type": "Shift calendar", "action": "Select a day (e.g., Wed 21)", "outcome": "The app displays the shifts scheduled for that day." }, { "step_number": 2, "screen_type": "Shift calendar", "action": "Tap on a shift (e.g., Jonas Ludwig)", "outcome": "The app navigates to the Shift Details screen." }, { "step_number": 3, "screen_type": "Shift Details", "action": "Initiate a change request (e.g., tap a 'Request Change' button)", "outcome": "The app navigates to the Change Request screen." } ], "happy_path": true, "alternative_paths": [] } ], "error_recovery_flows": [], "flow_variations": [ { "variation_type": "different user role", "differences": "A manager might see options to approve/deny shift change requests directly from the shift calendar or shift details screen, while a regular employee would only see options to request changes." }, { "variation_type": "different data state", "differences": "If there are no shifts scheduled for a particular day, the screen will display a message indicating that there are no shifts." } ] }, "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 shift (e.g., Küche, Restaurant Bachingen).", "Understand the type of shift you are assigned (e.g., Vorbereitung, Hauptgeschäft, Frühschicht, Spätschicht).", "See if you are marked as 'Available' or 'Authorized' for a shift." ], "manager": [ "See all scheduled shifts for a specific day.", "Easily identify which employees are working and their shift details.", "Quickly view shift types and locations.", "Manage employee availability and authorization for shifts.", "Add new shifts or adjust existing ones." ], "hr_admin": [ "Oversee shift scheduling across the organization.", "Ensure adequate staffing levels for each day and location.", "Track employee availability and authorization.", "Generate reports on shift coverage and labor costs." ], "general": [ "Clear and organized view of daily shift schedules.", "Easy navigation and access to shift information.", "Improved communication and coordination among staff." ] }, "business_value": { "problem_solved": "Inefficient shift scheduling and communication, leading to confusion, understaffing, or overstaffing.", "value_proposition": "Provides a centralized and transparent platform for managing and viewing shift schedules, ensuring efficient staffing and improved communication.", "differentiators": "Potentially integrates with other Ordio modules (e.g., time tracking, payroll) for seamless data flow. Mobile accessibility allows for on-the-go shift management.", "impact": "Reduces scheduling errors, improves employee satisfaction, optimizes labor costs, and enhances overall operational efficiency." }, "use_cases": [ { "scenario": "A restaurant manager needs to check who is scheduled to work on Wednesday, January 21st, to ensure adequate staffing for the dinner rush.", "user_type": "manager", "benefit": "Quickly view all scheduled employees and their shift details to ensure proper staffing levels." }, { "scenario": "An employee wants to confirm their shift time and location for the upcoming Wednesday.", "user_type": "employee", "benefit": "Easily access their shift schedule to confirm the time and location of their assigned shift." }, { "scenario": "An HR administrator needs to generate a report on shift coverage for the month of January.", "user_type": "hr_admin", "benefit": "Access detailed shift information for each day to generate accurate reports on staffing levels and labor costs." }, { "scenario": "A manager needs to quickly find a replacement for a sick employee on a specific shift.", "user_type": "manager", "benefit": "The manager can quickly see who is available and authorized to work that shift." } ], "value_statements": [ "Simplify shift scheduling and improve communication with Ordio's shift calendar.", "Ensure efficient staffing and reduce scheduling errors with a centralized shift management platform.", "Empower employees with easy access to their shift schedules on the go.", "Optimize labor costs and enhance operational efficiency with Ordio's comprehensive shift management solution." ] } }