Pictograms

How to design and test pictograms that communicate actions, places, or concepts clearly across sizes, contexts, and audiences.

Pictograms

In brief

Pictograms are simplified visual messages. Their apparent simplicity comes from careful choices about meaning, context, consistency, and testing.

Original pictogram family shown as component shapes, optical construction, and large and small scale tests

Common tools

  • Adobe Illustrator
  • Figma

Skills in play

  • Research
  • Systems thinking
  • Accessibility

What it is

A pictogram is a simplified image intended to communicate a place, action, object, or condition quickly. It may appear on a sign, map, package, interface, or instruction sheet. Unlike decorative illustration, it has a specific meaning to convey. Unlike a logo, it generally needs to be understood by people who have never encountered the system before.

That does not make pictograms universal by default. Meaning changes with culture, experience, context, and the surrounding words. A symbol that seems obvious to the designer may be ambiguous to a first-time visitor.

Start with meaning and context

Write the message in plain language before drawing. Is the symbol identifying a facility, directing someone to it, or asking for an action? Those are different jobs. Check whether an established symbol already exists and is appropriate. For public information, regulated safety, or other standardised contexts, consult the relevant standard and local requirements rather than inventing a familiar-looking substitute.

Study where the symbol will appear: size, distance, viewing time, background, lighting, neighbouring signs, and whether words can accompany it. A tiny icon on a phone and a large sign in a station may need different optical adjustments even if they share the same core form.

Build a coherent family

Reduce without losing the idea

Sketch several recognisable ways to express the concept. Remove detail that does not change identification; retain features that distinguish it from adjacent symbols. Compare candidates at the smallest intended size and in silhouette. Thin features and intricate negative spaces often disappear first.

Define a shared grid, stroke or fill approach, corner character, human proportions, and optical balance. Consistency helps the set feel related, but it must not make different meanings look alike. Give each symbol enough distinct structure to be recognised quickly.

Design the surrounding system

Consider labels, arrows, colour, spacing, and placement. Text can resolve ambiguity and should not be treated as a failure of the pictogram. In interfaces, a symbol used as an interactive control needs an accessible name that describes its action, not merely its appearance. Do not assume colour alone will distinguish states or destinations.

Test a family together. A single pictogram may look clear until it sits beside five similar ones. Check whether viewers confuse entry and exit, information and help, or facilities that share similar silhouettes.

Test comprehension, not taste

Show each symbol without its intended label and ask participants what they think it means. Then test it in the real context and with the label or surrounding sign. Record competing interpretations, not just whether someone calls it attractive. Include audiences with different language and cultural backgrounds where the setting warrants it.

Refine the symbol and retest. If comprehension remains weak, use words or a different communication form. Not every complex concept can be made clear through one small drawing. Maintain an approved master set and naming system so later additions do not quietly drift in weight, meaning, or construction.

Common mistake

Mistaking minimal shape for clear communication. The best pictogram is not necessarily the simplest drawing; it is the one that people can interpret correctly, in context, when they need it.

Sister pages

Explore Illustration and Image-making

Let’s Dish It Out

Send us your brief, your wildest idea, or just a hello. We’ll season it with curiosity and serve back something fresh, cooked with care.

Talk to the Chef πŸ₯‘