Wireframes

Sidebar activity without sub activities

Top Menu Actions:

• By incorporating top menu actions directly related to the selected activity on the map, users have quick access to essential functionalities without navigating to other sections. This minimizes the number of clicks needed for common actions.

Title Display:

• Displaying the title of the selected activity along with its unique identifier provides users with clear context and identification, reducing cognitive load.

Form to edit:

• Dedicated section for editing the selected activity in the same view minimize the need for users to navigate away, maintaining a focused and uninterrupted workflow.

Actions buttons

• Requiring confirmation buttons to appear only when changes are made ensures that users are prompted to save or discard modifications, reducing the risk of accidental data loss. This approach enhances user control and provides a clear feedback loop.

Not edited

Edited

Wireframes

Sidebar with sub-activities

Tab Navigation Menu:

• Including a tab navigation menu for selecting different aspects of the activity, such as completion criteria and actions, ensures that users can efficiently switch between relevant information without leaving the main view.

List of Sub-activities:

• Presenting a list of subactivities within the sidebar allows users to easily navigate and select specific components, avoiding the need to switch between different pages or sections.

Create new sub-activities

• Dedicated button to create a new sub-activity without leaving the map, it will open a new section below to manage this action.

Sub-actibities menu option

• By incorporating top menu actions directly related to the selected sub-activity in the listing, users have quick access to essential functionalities without having to navigate to other sections. This minimises the number of clicks required for common actions.

Sub-activity selected

Sub-activity not selected

Wireframes

Integrating a copy activity mode

Efficiency in Activity Replication:

• By allowing users to copy specific elements of an activity, such as title, description, and responsible parties, they can quickly replicate similar tasks or activities across different projects or templates. This saves time and effort in manually recreating similar tasks from scratch.

Consistency and Standardization:

• The ability to copy completion criteria, links, and documents ensures consistency and standardization across activities within the platform. Users can maintain uniformity in defining completion requirements and accessing relevant resources, leading to improved project management practices.

Enhanced Collaboration and Accountability:

• Integrating approvers, watchers, and tags into the copy activity mode promotes collaboration and accountability within project teams. Users can easily designate approvers and watchers for copied activities, ensuring timely reviews and keeping relevant stakeholders informed. Tags facilitate categorization and organization of activities, making it easier to manage and track tasks.

Reuse of Templates and Best Practices:

• The option to add tags to a library of activities for reuse in other projects or templates promotes the reuse of proven templates and best practices. Users can create standardized activity templates with predefined tags, allowing for consistent project execution and leveraging successful strategies across various projects.

Streamlined Documentation Management:

• Including links to central documents without the input part streamlines documentation management within the platform. Users can reference relevant documents directly from the activity without duplicating or manually managing document attachments, reducing clutter and ensuring easy access to essential resources.

Copy mode

Wireframes

Activity History

Facilitates Retrospective Navigation:

• With the activity history in the sidebar, users can easily scroll back to review previous actions taken on the platform. This allows them to track their progress and return to specific actions when necessary, providing a smoother and more efficient user experience.

Increases Usability:

• By providing users with the ability to see in detail the previous actions taken, the design enhances usability by allowing them to better understand the context of their previous work. This helps reduce the likelihood of errors and facilitates the correction of any incorrect actions.

Improves User Experience:

• The ability to undo and redo previous actions is a highly valued feature in user interfaces. By adding this functionality to the sidebar, the platform's design becomes more robust and satisfying for users, enhancing their overall experience.

Encourages Experimentation:

• Knowing they can revert any action taken gives users the confidence to experiment and try out new features without fear of making irreversible mistakes. This encourages exploration and discovery in the platform, which can lead to increased engagement and commitment.

History list

History detail

Wireframes

Sidebar Filter activity

Visual Clarity and Organization:

• The top menu filters and function-based colors contribute to a visually organized map, reducing cognitive load and improving overall clarity.

Efficient Search and Retrieval:

• The secondary search bar and filters enhance the efficiency of finding activities, providing users with multiple pathways to locate information quickly.

Customization and Personalization:

• Tags, topics, and function-based filters allow users to customize their view, tailoring the map to their specific needs. This level of personalization enhances the user experience by adapting the interface to individual preferences.

Reduced Visual Clutter:

• The opacity adjustment and filtering options help reduce visual clutter on the map, ensuring that users can focus on the most relevant activities without distraction.

Intuitive Navigation:

• The combination of search bars, filters, and color-coded functions promotes an intuitive navigation experience, making it easier for users to interact with the map based on their unique requirements.

Filter sidebar design