{ "screenshot_id": "IMG_2667", "sequence_index": 12, "png_path": "v2/img/mobile-app/screens/png/IMG_2667.png", "basic_info": { "screen_name": "Edit Dashboard", "feature_area": "dashboard", "ui_elements": [ "List of dashboard widgets", "Toggle switches", "Upper area section", "Lower area section" ], "functionality_visible": [ "Reorder dashboard widgets", "Enable/disable dashboard widgets" ], "navigation_paths": [ "Tap X to close and return to dashboard" ], "data_displayed": [ "List of available dashboard widgets", "Widget enabled/disabled status" ], "user_actions": [ "Long press and drag to reorder widgets", "Toggle switches to enable/disable widgets" ], "visible_text_labels": [ "Edit Dashboard", "Long press and drag to reorder", "Upper Area", "Shifts", "Calendar", "Replacement Search", "Open Shifts", "Lower Area", "Working Times", "Weather", "Broadcasts", "Documents" ], "one_line_description": "This screen allows the user to edit their dashboard by reordering and enabling/disabling widgets.", "screenshot_id": "IMG_2667", "sequence_index": 12, "png_path": "v2/img/mobile-app/screens/png/IMG_2667.png" }, "deep_understanding": { "screen_context": "The user sees this screen when they want to customize the appearance and content of their dashboard within the Ordio app.", "user_goal": "The user wants to personalize their dashboard by reordering and toggling the visibility of different modules or widgets.", "business_value": "This screen allows users to customize their experience, making the app more relevant and useful to their specific needs. This increases user engagement and satisfaction.", "state_information": { "data_shown": "The screen displays a list of available modules or widgets that can be added to or removed from the dashboard, categorized into 'Upper Area' and 'Lower Area'.", "editable_fields": "The user can toggle the visibility of each module using the switches and reorder the modules by long-pressing and dragging.", "read_only_fields": "The names of the modules (e.g., Shifts, Calendar, Working Times) and the categorization into 'Upper Area' and 'Lower Area' are read-only.", "current_state": "The current state reflects which modules are currently visible on the dashboard and their order." }, "interactions": [ { "action": "Toggle a switch next to a module", "outcome": "The visibility of the corresponding module on the dashboard is changed.", "next_state": "The switch reflects the new visibility state (on/off), and the dashboard will update accordingly.", "error_possibilities": "The toggle might not respond due to a network error or a bug in the app." }, { "action": "Long press and drag a module", "outcome": "The module is reordered within its area (Upper or Lower).", "next_state": "The module appears in its new position in the list.", "error_possibilities": "The drag and drop functionality might be unresponsive or glitchy." }, { "action": "Tap the 'X' icon", "outcome": "The user exits the 'Edit Dashboard' screen.", "next_state": "The app returns to the main dashboard screen, reflecting the changes made.", "error_possibilities": "The app might not save the changes if there's a network error or a bug." } ], "edge_cases": [ "Different user roles might have access to different modules.", "Some modules might be mandatory and cannot be toggled off.", "The app might have a limit on the number of modules that can be displayed in each area.", "Network errors could prevent changes from being saved.", "The user might not have permission to edit the dashboard.", "The app might have a default configuration that is restored if the user resets their settings." ], "benefits": "The user benefits from a personalized dashboard that displays the information most relevant to them, improving efficiency and reducing information overload.", "mental_model": "The screen supports a mental model of a customizable dashboard where users can choose which modules to display and arrange them according to their preferences." }, "relationships": { "connects_to": [ { "screen_type": "Dashboard", "trigger": "Tap the 'X' button", "data_passed": "Updated dashboard configuration (enabled/disabled widgets, widget order)", "purpose": "Return to the main dashboard with the applied changes." } ], "depends_on": [ { "screen_type": "Dashboard", "required_data": "Current dashboard configuration (enabled/disabled widgets, widget order)", "purpose": "To display the current dashboard configuration and allow the user to edit it." } ], "data_flow": "The screen receives the current dashboard configuration from the Dashboard screen. The user can modify the configuration by enabling/disabling widgets and reordering them. When the user taps the 'X' button, the updated configuration is sent back to the Dashboard screen.", "navigation_patterns": [ { "pattern_type": "modal", "description": "The 'Edit Dashboard' screen is presented as a modal overlay on top of the Dashboard screen. The user can dismiss the modal by tapping the 'X' button, which returns them to the Dashboard screen." } ], "feature_dependencies": [ "dashboard", "widget configuration" ], "alternative_paths": [ "Users might not reach this screen if they are satisfied with the default dashboard configuration.", "Users might access a similar settings screen from a profile or settings menu." ] }, "user_flows": { "user_journeys": [ { "journey_name": "Customize Dashboard", "goal": "Personalize the dashboard by adding or removing widgets", "steps": [ { "step_number": 1, "screen_type": "Dashboard", "action": "Taps on the edit dashboard icon", "outcome": "Navigates to the Edit Dashboard screen" }, { "step_number": 2, "screen_type": "Edit Dashboard", "action": "Toggles the switches for Calendar, Replacement Search, Open Shifts, Working Times, Weather, Broadcasts, and Documents to add or remove widgets", "outcome": "Widgets are added or removed from the dashboard" }, { "step_number": 3, "screen_type": "Edit Dashboard", "action": "Taps the 'X' icon", "outcome": "Navigates back to the Dashboard screen with the updated widgets" } ], "happy_path": true, "alternative_paths": [] }, { "journey_name": "Reorder Dashboard Widgets", "goal": "Change the order of widgets on the dashboard", "steps": [ { "step_number": 1, "screen_type": "Dashboard", "action": "Taps on the edit dashboard icon", "outcome": "Navigates to the Edit Dashboard screen" }, { "step_number": 2, "screen_type": "Edit Dashboard", "action": "Long presses and drags the 'Shifts' widget to a new position in the upper area", "outcome": "The 'Shifts' widget is reordered" }, { "step_number": 3, "screen_type": "Edit Dashboard", "action": "Taps the 'X' icon", "outcome": "Navigates back to the Dashboard screen with the updated widget order" } ], "happy_path": true, "alternative_paths": [] } ], "error_recovery_flows": [], "flow_variations": [] }, "benefits": { "user_benefits": { "employee": [ "Customize your dashboard to see the information most relevant to you.", "Prioritize the modules you use most often for quick access.", "Easily toggle on/off modules to declutter your dashboard." ], "manager": [ "Ensure your team has access to the most important information on their dashboards.", "Customize the dashboard to highlight key performance indicators and team updates.", "Quickly enable/disable modules based on team needs." ], "hr_admin": [ "Control which modules are available to employees based on their roles and responsibilities.", "Customize the dashboard to promote important company announcements and documents.", "Ensure consistent information delivery across the organization." ], "general": [ "Personalize your dashboard experience.", "Improve efficiency by focusing on the most important information.", "Stay informed with relevant updates and notifications." ] }, "business_value": { "problem_solved": "Users have different needs and priorities, and a one-size-fits-all dashboard is not effective.", "value_proposition": "Provides a customizable dashboard experience that allows users to focus on the information most relevant to their roles and responsibilities.", "differentiators": "Drag-and-drop reordering and easy toggle switches for modules.", "impact": "Increased user engagement, improved efficiency, and better information delivery." }, "use_cases": [ { "scenario": "An employee wants to quickly see their upcoming shifts and calendar events when they open the app.", "user_type": "employee", "benefit": "They can move the 'Shifts' and 'Calendar' modules to the top of their dashboard for easy access." }, { "scenario": "A manager wants to ensure their team is aware of any open shifts that need to be filled.", "user_type": "manager", "benefit": "They can enable the 'Open Shifts' module for all team members to see." }, { "scenario": "An HR admin wants to make sure all employees have access to important company documents.", "user_type": "hr_admin", "benefit": "They can enable the 'Documents' module for all employees and ensure it's prominently displayed." }, { "scenario": "An employee doesn't need to see the weather on their dashboard.", "user_type": "employee", "benefit": "They can disable the 'Weather' module to declutter their dashboard." } ], "value_statements": [ "Customize your Ordio dashboard to see the information that matters most to you.", "Take control of your dashboard and prioritize the modules you use most often.", "Stay informed and efficient with a personalized dashboard experience.", "Easily manage your dashboard modules with drag-and-drop reordering and simple toggle switches." ] } }