{ "screenshot_id": "IMG_2682", "sequence_index": 27, "png_path": "v2/img/mobile-app/screens/png/IMG_2682.png", "basic_info": { "screen_name": "Calendar Day View", "feature_area": "schichtplanung", "ui_elements": [ "Calendar date selection", "Available button", "Reset button", "Appointment card", "Availability filter menu", "Zoom out button", "Filter button" ], "functionality_visible": [ "View appointments for a specific day", "Set availability for the day", "Reset availability", "Filter availability" ], "navigation_paths": [], "data_displayed": [ "Selected date", "Appointment details (name, time, location)", "Availability status options" ], "user_actions": [ "Tap date to select", "Tap 'Available' to set availability", "Tap 'Reset' to reset availability", "Tap appointment to view details", "Tap availability filter options" ], "visible_text_labels": [ "Home", "Calendar", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun", "January 2026", "Week 4", "Available", "Reset", "Wednesday, 21. January", "No Selection" ], "one_line_description": "This screen displays the calendar day view, allowing the user to view appointments, set availability, and filter by availability status for a specific day.", "screenshot_id": "IMG_2682", "sequence_index": 27, "png_path": "v2/img/mobile-app/screens/png/IMG_2682.png" }, "deep_understanding": { "screen_context": "The user is viewing the shift calendar and has tapped on a specific day (Wednesday, January 21st) to filter shifts based on availability.", "user_goal": "The user wants to filter the shifts displayed on the calendar for Wednesday, January 21st, based on their availability (Available, Partly Available, Not Available).", "business_value": "This screen allows employees to easily find shifts that match their availability, improving scheduling efficiency and reducing the likelihood of scheduling conflicts. It also allows the business to quickly identify available staff for specific shifts.", "state_information": { "data_shown": "The screen displays a calendar view, highlighting the selected date (January 21st). It also shows a filter menu with options for 'No Selection', 'Available', 'Partly Available', and 'Not Available'.", "editable_fields": [], "read_only_fields": [ "Date (Wednesday, 21. January)", "Availability options (No Selection, Available, Partly Available, Not Available)" ], "current_state": "The filter is currently set to 'Available', as indicated by the checkmark next to the 'Available' option." }, "interactions": [ { "action": "Tap 'No Selection'", "outcome": "The checkmark next to 'Available' disappears, and a checkmark appears next to 'No Selection'. The filter is cleared, and all shifts for that day are displayed.", "next_state": "The filter is cleared, showing all shifts.", "error_possibilities": "None." }, { "action": "Tap 'Partly Available'", "outcome": "The checkmark next to 'Available' disappears, and a checkmark appears next to 'Partly Available'. The calendar displays only shifts for which the user is partly available.", "next_state": "The calendar displays only partly available shifts.", "error_possibilities": "None." }, { "action": "Tap 'Not Available'", "outcome": "The checkmark next to 'Available' disappears, and a checkmark appears next to 'Not Available'. The calendar displays only shifts for which the user is not available.", "next_state": "The calendar displays only unavailable shifts.", "error_possibilities": "None." }, { "action": "Tap the '-' button", "outcome": "The filter menu closes.", "next_state": "The user returns to the shift calendar view with the selected filter applied.", "error_possibilities": "None." }, { "action": "Tap the filter icon button", "outcome": "The filter menu remains open.", "next_state": "The filter menu remains open.", "error_possibilities": "None." } ], "edge_cases": [ "The user has no shifts scheduled for the selected day.", "The user has shifts scheduled, but none match the selected availability filter.", "The user has shifts scheduled, and all of them match the selected availability filter.", "The user has different roles, and the availability filter applies differently to each role." ], "benefits": "The screen allows users to quickly find shifts that match their availability, making it easier to manage their work schedule. It also helps them avoid scheduling conflicts and ensures that they are only assigned to shifts that they are able to work.", "mental_model": "The screen supports a mental model of filtering shifts based on availability. Users understand that they can select an availability option to narrow down the list of shifts displayed on the calendar." }, "relationships": { "connects_to": [ { "screen_type": "Shift calendar", "trigger": "Selecting a different day in the calendar", "data_passed": "Selected date", "purpose": "To navigate to the day view for the selected date" }, { "screen_type": "Shift details", "trigger": "Tapping on the Felix Knoerzer shift", "data_passed": "Shift details (employee, time, location)", "purpose": "To view the details of the selected shift" } ], "depends_on": [ { "screen_type": "Shift calendar", "required_data": "Current date, shift data for the month", "purpose": "To display the calendar and highlight the selected day" } ], "data_flow": "This screen receives the selected date from the calendar view and displays shift information for that date. It can also send the selected shift to the shift details screen.", "navigation_patterns": [ { "pattern_type": "branching", "description": "From the calendar day view, the user can navigate to the shift details screen by tapping on a shift or navigate to a different day by selecting it on the calendar." }, { "pattern_type": "back", "description": "The user can return to the shift calendar by using the back navigation." } ], "feature_dependencies": [ "schichtplanung", "calendar" ], "alternative_paths": [ "Instead of tapping on a specific day, the user could navigate to the shift details screen from a list of shifts.", "The user could also access the shift details screen through a notification." ] }, "user_flows": { "user_journeys": [ { "journey_name": "Set Availability for a Day", "goal": "Set availability status for a specific day in the calendar.", "steps": [ { "step_number": 1, "screen_type": "Calendar Day View", "action": "Select a day (e.g., Wednesday, 21st January)", "outcome": "The selected day's details are displayed, including existing shifts and availability options." }, { "step_number": 2, "screen_type": "Calendar Day View", "action": "Tap on 'Available' button", "outcome": "A modal appears with availability options: No Selection, Available, Partly Available, Not Available." }, { "step_number": 3, "screen_type": "Calendar Day View", "action": "Select an availability option (e.g., Available)", "outcome": "The selected availability status is applied to the day." } ], "happy_path": true, "alternative_paths": [] } ], "error_recovery_flows": [], "flow_variations": [] }, "benefits": { "user_benefits": { "employee": [ "Easily view and filter shifts based on availability (Available, Partly Available, Not Available) for a specific day.", "Quickly understand shift availability for better planning and coordination." ], "manager": [ "Efficiently manage shift scheduling by filtering shifts based on employee availability.", "Quickly identify available employees for specific shifts on a given day.", "Improve shift coverage by easily finding employees who are available or partly available." ], "hr_admin": [ "Streamline shift planning and scheduling processes.", "Ensure adequate staffing levels by effectively managing employee availability.", "Reduce scheduling conflicts and improve employee satisfaction." ], "general": [ "Clear visual representation of shift availability for a specific day.", "Simplified shift management through filtering options.", "Improved communication and coordination regarding shift schedules." ] }, "business_value": { "problem_solved": "Inefficient shift scheduling and difficulty in identifying available employees for specific shifts.", "value_proposition": "Provides a clear and efficient way to filter shifts based on employee availability, enabling better shift planning and management.", "differentiators": "Offers a simple and intuitive interface for filtering shifts based on availability status (Available, Partly Available, Not Available).", "impact": "Improved shift coverage, reduced scheduling conflicts, increased employee satisfaction, and streamlined shift management processes." }, "use_cases": [ { "scenario": "A manager needs to find an employee to cover a last-minute shift on Wednesday, January 21st.", "user_type": "manager", "benefit": "The manager can quickly filter the shifts to show only those where employees are marked as 'Available' or 'Partly Available', making it easier to find a suitable replacement." }, { "scenario": "An employee wants to see which shifts are available on Wednesday, January 21st, to potentially pick up an extra shift.", "user_type": "employee", "benefit": "The employee can easily view the calendar and filter shifts to see only those marked as 'Available', allowing them to quickly identify opportunities for extra work." }, { "scenario": "An HR administrator is planning the shift schedule for the week and needs to ensure adequate coverage on Wednesday, January 21st.", "user_type": "hr_admin", "benefit": "The HR administrator can use the filtering options to identify any gaps in coverage and proactively address them by contacting available employees or adjusting the schedule." } ], "value_statements": [ "Effortlessly manage shift scheduling by filtering shifts based on employee availability.", "Quickly identify available employees for specific shifts with intuitive filtering options.", "Improve shift coverage and reduce scheduling conflicts with streamlined shift management.", "Simplify shift planning and scheduling processes with clear visual representation of availability." ] } }