{ "screenshot_id": "IMG_2669", "sequence_index": 14, "png_path": "v2/img/mobile-app/screens/png/IMG_2669.png", "basic_info": { "screen_name": "Edit Dashboard", "feature_area": "dashboard", "ui_elements": [ "Toggle switches", "Cards", "Close button" ], "functionality_visible": [ "Enable/disable dashboard sections", "Rearrange dashboard sections" ], "navigation_paths": [ "Tap X to close" ], "data_displayed": [ "List of dashboard sections", "Toggle status of each section" ], "user_actions": [ "Toggle switches", "Drag and drop cards" ], "visible_text_labels": [ "Checklists", "Vacation", "Events", "Tips", "Feature Vote & Recommend Ordio", "Reset to Default Layout" ], "one_line_description": "This screen allows the user to customize their dashboard by enabling or disabling different sections.", "screenshot_id": "IMG_2669", "sequence_index": 14, "png_path": "v2/img/mobile-app/screens/png/IMG_2669.png" }, "deep_understanding": { "screen_context": "The user sees this screen after navigating from the dashboard and selecting an option to edit or customize the dashboard layout and visible modules.", "user_goal": "The user wants to customize their dashboard by enabling, disabling, and reordering the modules (widgets) that are displayed.", "business_value": "This screen allows users to personalize their experience, making the app more relevant and useful to them. This increases user engagement and satisfaction, and ensures that users see the information most important to them.", "state_information": { "data_shown": "A list of available modules (Checklists, Vacation, Events, Tips, Feature Vote & Recommend Ordio) with toggle switches to enable or disable them. Also, empty placeholders for reordering.", "editable_fields": "The toggle switches for each module, and the ability to drag and drop modules to reorder them.", "read_only_fields": "The names of the modules.", "current_state": "The current state of each module (enabled or disabled) is reflected by the state of the toggle switch. The current order of the modules is also reflected." }, "interactions": [ { "action": "Toggle a module's switch", "outcome": "The module is either enabled or disabled on the dashboard.", "next_state": "The dashboard will reflect the change in module visibility.", "error_possibilities": "The toggle switch might not respond, or the change might not be reflected on the dashboard due to a network error." }, { "action": "Drag and drop a module", "outcome": "The module is reordered on the dashboard.", "next_state": "The dashboard will reflect the new order of modules.", "error_possibilities": "The drag and drop operation might fail, or the new order might not be saved due to a network error." }, { "action": "Tap the 'X' icon", "outcome": "The user exits the edit dashboard screen.", "next_state": "The user is returned to the dashboard, reflecting the changes made (if any).", "error_possibilities": "None." }, { "action": "Tap 'Reset to Default Layout'", "outcome": "The dashboard layout is reset to the default configuration.", "next_state": "The dashboard will display the default modules in their default order.", "error_possibilities": "The reset operation might fail due to a network error." } ], "edge_cases": "Different user roles might have access to different modules. Some modules might be mandatory and cannot be disabled. The app should handle cases where a module is temporarily unavailable (e.g., due to a server outage).", "benefits": "Users can customize their dashboard to see the information that is most relevant to them, improving their efficiency and overall experience. This personalization makes the app more useful and engaging.", "mental_model": "The screen supports a mental model of a customizable dashboard where users can choose which modules to display and how to arrange them. It reinforces the idea that the app can be tailored to individual needs and preferences." }, "relationships": { "connects_to": [ { "screen_type": "Dashboard", "trigger": "Tap the 'X' icon", "data_passed": "Updated dashboard configuration (enabled/disabled widgets)", "purpose": "Return to the main dashboard with the changes made in the edit screen." }, { "screen_type": "Dashboard", "trigger": "Tap 'Reset to Default Layout'", "data_passed": "Default dashboard configuration", "purpose": "Return to the main dashboard with the default widgets enabled." } ], "depends_on": [ { "screen_type": "Dashboard", "required_data": "Current dashboard configuration (enabled/disabled widgets)", "purpose": "To display the current state of the dashboard widgets and allow the user to edit them." } ], "data_flow": "The screen receives the current dashboard configuration from the main dashboard. The user can then toggle widgets on or off. When the user exits the screen, the updated configuration is sent back to the main dashboard.", "navigation_patterns": [ { "pattern_type": "modal", "description": "The 'Edit Dashboard' screen is presented as a modal overlay on top of the main dashboard. The user can dismiss the modal to return to the dashboard." } ], "feature_dependencies": [ "dashboard", "checklists", "vacation", "events", "tips", "feature voting" ], "alternative_paths": [ { "description": "Instead of editing the dashboard, the user might choose to use the dashboard as is, without making any changes." } ] }, "user_flows": { "user_journeys": [ { "journey_name": "Customize Dashboard", "goal": "Personalize the dashboard by enabling or disabling specific features.", "steps": [ { "step_number": 1, "screen_type": "Edit Dashboard", "action": "Toggle the 'Checklists' switch to disable it.", "outcome": "The 'Checklists' feature is disabled on the dashboard." }, { "step_number": 2, "screen_type": "Edit Dashboard", "action": "Toggle the 'Vacation' switch to disable it.", "outcome": "The 'Vacation' feature is disabled on the dashboard." }, { "step_number": 3, "screen_type": "Edit Dashboard", "action": "Toggle the 'Events' switch to disable it.", "outcome": "The 'Events' feature is disabled on the dashboard." }, { "step_number": 4, "screen_type": "Edit Dashboard", "action": "Toggle the 'Tips' switch to disable it.", "outcome": "The 'Tips' feature is disabled on the dashboard." }, { "step_number": 5, "screen_type": "Edit Dashboard", "action": "Toggle the 'Feature Vote & Recommend Ordio' switch to disable it.", "outcome": "The 'Feature Vote & Recommend Ordio' feature is disabled on the dashboard." } ], "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.", "Hide modules you don't use to declutter your dashboard.", "Prioritize the modules you use most often by rearranging them." ], "manager": [ "Ensure your team has access to the most important information by customizing the default dashboard layout.", "Highlight key performance indicators (KPIs) for your team by making them prominent on the dashboard." ], "hr_admin": [ "Control which modules are available to employees to ensure compliance and consistency.", "Promote important company initiatives by featuring them on the dashboard." ], "general": [ "Personalize your dashboard experience.", "Improve efficiency by focusing on relevant information.", "Reduce information overload." ] }, "business_value": { "problem_solved": "Users are often overwhelmed by too much information on their dashboards and struggle to find what they need quickly.", "value_proposition": "Provides users with the ability to customize their dashboard layout and content, making it more efficient and relevant to their individual needs.", "differentiators": "Offers a simple and intuitive interface for customizing the dashboard, allowing users to easily rearrange and hide modules.", "impact": "Increased user engagement, improved productivity, and better access to critical information." }, "use_cases": [ { "scenario": "An employee wants to focus on their upcoming events and checklists, so they move those modules to the top of their dashboard and hide the 'Tips' module.", "user_type": "employee", "benefit": "Improved focus and efficiency by prioritizing relevant information." }, { "scenario": "A manager wants to ensure their team is aware of upcoming vacations, so they make the 'Vacation' module prominent on the team's default dashboard layout.", "user_type": "manager", "benefit": "Improved team coordination and awareness of time off." }, { "scenario": "An HR admin wants to promote a new feature vote and recommendation system, so they ensure the 'Feature Vote & Recommend Ordio' module is visible to all employees.", "user_type": "hr_admin", "benefit": "Increased employee participation in company initiatives and improved feedback collection." } ], "value_statements": [ "Customize your dashboard for a more personalized and efficient experience.", "Take control of your dashboard and focus on what matters most.", "Declutter your dashboard and improve your productivity.", "Make your dashboard work for you, not the other way around." ] } }