Marcelo Paiva

Two people lean over a table, sketching a grid layout on a large sheet with a pencil.Meant to show: A designer at the paper stage, drawing fast and throwing most of it away, while being wrong still costs a sheet of paper.

Sketches

Paper-stage thinking across recruiting workflows, accessibility tooling and design system navigation — ideas at the point where they are still cheap to be wrong about.

Role
Facilitation and sketching
Year
2023
Built with
Design thinking

Before any interface exists, there is a stack of paper. Sketching is the cheapest way to get an idea out of your head and in front of someone else, and the cheapest way to throw it away when it turns out to be wrong.

I facilitate and coach design teams on design thinking, and sketching is the part of that training people resist hardest — usually because they think the drawing has to be good. It doesn't. It has to be fast, and there have to be a lot of them.

These are mine, though several came out of work with other people. The Critical Alphabet screens are an interface for Lesley-Ann Noel's card deck. The Comunify sketches came out of a project with Mark and Saïda.

About the drawing

The drawing for this piece was generated, not chosen. Hashing the piece’s name fixes one point on the color wheel; the other two follow from it. The same name always gives the same three colors.

#b934a5#953040#368d5a

How this drawing was made

The line under the drawing marked “Meant to show” is written by a person, not the model. A generated drawing keeps what is large and loses what is small, so the detail that decides who someone is can go missing, and a picture only reaches people who can see it. Where the drawing and that line disagree, the line is the intent.

Or press the left arrow and the right arrow.

A case study

This is a report on one project, read straight down in one column: a drawing, what the problem was, and what I did about it.

From top to bottom

  1. At the top, the site header: my name, which goes home, then links to Writing, Work, Signal, Tools and Resume, then Settings, where you choose the drawings, light or dark, and movement.
  2. The case study’s drawing, its title and a one-paragraph summary. Some have a link to the project itself.
  3. The case study, in sections with their own headings, with screenshots along the way.
  4. Some have a gallery of screenshots at the end. Each opens larger, in a viewer you can step through.
  5. About the drawing: how the drawing was made, and the colors it was drawn with.
  6. Links to the newer and older case study. The left and right arrow keys go there too.
  7. At the bottom, the footer: a note on how this site is built, links to Illustrations, Pens, Concepts and Accessibility, this Describe this page button, then GitHub, LinkedIn and email.

What you can do here

Read how the project went.