Microsoft Visio 2013 : Creating swimlane diagrams

In this exercise, you will create a diagram of swimlane same process. By doing this, you will organize the stages of work in lanes based on role to make responsibilities clear.

Note

SET UP Click the File tab, and then click New. Click Flowchart in the Suggested Searches list. Then follow the steps.

  1. Double-click the Cross-functional Flowchart thumbnail. The orientation selection dialog box opens.

    Tip

    If you have previously selected a default orientation, this dialog box will not appear again. However, you can still change both the orientation of a single diagram and the default for future diagrams. On the Cross-Functional Flowchart tab, in the Arrange group, click the Orientation button and make your selection.

  2. Click OK to accept the Horizontal layout option. The CFF add-in places a title band and two swimlanes onto the drawing page.
  3. On the Cross-Functional Flowchart tab, in the Insert group, click the Swimlane button to add another lane to your diagram.

    Tip

    There are three other ways to add swimlanes, each of which is useful at various times:

    • Right-click the header of an existing lane, and Visio offers you a choice of adding a new swimlane above or below the one you’ve selected.
    • Drag a Swimlane shape from the stencil and drop it on top of an existing lane.
    • Point to the boundary between lanes, with the cursor just outside the swimlane structure, and click the blue insertion triangle.
  4. Click the Title bar and type Human Resources Recruiting Swimlane Diagram.
  5. Click the Function title bar for the top swimlane and type Recruiter.
  6. Type HR Admin as the title for the second swimlane, and Candidate for the third swimlane.

    Tip

    You’ve probably already figured this out, but swimlane diagrams are so named because they resemble a swimming pool viewed from above.

    Important

    The remaining screen shots for this exercise were captured using a black and white theme to improve legibility in the print edition of this book. Your swimlane diagram will continue to show the default theme colors, as seen in the preceding graphic, unless you have changed themes.

  7. Drag a Swimlane from the Cross-Functional Flowchart stencil but before you drop it onto the page, pause briefly over the boundary between the HR Admin and Candidate swimlanes. An orange insertion bar appears indicating that the lane you drop will be inserted between the two existing lanes.

    Note

    SEE ALSO Visio 2013 swimlanes are built from a combination of containers and lists.

  8. Drop the swimlane onto the page, and while it is still selected, type Hiring Manager.
  9. On the Home tab, in the Tools group, click the Connector button.

    Important

    If you select a shape with the Connector Tool and then drag another shape onto the page, Visio automatically adds a connector from the first shape to the second. In this exercise, you accomplish this by leaving each shape selected after dragging it onto the page and typing text into it.

    You can stop the automatic addition of connectors by deselecting a shape before dragging the next one onto the page. Alternatively, you can select a different shape at any time to change which shapes will be connected automatically.

  10. Drag a Start/End shape from the Basic Flowchart Shapes stencil onto the drawing page, and use the Dynamic Grid to position it toward the left end of the Hiring Manager lane.
  11. With the Start/End shape still selected, type Hiring need reported.

    Tip

    It is not necessary to exit text edit mode before continuing to the next step.

  12. Drag a Process shape into the HR Admin lane, dropping it above and to the right of the Start/End shape, and then type Log hiring request.

    Tip

    To fit the shapes for this exercise onto a single page, ensure that the left edge of each new shape you add to the page overlaps horizontally with the preceding shape as shown in the two graphics that follow.

  13. Draw a connector from the top of the Hiring need reported shape to the left side of the Log hiring request shape.
  14. Drag a Process shape into the Hiring Manager lane, and then type Prepare job description and screening questions.
  15. Use the Connector Tool to link the previous process step to your new task.
  16. Continue adding flowchart shapes to your diagram using the information in rows 4-10 of the following table. (Rows 1-3 represent the shapes you’ve already added.)
    Shape Swimlane Shapetext
    1 Start/End Hiring Manager Hiring need reported
    2 Process HR Admin Log hiring request
    3 Process Hiring Manager Prepare job description and screening questions
    4 Process HR Admin Advertise open job
    5 Process Recruiter Interview candidates
    6 Process Hiring Manager Select a candidate
    7 Process Recruiter Make job offer
    8 Decision Candidate Candidate accepts?
    9 Process Recruiter Hire candidate
    10 Start/End Hiring Manager End
  17. Add a connector from the Candidate accepts? shape to the bottom of the Select a candidate shape, and then type No.
  18. Click the connector from the Candidate accepts? shape to the Hire candidate shape and type Yes.

    Your swimlane diagram should look something like the following graphic. It’s unlikely that your drawing will look exactly like this one, because you probably made different decisions about placing shapes. However, after the general placement and connectivity are correct, you can adjust and tweak your diagram to make it look the way you’d like.

    If you think your diagram is too crowded, realize that the cross-functional flowchart template used the default paper size for your region.

Note

CLEAN UP Save the drawing as HR Recruiting Swimlane, and then close it.

One final note about the Visio 2013 take on cross-functional flowcharts: although the end result looks very much as it has in previous versions of Visio, the underlying structure is very different. In fact, structure is the operative word in the previous sentence. In Visio 2013, each swimlane is a container, and the overall framework is a list.