{ "screenshot_id": "IMG_2676", "sequence_index": 21, "png_path": "v2/img/mobile-app/screens/png/IMG_2676.png", "basic_info": { "screen_name": "Calendar View Selection", "feature_area": "schichtplanung", "ui_elements": [ "Agenda View selection", "Timeline View selection", "Filter section", "Sync private calendar toggle", "Restaurant Bachingen filter", "Veranstaltungshalle 4711 filter", "Close button" ], "functionality_visible": [ "Select calendar view (Agenda or Timeline)", "Filter calendar events by location", "Sync private calendar" ], "navigation_paths": [ "Tap X to close the view selection", "Select Agenda View", "Select Timeline View" ], "data_displayed": [ "Calendar view options", "Filter options", "Location filters", "Sync private calendar setting" ], "user_actions": [ "Tap to select Agenda View", "Tap to select Timeline View", "Toggle Sync private calendar", "Tap location filters", "Tap X to close" ], "visible_text_labels": [ "Home", "Calendar", "Select A View", "Agenda View", "Timeline View", "Filter", "Sync private calendar", "Restaurant Bachingen", "Veranstaltungshalle 4711", "Felix", "Wed", "12:00", "13:00", "14:00", "15:00" ], "one_line_description": "This screen allows the user to select the calendar view (Agenda or Timeline) and filter events by location.", "screenshot_id": "IMG_2676", "sequence_index": 21, "png_path": "v2/img/mobile-app/screens/png/IMG_2676.png" }, "deep_understanding": { "screen_context": "The user sees this screen after tapping on a button or icon related to calendar settings or view options within the shift calendar screen. It allows the user to customize how the calendar is displayed and what information is shown.", "user_goal": "The user wants to customize the calendar view to display the information that is most relevant to them and in a format that is easy to understand. They may also want to filter the calendar to only show specific types of events or locations.", "business_value": "This screen allows users to personalize their calendar view, making it easier to manage their schedules and stay informed about relevant events. This increases user satisfaction and efficiency, leading to better workforce management.", "state_information": { "data_shown": "The screen displays options for selecting the calendar view (Agenda View or Timeline View), a filter section to sync private calendars, and filters for specific locations (Restaurant Bachingen, Veranstaltungshalle 4711). The number of shifts/events for each location is also displayed (3/3).", "editable_fields": "The user can select between Agenda View and Timeline View, toggle the Sync private calendar option, and enable/disable the location filters.", "read_only_fields": "The names of the locations (Restaurant Bachingen, Veranstaltungshalle 4711) and the number of shifts/events for each location (3/3) are read-only.", "current_state": "The current state shows that Timeline View is selected, private calendar sync is disabled, and both Restaurant Bachingen and Veranstaltungshalle 4711 are selected as filters." }, "interactions": [ { "action": "Tap on the 'Agenda View' radio button.", "outcome": "The calendar view switches to Agenda View.", "next_state": "The Agenda View is selected, and the Timeline View is deselected.", "error_possibilities": "None." }, { "action": "Tap on the 'Timeline View' radio button.", "outcome": "The calendar view switches to Timeline View.", "next_state": "The Timeline View is selected, and the Agenda View is deselected.", "error_possibilities": "None." }, { "action": "Toggle the 'Sync private calendar' switch.", "outcome": "The app attempts to sync the user's private calendar with the work calendar.", "next_state": "The 'Sync private calendar' setting is either enabled or disabled.", "error_possibilities": "The sync may fail due to network connectivity issues or permission problems." }, { "action": "Tap on the 'Restaurant Bachingen' filter.", "outcome": "The filter for 'Restaurant Bachingen' is toggled on or off.", "next_state": "The calendar displays or hides events related to 'Restaurant Bachingen'.", "error_possibilities": "None." }, { "action": "Tap on the 'Veranstaltungshalle 4711' filter.", "outcome": "The filter for 'Veranstaltungshalle 4711' is toggled on or off.", "next_state": "The calendar displays or hides events related to 'Veranstaltungshalle 4711'.", "error_possibilities": "None." }, { "action": "Tap the 'X' button in the top right corner.", "outcome": "The 'Select A View' screen closes.", "next_state": "Returns to the previous screen (Shift Calendar).", "error_possibilities": "None." } ], "edge_cases": [ "The user may have no private calendar connected.", "The user may have no events scheduled for a particular location.", "The user may have a large number of events, making the calendar difficult to navigate.", "The user may have different roles with different permissions, affecting which locations or events they can see.", "The user may have poor network connectivity, affecting the ability to sync private calendars or load event data." ], "benefits": "The user benefits from this screen by being able to customize their calendar view to suit their individual needs and preferences. This makes it easier to manage their schedules, stay informed about relevant events, and avoid confusion.", "mental_model": "This screen supports the mental model of a customizable calendar where the user can control the display of information and filter events based on various criteria. The user understands that they can personalize the calendar to make it more useful and efficient for their work." }, "relationships": { "connects_to": [ { "screen_type": "Shift calendar", "trigger": "Selecting a view (Agenda or Timeline) and closing the modal", "data_passed": "Selected calendar view (Agenda or Timeline), filter settings (Sync private calendar, Restaurant Bachingen, Veranstaltungshalle 4711)", "purpose": "To update the shift calendar with the selected view and filter settings." } ], "depends_on": [ { "screen_type": "Shift calendar", "required_data": "Current date, list of shifts, calendar filter settings", "purpose": "To display the current calendar view and filter settings." } ], "data_flow": "This screen receives the current calendar view and filter settings from the shift calendar screen. The user can then select a different calendar view (Agenda or Timeline) and modify the filter settings. The selected view and filter settings are then passed back to the shift calendar screen.", "navigation_patterns": [ { "pattern_type": "modal", "description": "This screen is presented as a modal overlay on top of the shift calendar screen. The user can close the modal by tapping the 'X' button or by selecting a view and closing the modal, which returns them to the shift calendar screen with the updated view." } ], "feature_dependencies": [ "schichtplanung", "calendar filtering", "calendar view selection" ], "alternative_paths": [ { "description": "Users can achieve a similar goal by using the filter icon on the main calendar view to filter events." } ] }, "user_flows": { "user_journeys": [ { "journey_name": "Change Calendar View", "goal": "Change the calendar view to agenda or timeline view.", "steps": [ { "step_number": 1, "screen_type": "Shift Calendar", "action": "Tap on the calendar view selection button (filter icon)", "outcome": "The 'Select A View' modal appears." }, { "step_number": 2, "screen_type": "Calendar View Selection", "action": "Select either 'Agenda View' or 'Timeline View'", "outcome": "The calendar view changes to the selected view." } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "Filter Calendar Events", "goal": "Filter calendar events based on location.", "steps": [ { "step_number": 1, "screen_type": "Shift Calendar", "action": "Tap on the calendar view selection button (filter icon)", "outcome": "The 'Select A View' modal appears." }, { "step_number": 2, "screen_type": "Calendar View Selection", "action": "Toggle the switches for 'Restaurant Bachingen' and 'Veranstaltungshalle 4711' to filter events.", "outcome": "The calendar displays events only for the selected locations." } ], "happy_path": true, "alternative_paths": [] } ], "error_recovery_flows": [], "flow_variations": [] }, "benefits": { "user_benefits": { "employee": [ "Easily switch between different calendar views (Agenda and Timeline) to find the most convenient way to view their shifts and appointments.", "Filter the calendar to only show shifts and appointments for specific locations (e.g., Restaurant Bachingen, Veranstaltungshalle 4711), reducing clutter and focusing on relevant information.", "Option to sync personal calendar events, providing a unified view of work and personal commitments." ], "manager": [ "Quickly switch between calendar views to get an overview of employee schedules and resource allocation.", "Filter the calendar to view schedules for specific locations, simplifying management of multiple venues.", "Ensure complete visibility of employee availability by allowing them to sync personal calendars, preventing scheduling conflicts." ], "hr_admin": [ "Customize calendar views and filters to efficiently manage employee schedules across different locations.", "Gain a comprehensive view of employee availability by enabling personal calendar sync, improving workforce planning.", "Streamline scheduling processes by providing employees with flexible calendar options." ], "general": [ "Personalize calendar view to suit individual preferences.", "Reduce information overload by filtering specific locations.", "Improve time management by integrating personal and work schedules." ] }, "business_value": { "problem_solved": "Difficulty in viewing and managing employee schedules effectively due to cluttered calendar views and lack of filtering options.", "value_proposition": "Provides flexible calendar views and filtering options to streamline schedule management and improve employee visibility.", "differentiators": "Offers both Agenda and Timeline views, location-based filtering, and personal calendar sync for a comprehensive scheduling solution.", "impact": "Improved scheduling efficiency, reduced scheduling conflicts, enhanced employee visibility, and better resource allocation." }, "use_cases": [ { "scenario": "An employee wants to see all their shifts for the week in a list format.", "user_type": "employee", "benefit": "The employee can select the 'Agenda View' to see a chronological list of their shifts." }, { "scenario": "A manager needs to see the schedule for a specific restaurant location.", "user_type": "manager", "benefit": "The manager can filter the calendar to only show shifts for 'Restaurant Bachingen', simplifying the view." }, { "scenario": "An employee wants to avoid scheduling conflicts between work and personal appointments.", "user_type": "employee", "benefit": "The employee can sync their personal calendar to see all appointments in one place." }, { "scenario": "HR needs to get a quick overview of the schedule for all employees at a specific venue.", "user_type": "hr_admin", "benefit": "HR can use the timeline view and filter by venue to see all shifts at that location." } ], "value_statements": [ "Customize your calendar view for optimal schedule management.", "Filter by location to focus on relevant shifts and appointments.", "Sync your personal calendar for a unified view of your commitments.", "Streamline scheduling with flexible calendar options." ] } }