Shishir's Guide to Framing Problems on the Whiteboard

Report

A now trite, but well worn phrase: A picture is worth a thousand words

Anyone who has worked closely with me will quickly reflect on my deep love for whiteboards. I love the open blank space and the flexibility to draw and redrew, to frame and reframe.

As Matt (Head of Growth) and I got started building Coda, we spent countless hours on whiteboards, and gradually took our techniques and formalized them. In doing so, we developed a shorthand that made it both easier to develop the right frame and for others to quickly digest it.

Insight: Using colors as a shorthand

Originally this happened by chance. We had a small box of whiteboard markers with a fixed of colors and we started rotating through them. We quickly discovered that if we agreed in advance on what each color meant, it was much easier to collaborate. In fact, we often would start with one of us framing a problem, and then switch places where the other one could finish.

Over the years, these color assignments have stuck with us. Here are the colors we arrived at:

  • Questions (Black): Setting the space. Defining the big questions. From these, one or two will be the eigenquestion(s).

  • Options (Blue): Used to help think broad — defining possible answers or options.

  • Tangible examples (Grey or Brown): Used to make an option concrete. What's the visual?

  • Callouts (Purple): Highlighting the important concept in a concrete example that demonstrates the blue option. Often used for emphasis or to draw the eye.

  • A choice (Orange): Points out a decision or space where we’re leaning among the options.

  • A problem (Red): This has potential issues or could be really tricky. Caution.

  • A benefit (Green): This seems really good — pointing out potential greatness.

That's it, a simple system, but a very useful shorthand. For example, we could look a diagram and say things like:

  • "Looks like you're still framing, it's still all blue"

  • "Ready for tradeoffs? Let me grab green/red"

  • "Decision time? Here's the orange pen"

  • "Perhaps these aren't the right questions? Let's return to black pen"

An example (and a template)

While I love physical whiteboards, over the years, as our team became more distributed, I turned more frequently a digital alternative. My digital whiteboard of choice is Miro (more on that in a separate post).

This is an example of how this coloring technique works in practice! If you want to go deeper check out this doc, Eigenquestions: The Art of Framing Problems.

Categories

Shishir Mehrotra image
Shishir Mehrotra
Co-Founder & CEO@Coda
Long-term productivity nut finally getting a chance to build my dream doc. Previously built products at YouTube, Microsoft, and Centrata. MIT alum. Live in the Bay Area and married to college sweetheart, with 2 wonderful daughters.
Share your comment with the Miroverse community.

Similar templates