Components of project workbench

  • Release version: Zurich
  • Updated July 31, 2025
  • 4 minutes to read
  • Summarize
    Summarized using AI
    This content was generated using new OpenAI-powered functionality. Results are provided on an as is basis and are not guaranteed to be accurate or complete.

    Summary of Components of Project Workbench

    The Project Workbench in ServiceNow provides a comprehensive interface for managing and visualizing project information. It is divided into two main areas: the top pane displays a project timeline visualization, and the bottom pane shows detailed phase information either as a list or a visual task board. A header with actionable buttons and controls enhances navigation and project management. The workbench dynamically adjusts to the browser height and adds scroll bars as needed for accessibility.

    Show full answer Show less

    Header

    The header is a gray bar at the top of the workbench that offers navigation and project controls:

    • Back button: Returns to the Project form to view detailed project information.
    • Select Project: Shows and allows selection of the current project.
    • Add Phase icon: Adds a new phase or milestone to the timeline.
    • Apply Template: Opens a dialog to set a start date and apply a template, visible only for new or blank projects without phases.
    • Options icon: Provides access to Manage Stories, List view, and Visual Task Board (VTB) options depending on the project phases.

    Timeline (Top Pane)

    The timeline visualizes the project schedule using monthly or quarterly markers based on project duration (less than or greater than 500 days). Key elements include:

    • Project name: Displays the project title with a tooltip explaining the date calculation method.
    • Percentage complete: Shows overall project completion based on phase progress.
    • Start and end dates: Reflects the planned project duration.
    • Phases: Represented as colored horizontal bars stacked by start date, with color shading indicating completion percentage.
    • Milestones: Important dates shown as colored circles (green, yellow, red) that can be clicked or dragged to update dates within project bounds.

    Phases in Timeline

    Phases appear as horizontal bars connected to the timeline by vertical lines indicating their start dates. Completion percentage color varies incrementally and is calculated differently based on phase type:

    • Waterfall: Based on completed project tasks.
    • Agile: Based on completed story points.
    • Test: Based on completed test cases.

    Phase availability depends on your Project Management installation setup. Standalone installations support Waterfall phases only, while Project Portfolio Management (PPM) installations allow creation and editing of Waterfall, Agile, and Test phases.

    Milestones in Timeline

    Milestones mark key project dates with colored circles and are configurable by the project manager. They can be selected to update details or dragged along the timeline within the project’s start and end dates.

    Detail View (Bottom Pane)

    The bottom pane shows detailed information relevant to the currently selected phase, varying by phase type:

    • Waterfall: Displays project tasks.
    • Agile: Displays assigned stories.
    • Test: Displays test cases.

    Users can toggle between list view and Visual Task Board (VTB) using buttons in the header, allowing flexible task management and visualization.

    Practical Benefits for ServiceNow Customers

    • Provides clear visualization of project progress and phases for improved tracking and management.
    • Enables interactive editing of phases and milestones directly within the timeline for efficient project updates.
    • Supports different project methodologies (Waterfall, Agile, Test) depending on your ServiceNow configuration.
    • Facilitates quick switching between detailed list views and visual task boards to suit team workflows.

    The project workbench displays project information in two distinct areas. The top pane displays the project visualization, and the bottom pane displays phase details in a list view or visual task board. There is also a header above the workbench that includes several buttons and controls.

    The project workbench scales to fit the available browser height. If necessary, scroll bars are added to display the workbench details.

    Header

    The header is a gray bar that runs across the top of the project workbench.

    The first time a user accesses the project workbench from the Project menu, the header displays the following components:

    After a project is opened, the header displays additional components, depending on the type of project selected.
    • Back (screenshot for back icon): takes the user to the Project form to view the project details.
    • Select Project: displays the current project name. Click the down arrow to select a new project.
    • Add phase icon (screenshot for Add phase icon): adds a phase or milestone to the timeline.
    • Apply Template: opens a dialog box for setting a start date and adding a template to the project. This button appears for new or blank projects that have no phases.
    • Manage Stories: under the Options icon (screenshot for Options icon) displays the story backlog for this project.
    • List: under the Options icon (screenshot for Options icon) displays additional details in list view about the currently selected phase. This button appears if a project has one or more phases.
    • VTB: under the Options icon (screenshot for Options icon) displays additional details in the Visual Task Board about the currently selected phase. This button appears if a project has one or more phases.

    Timeline

    The top pane of the project workbench displays the project timeline. The timeline uses monthly or quarterly markers to represent time. If the duration of a project is less than 500 days, these markers represent months and if the duration is greater than 500 days, these markers represent quarters.

    The project timeline displays the following project information:
    • Project name: the name assigned to the project. Point to the project name to see a message about the project date calculation method used for this project.
    • Percentage complete: the percentage of the project that has been completed. This percentage is based on the duration and the percentage complete of the individual phases.
    • Project start and end dates: the dates specified in the Planned start date and Planned end date fields for this project.
    • Project phases: colored bars that represent the different phases of the project.
    • Milestones: colored and dynamic circles on the timeline that represent important dates in the project life cycle.
    Phases in timeline

    A project phase is represented in the timeline by a horizontal bar. The bar is connected to the timeline by a thin vertical line that indicates the phase start date. The name of the phase appears just above the horizontal bar. Project phases are stacked in the timeline by start date, phase, and the earliest start date appearing at the top. If there are phases than can fit on the timeline, a scroll bar appears on the right side.

    The color of the horizontal bar changes incrementally to reflect the completion percentage of the phase. The percentage completion is calculated based on the phase type:
    • Waterfall: includes project tasks. The completion percentage is based on the number of project tasks that have been completed.
    • Agile: includes stories. The completion percentage is based on the number of story points that have been completed.
    • Test: includes test cases. The completion percentage is based on the number of test cases that have been completed.
    The available phases depend on how Project Management is installed. When Project Management is installed as a standalone app, the project manager can only create and edit the Waterfall phase type. When Project Management is installed as part of the Project Portfolio Management (PPS), the project manager can create and edit all phase types (Waterfall, Agile, and Test).

    When you point to a phase, the cursor changes from an arrow to a hand and a pop-up window displays the phase name and the start and end dates. Clicking a phase in the timeline displays the corresponding task information in the bottom pane of the project workbench.

    Milestones in timeline

    Milestones indicate important dates in a project and are represented along the timeline by colored circles. Three colors are available for milestones: green, yellow, and red. The project manager determines how the colors are used.

    Pointing to a milestone changes the cursor from an arrow to a hand and displays a pop-up window with the short description and planned start date.

    Select a milestone to update the milestone information. You can also drag a milestone along the timeline to change the date. Milestones can be dragged to any point on the timeline within the boundaries of the project start and end dates.

    Detail view

    The bottom pane of the project workbench displays detailed information for the phase currently selected in the timeline. The information displayed varies by the phase type selected:
    • Waterfall: displays the project tasks associated with the phase.
    • Agile: displays the stories assigned to the phase.
    • Test: displays the test cases for the testing phase.
    Information in the bottom pane can be displayed in list view or in a visual task board. The List and VTB buttons in the Project Workbench header control how this information is displayed.