Strategic Architect Framework: Microsoft CSA Training Program

Sample Diagrams: Before & After

Module 03: Cognitive Load & Visual Communication
How to use: Each example shows the same architecture described to the same customer: once as a "Before" (common mistakes) and once as an "After" (Diagram Audit applied). Study the annotation column. The transformations are more about what is removed than what is added.

Example 1: Healthcare Data Lake (Executive Audience)

Before: Common CSA First Draft

Overloaded Azure clinical data architecture with many service icons, acronyms, security details, and competing visual paths
The architecture is technically plausible, but the audience must decode 34 elements before finding the decision.
Download editable draw.io Download PNG

What went wrong:

What happened in the room: The CIO asked three minutes in, "Can you walk us through this at a high level?" The clinical informatics team began debating the Purview configuration. The CFO opened his phone. No decision was made.

After: Diagram Audit Applied

Decision-focused clinical data platform showing current-state pain, three business capabilities, an audited compliance boundary, and the approval decision
The same Azure services are grouped behind business capabilities, with a clear left-to-right story and one decision.
Download editable draw.io Download PNG

What changed:

What happened in the room: The CIO said, "This is the clearest we've seen the project." The CFO asked one question about the compliance boundary. The clinical team asked about data ownership. All three were the right conversations.

Example 2: Manufacturing IoT (Mixed Audience: VP + Engineering)

Before: Single Diagram for All Audiences

Manufacturing IoT architecture that combines executive and engineering concerns in one crowded view
One artifact tries to explain the business outcome and the implementation contract at the same time. Neither audience gets its decision.
Download editable draw.io Download PNG

What went wrong:

After: Two-Version Strategy

Version A: VP of Operations
Executive manufacturing IoT diagram showing five business steps and the reduction in downtime detection
Five steps, one pilot decision, and one measurable operational outcome.
Version B: Engineering Team
Engineering manufacturing IoT diagram with SCADA, edge buffering, IoT Hub, streaming, machine learning, archive, monitoring, and fail-safe behavior
Implementation contracts, protocols, buffering, archive, monitoring, and fail-safe behavior are explicit.

Version A (VP of Operations, 5-minute briefing): 5 elements only. Sensor → Edge Gateway → Azure → Dashboard → Downtime Alert. Title: "Line 7 Pilot: What Changes Day 1." No service names, no technical detail. The visual centerpiece compares 5-minute downtime alerts with 45-minute manual detection today.

Version B (Engineering team, 45-minute working session): Full architecture with IoT Hub, Stream Analytics, Machine Learning inference, SCADA integration point, OPC-UA protocol detail, and networking. Every technical element present. Separate document; distributed before the meeting so engineers read it before the room discussion.

Key principle: Two versions, two meetings, two decisions. Never show Version B to the VP. Never show only Version A to the engineering team.

Example 3: Financial Services Migration (Stalled Decision)

Before: Architecture That Created the Stall

Detailed financial services landing zone architecture with the ExpressRoute funding decision buried below the topology
The architecture is clear to a platform team, but the executive decision is a footnote beneath the topology.
Download editable draw.io Download PNG

The migration proposal showed a technically sound Azure Landing Zone with Hub-Spoke topology, Express Route, Azure Firewall, Sentinel SIEM, and a 14-service PaaS migration target. The CTO loved it. The CFO asked for "something simpler." The project stalled for 6 weeks.

After: Decision-Forcing Redesign

Executive financial services migration diagram organized around protected assets, Azure controls, retired responsibilities, and a connection decision
The technical design is summarized as business capabilities, while the connection decision is promoted to the foreground.
Download editable draw.io Download PNG

The redesign wasn't architectural: it was visual. The same architecture was redrawn as three boxes: (1) "What we're protecting" [current workloads], (2) "How we protect it in Azure" [security and compliance boundary, labeled in business terms], (3) "What you're not responsible for after migration" [list of eliminated costs and risks]. The controversial Express Route decision was surfaced as an explicit binary choice with a $X vs. $Y cost table, not buried in the architecture. The CFO made the decision in 20 minutes.

Annotation Key: The Five Most Common Diagram Mistakes

MistakeSignalFix
Title names the technology, not the outcome"Azure Synapse Architecture""Real-Time Inventory Visibility: How It Works"
Element count exceeds audience toleranceExecutives stop asking questions (defensive shutdown)Create a second version with ≤8 elements
No before/after contrastCustomer asks "what changes?"Add a grey "current state" layer to every executive diagram
Jargon labels on every componentBusiness sponsor cannot narrate the diagramReplace service names with business function labels
Single diagram for all audiencesEngineering debates detail; executives check phonesAlways prepare two versions; sequence them separately