1.1Choose a template & drop shapes
The essentials in 30 seconds
- First decisive step: CHOOSE THE RIGHT MODEL (it configures the page and loads the appropriate templates). Choosing wisely avoids reconfiguring.
- Central and repeated gesture: DRAG and DROP shapes from the Shapes pane onto the page. We populate the page by dragging the desired shapes.
- Position CLEANLY thanks to the GRID and dynamic ALIGNMENT MARKS; resize via handles; DUPLICATE (copy and paste) identical shapes.
Ongoing mini-case — Nadia applies “Choose a model & place shapes”
Nadia, quality and organization manager in a service SME in Algiers, must construct the beginning of a diagram by choosing a model and depositing/positioning shapes neatly. She starts from “Choose a model & drop shapes” and follows the procedure: Choose the model adapted to your diagram (it loads the right templates) and open the drawing page. Drag shapes from the Shapes pane onto the page (drag and drop) and position them; use the grid and alignment guides for clean placement. Resize a shape via its handles and duplicate an identical shape (copy-paste or Ctrl+drag) rather than re-drag it. Hover over a placed shape to see the auto-connect arrows (level 1-2 preview) and adopt the order: lay shapes → connect → dress. Expected result: You build the beginning of a diagram by choosing a model and depositing/positioning shapes properly (grid, markers, duplication) — the fundamental gesture of any diagram.
Ongoing case from section 1.1: it comes back in the script and the 48 hour challenge.
1. Choose the model, place the shapes
Let's build our first diagram. The first, decisive step is to choose the right template — because it configures the page and loads the appropriate templates (reminder of level 0). For an organization chart, we start from the Organization chart model; for a process, of the Logigram model; etc. Choosing wisely from the start avoids reconfiguring later. Once the model is opened, the construction is done by a central and repeated gesture: dropping shapes. In the Shapes pane (on the left), we locate the desired shape in a template, and we drag it to the drawing page (drag and drop). It's as simple as that: you populate the page by dragging the shapes you need, one by one, to the desired locations. We position them, we resize them (handles at the corners), we move them freely.
2. Position neatly
Some techniques and good practices from this first contact. Positioning: Visio helps align shapes with the grid and dynamic alignment guides (lines that appear when one shape aligns with another — for clean placement); Grid snapping can be enabled. Careful placement from the start makes it easier to read (we'll see precise alignment in 2-4). Resizing: we adjust the size via the handles, maintaining the proportions if necessary. duplication: for several identical shapes, copy and paste (or Ctrl+drag) rather than re-drag each time. A handy feature of Visio: when you hover over a placed shape, automatic connection arrows (on all four sides) appear — they allow you to add AND connect a new shape with a single gesture (we'll go deeper into connectors in 1-2). An important principle to integrate early: we ASSEMBLE ready-to-use shapes (no free drawing), and the logical order is generally to first PLACE the main shapes (the “boxes”), then CONNECT them, then dress them (text, colors). This first gesture — choosing a template, dragging shapes, positioning them — is the foundation of any diagram: every diagram you create will begin like this. Mastering it (dropping, positioning, resizing, duplicating neatly) makes you immediately able to start building any diagram.
🔎 Concrete example — Place neatly
Visio helpers.
Dynamic Alignment Guides: Follow the lines that appear.
Grid + hanging: position the shapes regularly.
→ duplicate (copy and paste) rather than re-drag an identical shape.Result: the fundamental gesture of any diagram.
Reflex: place the shapes, then connect, then dress.
Section vocabulary
- Choose the right model
- First decisive step: the template configures the page and loads the templates adapted to the type of diagram. Choosing wisely avoids reconfiguring.
Simple example: In “Choose a model & drop shapes”, Nadia applies it like this: choose the model adapted to your diagram (it loads the right templates) and open the drawing page.
What it is not: It is not a simple decorative element: without this reference, the diagram loses clarity or rigor.
Reflex: Choose the right template → first decisive step: the template configures the page and loads the templates adapted to the type of diagram
- Dropping shapes (drag and drop)
- Middle gesture: Drag a shape from the Shapes pane to the drawing page. We populate the page by dragging the desired shapes to the desired locations.
Simple example: In “Choose a model & drop shapes”, Nadia applies it like this: choose the model adapted to your diagram (it loads the right templates) and open the drawing page.
What it is not: It is not a simple decorative element: without this reference, the diagram loses clarity or rigor.
Reflex: Dropping shapes (drag and drop) → middle gesture: drag a shape from the Shapes pane to the drawing page
- Grid & alignment marks
- Clean positioning aids: the grid and dynamic guides (lines that appear when one shape aligns with another) for careful placement.
Simple example: In “Choose a model & drop shapes”, Nadia applies it like this: choose the model adapted to your diagram (it loads the right templates) and open the drawing page.
What it is not: It is not a simple decorative element: without this reference, the diagram loses clarity or rigor.
Reflex: Grid & alignment markers → clean positioning aids: grid and dynamic markers (lines that appear when one shape aligns with another) for careful placement
- Resize/duplicate
- Adjust the size via the handles (at the corners); copy-paste (or Ctrl+drag) identical shapes rather than re-drag each time.
Simple example: In “Choose a model & drop shapes”, Nadia applies it like this: choose the model adapted to your diagram (it loads the right templates) and open the drawing page.
What it is not: It is not a simple decorative element: without this reference, the diagram loses clarity or rigor.
Reflex: Resize/duplicate → adjust size via handles (at corners)
- Logical order of construction
- First place the main shapes (the “boxes”), then connect them, then dress them (text, colors). We assemble shapes, we don't draw.
Simple example: In “Choose a model & drop shapes”, Nadia applies it like this: choose the model adapted to your diagram (it loads the right templates) and open the drawing page.
What it is not: It is not a simple decorative element: without this reference, the diagram loses clarity or rigor.
Reflex: Logical order of construction → first place the main shapes (the “boxes”), then connect them, then dress them (text, colors)
In practice — Place and position your first shapes
- Choose the appropriate template for your diagram (it loads the correct templates) and open the drawing page.
- Drag shapes from the Shapes pane onto the page (drag and drop) and position them; use the grid and alignment guides for clean placement.
- Resize a shape via its handles and duplicate an identical shape (copy-paste or Ctrl+drag) rather than re-drag it.
- Hover over a placed shape to see the auto-connect arrows (level 1-2 preview) and adopt the order: lay shapes → connect → dress.
Script to say — Choose a template & drop shapes
1) Choose the template suitable for your diagram (it loads the correct templates) and open the drawing page. 2) Drag shapes from the Shapes pane to the page (drag and drop) and position them; use the grid and alignment guides for clean placement. 3) Resize a shape via its handles and duplicate an identical shape (copy-paste or Ctrl+drag) rather than re-drag it. 4) Hover over a placed shape to see the auto connect arrows (level 1-2 preview) and adopt the order: lay shapes → connect → dress. Then I check: You build the beginning of a diagram by choosing a model and depositing/positioning shapes properly (grid, markers, duplication) — the fundamental gesture of any diagram
Adapt the names, forms and distribution format to your context.
Copy and paste model — Card 1.1
Card 1.1 — Choose a model & place shapes
Objective: build the beginning of a diagram by choosing a template and dropping/positioning shapes neatly
1. Choose the appropriate template for your diagram (it loads the correct templates) and open the drawing page.
2. Drag shapes from the Shapes pane to the page (drag and drop) and position them; use the grid and alignment guides for clean placement.
3. Resize a shape via its handles and duplicate an identical shape (copy-paste or Ctrl+drag) rather than re-drag it.
4. Hover over a placed shape to see the auto-connect arrows (level 1-2 preview) and adopt the order: lay shapes → connect → dress.
Expected result: You build the beginning of a diagram by choosing a model and depositing/positioning shapes properly (grid, markers, duplication) — the fundamental gesture of any diagramSME / low budget
Minimum version: first decisive step: CHOOSE THE RIGHT MODEL (it configures the page and loads the appropriate templates). Choosing wisely avoids reconfiguring. We limit ourselves to a model, a diagram and a PDF export.
Algerian SME
Local context: central and repeated gesture: DRAG and DROP shapes from the Shapes pane onto the page. We populate the page by dragging the desired shapes. We adapt the wording, examples and distribution formats to the team.
Remote work
Remotely: position CLEANLY thanks to the GRID and dynamic ALIGNMENT MARKS; resize via handles; DUPLICATE (copy and paste) identical shapes. We favor cloud storage, sharing by link and comments.
Multidisciplinary team
For a mixed audience: principle: we ASSEMBLE shapes (no free drawing). Logical order: PLACE the main shapes → CONNECT them (1-2) → DRESS them (text, colors). The foundation of any diagram. We explain the symbols and keep the wording short.
✓ Best practices
- Choose the right model first.
- Follow the alignment marks for clean placement.
- Duplicate identical shapes rather than re-drag.
✗ Common pitfalls
- Place the shapes out of order (draft diagram).
- Dress (colors) before installing the structure.
- Squeeze the shapes without leaving any gaps.
Key takeaways
- First decisive step: CHOOSE THE RIGHT MODEL (it configures the page and loads the appropriate templates). Choosing wisely avoids reconfiguring.
- Central and repeated gesture: DRAG and DROP shapes from the Shapes pane onto the page. We populate the page by dragging the desired shapes.
- Position CLEANLY thanks to the GRID and dynamic ALIGNMENT MARKS; resize via handles; DUPLICATE (copy and paste) identical shapes.
- Principle: we ASSEMBLE shapes (no free drawing). Logical order: PLACE the main shapes → CONNECT them (1-2) → DRESS them (text, colors). The foundation of any diagram.
48h challenge — apply tomorrow
Within 48 hours, take a real diagram and apply “Choose a template & drop shapes”: You build the beginning of a diagram by choosing a template and dropping/positioning shapes properly (grid, guides, duplication) — the fundamental gesture of any diagram Deliver the .vsdx and a PDF export, with a sentence about what has changed.
- I know how to explain: First decisive step: CHOOSE THE RIGHT MODEL (it configures the page and loads the appropriate templates). Choosing wisely avoids reconfiguring.
- Central and repeated gesture: DRAG and DROP shapes from the Shapes pane onto the page. We populate the page by dragging the desired shapes.
- Position CLEANLY thanks to the GRID and dynamic ALIGNMENT MARKS; resize via handles; DUPLICATE (copy and paste) identical shapes.
Frequently asked questions
What is the correct order to construct a diagram efficiently?
A logical construction order makes diagramming smoother and the result cleaner — here's a proven approach and why it works. The recommended approach: (1) CHOOSE the right MODEL first. First of all, select the model corresponding to your type of diagram (organization chart, flowchart, network, etc.). It configures the page and loads the appropriate templates — you leave in the right conditions, with the right shapes available. (2) THINK about the structure (before or during). Have an idea of what you want to represent: what are the main forms (the steps of a process, the positions of an organization chart, the equipment of a network)? how do they fit together? A mental (or paper) sketch of the structure helps you not get lost. For a process, think about the flow (start → steps → decisions → end); for an organization chart, to the hierarchy. (3) PUT the main shapes (the “boxes”). First place the structuring shapes (the main steps/stations/elements) in the right locations, positioning them properly (grid, alignment marks). Don't worry about connections or dressing yet — build the skeleton. (4) CONNECT shapes. Once the main shapes are in place, CONNECT them with connectors (section 1-2) to express relationships, flow, hierarchy. Doing this AFTER having placed the shapes is simpler (we see the structure, we connect logically). (5) ADD the TEXT. Fill in the text in the shapes (names, labels) and on the connectors if necessary (section 1-3). The diagram makes sense. (6) DRESS (colors, styles, themes). LAST, apply the formatting (colors, theme — section 1-4) for a consistent and professional look. We take care of the appearance once the content and structure are in place. (7) PAGE UP and CHECK. Adjust the layout (section 1-5), check for clarity, consistency, and absence of errors. Why this order works: (1) From structuring to detail. We first build the SKELETON (main shapes, connections), THEN we dress it up (text, colors). This avoids wasting time refining the appearance of shapes that we are going to move/modify, and keeps the focus on the logic of the diagram before the aesthetics. (2) Connect after installation. Connecting shapes already in place is simpler and more logical than connecting as you go (you see the whole, you connect correctly). And the Visio connectors follow the shapes if you then move them. (3) Dress last. Applying the colors/theme at the end, on a structured diagram, gives a coherent result at once (via the themes) rather than coloring shape by shape as you go. (4) Efficiency. This order avoids going back and forth (refining then reorganizing everything). We move forward logically: structure → connections → content → appearance → finish. Nuances: (1) The order is a GUIDELINE, not a rigid rule — we adjust, we go back (the diagrams evolve). (2) For very small diagrams, you can do everything at once (the order matters less). (3) Certain features (automatic connection by hovering over a shape) allow you to add AND connect in one gesture — useful for quickly building a flow. (4) The important thing is the PRINCIPLE: structure first, dressing then; don't get lost in aesthetics before you have logic. In summary: build a diagram efficiently by following an order from STRUCTURANT to DETAIL — (1) choose the right model, (2) think about the structure, (3) lay out the main shapes (the skeleton), (4) connect them, (5) add the text, (6) dress up (colors, theme) last, (7) layout and check. This order is effective because it builds the logic before the appearance (we do not refine what we are going to change), makes the connection and the design simpler (forms already in place), and avoids back and forth. It's a guideline to adapt, but the principle (structure first, dressing then) makes the creation more fluid and the result cleaner. Adopting this method from your first diagrams makes you work efficiently and produces better constructed diagrams.
How to place shapes neatly for a diagram that is readable from the start?
Careful placement of shapes is the basis of a READABLE diagram — and Visio offers help to make it easy, even without being a graphic designer. Here's how. Why placement matters: A diagram whose shapes are misaligned, irregularly spaced, or out of order looks messy and reads poorly — even if the content is good. CLEAN placement (shapes lined up, evenly spaced, logically organized) makes the diagram clear, professional, and easy to follow. This is an essential aspect of the quality of a diagram. Visio's aids for clean placement: (1) DYNAMIC ALIGNMENT MARKS. When you move a shape, Visio displays LINES (often in color) that appear when the shape ALIGNS with another (same edge, same center) or is at regular SPACING. These guides guide you to align and space shapes “by eye” precisely — a very handy tool. Follow these guidelines for clean placement as you move. (2) The GRID and the SNAP. The page has a grid (visible or not), and the snap can “snap” the shapes on the grid — for regular alignment. You can activate/deactivate the snap as needed. (3) The ALIGNMENT and DISTRIBUTION tools (section 2-4): to PRECISELY align/space several shapes at once (align them to the left, distribute them evenly, etc.) — dedicated commands, very useful for perfect placement (we will see them in detail). (4) AUTO CONNECTION (hovering over a shape brings up arrows to add/connect an aligned shape) helps build aligned flows. Good placement practices: (1) Use ALIGNMENT GUIDES when moving shapes (follow the lines that appear to align and space). This is the basic reflex for clean placement as you go. (2) Align the shapes (same edges/centers) and SPACE them evenly — an aligned, evenly spaced diagram is much more readable than haphazard placement. (3) Organize LOGICALLY: arrange the shapes according to the logic of the diagram (a flow from left to right or top to bottom, a hierarchy from top to bottom, close groups). Spatial organization must reflect meaning. (4) Leave SPACE (don't squeeze the shapes too tightly) — an airy diagram is more readable than a cluttered diagram. (5) For PRECISE placement of multiple shapes, use the ALIGNMENT/DISTRIBUTION tools (section 2-4) rather than adjusting everything by hand. (6) Keep CONSISTENCY (consistent shape sizes, even spacing). Tips: (1) Don't aim for pixel perfection on the first draft — place the shapes neatly (with guides), and refine the precise alignment afterwards (alignment tools, section 2-4). (2) Careful placement from the start (thanks to benchmarks) makes everything else easier; a botched placement that is corrected later is more painful. (3) Think about READIBILITY from the reader's point of view: is the diagram clear, orderly, easy to follow? (4) The quality of placement makes a big difference in the perception of a diagram (professional vs. messy). In summary: Place shapes neatly for a readable diagram using Visio's aids — especially DYNAMIC ALIGNMENT MARKS (the lines that appear to align and space as you drag), grid/snap, and alignment/distribution tools (section 2-4) for precise placement of multiple shapes. Good practices: align shapes, space them regularly, organize logically (according to flow/hierarchy), leave space (ventilate), stay consistent. Careful placement (aligned, regular, organized shapes) makes the diagram clear and professional; haphazard placement makes it look messy even with good content. Visio helps you (guides, grid, alignment) to place neatly without being a graphic designer — take advantage of these tools from the start. The readability of a diagram depends a lot on the quality of the placement, an aspect to take care of from your first forms.
What is the logical order of constructing a diagram?