Visual diagraming: your new secret superpower


Dear Reader,

Visual diagramming is like having a secret superpower.

Diagrams allow you to express complex ideas and concepts with a simple visual so everyone instantly understands...without boring explanations.

What exactly is a visual diagram?

A visual diagram is a graphical representation that uses symbols, shapes, and connections to illustrate and explain a concept or system. They can range from simple to complex.

For example, a circle could become a simple Venn Diagram or a complex Mind Map:

But there is so much more you can do with them as a designer.

Try creating visual diagrams to help you make sense of data. They can support when you're trying to synthesize vast amounts of information, revealing patterns and relationships that might have otherwise gone unnoticed.

They can also come to your aid when it's time to present your research. Instead of overwhelming your audience with heaps of data, you can distill your research into visually compelling diagrams that captivate their attention and make the information more digestible and memorable, a crucial skill for UX researchers.

They can also convey strategy in a way that words never could. By illustrating complex concepts, you make them accessible and can effectively communicate the importance of service or strategic design concepts to stakeholders.

But it doesn't stop there.

Diagrams aren't just for communication. They also serve as interactive tools during workshops. With a simple diagram, you can engage participants with engaging backdrops for workshop activities.

You may be wondering how to get better at visual diagrams. Here are my suggestions:

  1. Train by doodling: Try sketching IRL as you think about complex concepts and see what diagrams emerge.
  2. Study existing diagrams: Take inspiration from various visual diagrams online (try 3 Types of UX Diagrams for a start).
  3. Remix popular diagrams: Redesign your favorite diagrams using different colors, shapes, arrows, and groupings to create something totally new.

So, imagine yourself equipped to create visual diagrams that captivate, communicate, and synthesize.

It's a skill that elevates your design practice, making you a more effective communicator, collaborator, and problem solver.

Unlock the power of visual diagramming and watch your design superpowers soar.

Time to finish this months book: Ruined by Design

Want to join the event? Grab the book and join the #book-club channel in the Guild of Working Designers Slack!


Integrating Sustainability in Product Design
Tuesday, June 13, 2023
Gain Insights and tips for integrating sustainability into your design work
Reserve a seat


Continuous UX Research: LIVE
October 2-23, 2023
Learn how to explore user needs and run weekly discovery.
Reserve a seat



⬜️ White Space Analysis
White space analysis is the process companies use to evaluate their existing products, services, and markets to address unmet customer needs
shared by Adam Cochrane
Learn more


🗺️ A guide to Service Blueprints
A blueprint is an operational tool that visualizes the components of a service in enough detail to analyze, implement, and maintain it.
shared by Angela Garcia
Learn more


Apply to join the Guild of Working Designers here.

Until next week!

Hannah Baker
Educator & Co-Founder
The Fountain Institute

The Fountain Institute

The Fountain Institute is an independent online school that teaches advanced UX & product skills.

Read more from The Fountain Institute

Which parts of your work do you actually want to keep? By Hannah Baker This one's a few days late; life got in the way. Back to our regular scheduled broadcast next week. For a long time, I was using Claude the same way most people do. As a chat function. A thinking partner. Something to help me get things done. But I kept running into the same problem. Every new conversation, I'd have to re-explain everything, my tone, my formatting, what I needed the output to look like. So I'd stay in the...

Purple gradients, an AI-generated tell

7 Tells that a UI is AI-Generated by Jeff Humble Dear Reader, You can see a vibe-coded app from a mile away, if you know what to look for. Here are seven design patterns that scream amateur vibe coder. Learn them, avoid them, and stay above the rising tide of slop, my friends. 1. Neon color palette from IceWhistle If it's vibe-coded, it's gotta be neon. To slop this one up to the max, use 5+ neon colors and never pick a single one to focus. Why AI loves it: Neon-on-dark is overrepresented in...

The brief that keeps changing By Hannah Baker Dear Reader, There’s a particular kind of exhaustion I keep hearing about. It’s not burnout, exactly. It’s not being overworked. It’s something more specific, the feeling of being asked to plan something when the thing you’re planning for keeps shifting underneath you. I’ve been hearing it a lot lately. And more and more, it has AI somewhere in the middle of it. Here’s a version of a situation I keep encountering. Someone is working on two large...