Perception study · Design and data

Show Your Work

Sixty-seven people sorted 36 images by whether they looked like visual data. The winners had one thing in common, and it was not a chart. It was text that measured the image it sat on.

Three boards, 36 images, one prompt for an audience of emerging designers. Which of these say visual data, and which ones do not?

The top score went to a planet with its surface pressure printed beside it. The bottom score went to a tree drawn inside a sunburst of lines, an image that could be a hierarchy diagram and could be a poster. Nothing on the wall separated them except a layer of small type. Structure, not style, decided the dots.

67Participants

36Images

13Read as visual data

70%Sort threshold

Watch the walkthrough

A walkthrough of the three boards: where the dots landed, and the one layer of type that explains the sort.

Figure 1 · Where the dots landed, board by board

  • Green: associated with visual data
  • Red: least associated
  • Quiet zones: low engagement, not rejection
Board 1 dot map

Board 1. Green stacks on the audio player, the dot pattern, the pie-chart dashboard and the Küche specimen sheet. Red buries the pastel pill, the fractal tree and the contortionist poster.

Board 2 dot map

Board 2. The planet infographic, the top score in the study, sits here in solid green. The OKOK meter sits near it in solid red. Both carry text. Only one carries a measurement.

Board 3 dot map

Board 3. Green on the shadow parameter sheet, the lightning layer breakdown and the Atlas HUD. Red on the sunburst tree, the desert photograph and the gradient sphere.

Dot density is attention as well as verdict. The sunburst tree on Board 3 drew a heavy crowd, and 90.24% of it was red.

Quick answer

Sixty-seven people sorted 36 images against one attribute, visual data, on a 70% threshold. Thirteen images cleared it, twelve were rejected, eleven split the room. Every image that cleared the bar contains what the report calls meta-type: self-referential text that documents the image’s own construction. The planet infographic scored 95.35% with “146.7 kPa” and “2.639 km/s” printed beside the planet. The rejected images share nothing visually, a wireframe, a gradient sphere, a photograph of a dune, except the absence of that layer. Text alone is not the signal: the OKOK meter is covered in copy and took 81.25% red, because its copy makes claims and gives no values. Medium is irrelevant. Print and screen both won when they showed their work.

The form that informs

At Constellations we use perception testing to inform more intuitive, more effective design decisions. That work depends on a shared vocabulary, and one term we meet constantly and see defined almost never is visual data.

It is routinely confused with data visualization, and the two are not the same. Data visualization turns a dataset into a chart, a graph or an infographic to support interpretation. Visual data is information embedded directly in visual form: structured, styled and labelled so that meaning is instantly perceptible. It is not decoration. It is legibility through form.

So we put the question to a board. What does visual data actually mean to people? What associations come up, where is there alignment, and where is there ambiguity? This was the first study run on the Constellations platform, and the answer was sharper than we expected. See the full report for every image and score.

Video 1 · A deeper analysis with our founder

Our founder walks the boards image by image and reads the mechanism behind the sort.

How the study worked

Three boards, twelve images each: dashboards, posters, packaging, renders, photography, interface screens and illustration, mixed with no grouping and no order. The prompt: drag green dots onto the images you most associate with “visual data,” red dots onto the images you least associate with it.

One hundred and eighty-one people opened the survey and 67 completed it, a 37% completion rate. At the report’s 70% threshold the 36 images sort into three groups: thirteen cleared the bar as visual data, twelve were rejected, and eleven split the room. The threshold is what turns a heatmap into a finding. Below it, an image is an opinion. Above it, the room agrees.

Meta-type is the signal

Every image that cleared the bar contains what the report names meta-type: self-referential text that documents the image’s own construction. Numerical values, parameter labels, units, dimensional annotations that describe elements inside the frame. The planet shows its surface pressure. The shadow sheet shows its blur and spread values. The lightning icon is exploded into layers, each annotated with fill, opacity and blend mode.

This is not simply text on an image. It is a feedback loop. The image shows something, the text measures it, and the measurement validates the image. The highest-scoring images do not just show data. They show their work.

Figure 2 · Every image, ranked

All 36 images placed on an axis of their green share A horizontal axis from 0% to 100% green. Thirty-six dots sit on it, stacked where they share a value. Thirteen green dots sit at 70.37% and above, the top one at 95.35%. Twelve red dots sit at 26.67% and below, the lowest at 9.76%. Eleven grey dots fill the middle from 31.71% to 67.65%. 30% GREEN 70% GREEN 0% 25% 50% 75% 100% NOT VISUAL DATA CONTESTED VISUAL DATA Planet 95.35% Sunburst 9.76%
Each dot is one image. The piles are tighter here than in most studies, with the contested zone running up to 67.65% and the top of the rejected pile at 26.67% green, but the sort still holds. Where meta-type leads the frame, the dot goes green. Where it is absent, red. Where it is present but buried, the room argues.

Principal finding

Participants are not judging whether data exists behind an image. They are judging whether the image performs the aesthetic of measurement. Meta-type signals that something has been quantified, verified and subjected to scrutiny. Its presence is the message, whether or not anyone reads the values.

What won: images that show their work

Thirteen images cleared the 70% positive threshold. They range from a planet infographic to a phone dial to a printed packaging specimen to a frame of film credits, and the compositions lean modular: zoned layouts, discrete regions, clear hierarchies, dark grounds with high-contrast readouts. They look like they were made to be verified.

Resonance

The planet infographic

A planet with its surface pressure and escape velocity printed beside it

95% green

Resonance

The shadow sheet

Four shadow swatches with their blur, spread and colour values beneath

91% green

Resonance

The lightning breakdown

An icon exploded into layers, each annotated with fill, opacity and blend mode

89% green

Resonance

The dashboard

A dark dashboard, a pie chart and a labelled timeline

89% green

Resonance

The dot pattern

White dots on blue under a “Human Behaviour | Pattern” header

88% green

Resonance

The specimen sphere

A wireframe sphere with catalogue numbers and readout bars

84% green

Resonance

The glitch

A figure dissolving into pixel noise that reads as signal

78% green

Resonance

The Küche specimen

A printed packaging sheet, every element numbered and addressed

77% green

Resonance

The audio player

Timecode, transport controls and a labelled dial

75% green

Resonance

The phone dial

A dark screen with a circular gauge and a numeric readout

75% green

Resonance

The NOCTA frame

A brand frame with small annotation text at the margins

73% green

Resonance

The Atlas HUD

An instrument face with a labelled readout chip

71% green

Resonance

The credits

Film credits: names in columns under role labels

70% green

Medium does not matter

The array holds digital interfaces, a dashboard, a phone screen, an audio player, and it holds print. The Küche packaging grid, a specimen sheet with numbered elements, scored 76.67% alongside the dashboards. A print sheet with its parts addressed reads as data just as clearly as a screen does. What matters is the layer, not the surface it sits on.

What lost: absence, not presence

Twelve images crossed the 70% negative threshold, and they share almost nothing visually. Monochrome line art, a vibrant gradient sphere, a geometric wireframe, an illustrated wave, an atmospheric photograph, a 3D render. What unites them is not a shared aesthetic. It is the shared absence of meta-type.

None of these images contains self-referential measurement. The sunburst tree at 90.24% resistance could represent a hierarchy, but without labels it could equally be decoration. The wireframe could be a data structure, but unannotated it is a pattern. The gradient could encode something, but without parameters it is just colour.

Resistance

The sunburst tree

A tree inside radiating lines, no label anywhere

90% red

Resistance

The desert

An atmospheric photograph with a geometric arc and a line of copy

88% red

Resistance

The floating cube

A rendered cube over a grid, glowing underneath

88% red

Resistance

The pill

A pastel gradient capsule with a line of marketing copy

88% red

Resistance

The gradient sphere

A soft radial gradient, poster type along the edge

86% red

Resistance

Prolonged circles

Gradient circles in a grid, one word of type

83% red

Resistance

The OKOK meter

Text everywhere, but claims without a single value

81% red

Resistance

The wave pattern

Illustrated line waves in gold on black

78% red

Resistance

The starburst

A pink gradient with a white star

78% red

Resistance

The contortionist

Contour lines around a figure, poster type above

77% red

Resistance

The vinyl wave

A navy sleeve illustration of waves and birds

74% red

Resistance

The wireframe

A geometric net that could be a data structure and says nothing

73% red

The OKOK exception

One rejected image is covered in text. The OKOK meter reads “designed, manufactured, and produced for true emotional reading,” and it took 81.25% red. The copy makes claims and provides no values. That is the distinction in one plate: text alone is not the signal. Self-referential, quantified text is.

Note · Reframing the loss

It would be a mistake to read this array as “avoid organic forms” or “avoid gradients.” The tree, the waves and the gradients are not causing the rejection. The missing layer is. Annotate the wireframe with vertex counts. Label the gradient with colour stops and blend modes. The report’s working hypothesis is that these images would flip.

The twin test

The cleanest pair in the data is two round objects with structure radiating out of them. One is a planet with its atmosphere sketched around it. One is a tree inside a burst of lines. Both are centred, both are illustrated, both are quiet. One carries three measurements and the other carries none.

Planet infographic with measurements
95.35% green The planet infographic Surface pressure 146.7 kPa. Escape velocity 2.639 km/s. The highest score in the study.
Sunburst tree with no labels
90.24% red The sunburst tree The structure of a hierarchy diagram, and not one label. The highest rejection in the study.

The difference between the top of the wall and the bottom of it is a few lines of small type. That is the whole study in two images.

The threshold zone

Eleven images landed between 31.71% and 67.65%, and the pattern is consistent: they contain some meta-type, buried under competing aesthetic elements. The data is there. It is not leading.

Near-positive

The humanoid schematic at 67.65% has technical drawing and dimension lines, partly obscured by atmospheric treatment and a dominant figure. The collage planet at 55.56% has numbered callouts and orbital notation under a vintage aesthetic that muddies the signal.

Near-negative

The fractal tree at 31.71% has the structure of a visualization and zero labelling. The Bartledan dashboard at 42.31% shows real readouts dwarfed by dramatic imagery. The weather app at 40% displays real locations and conditions, and photography owns the frame.

Contested

The humanoid schematic

Dimension lines and drawing marks, half hidden by atmosphere

68% split

Contested

The app cards

Three dark UI cards, titles and one-line descriptions

59% split

Contested

The collage planet

Numbered callouts and orbital notation in a vintage collage

56% split

Contested

About Us

An agency page with section numbers and hairline rules

50% split

Contested

Ping Pong Percussion

Blurred colour bars over a track listing

45% split

Contested

The Bartledan dashboard

Real readouts, dwarfed by the picture behind them

42% split

Contested

The Moody O

One letterform with small annotation marks

41% split

Contested

The weather app

Real locations and conditions, photography owning the frame

40% split

Contested

The trajectory

Light trails tracing an arc, no scale

39% split

Contested

The seasons bars

Four gradient bars with tick marks, a poster line above and below

36% split

Contested

The fractal tree

The shape of a hierarchy with zero labelling

32% split

The contested cases suggest a ratio rule. When meta-type occupies less than roughly 40% of the visual hierarchy, opinion splits. Secondary annotation on a primarily aesthetic image does not reliably register as visual data. The layer has to be present and prominent.

The nutritional label

Consider the nutrition panel on a bottle of soda. Almost nobody reads it. If it were missing, far fewer people would drink the product. Its job is not to communicate values. Its job is to signal that the contents have been measured, regulated and deemed safe. Visual data works the same way. The meta-type layer tells the viewer: this has been subjected to scrutiny, this is accountable, this is trustworthy. The performance of rigour produces the perception of validity.

That is why presence matters more than legibility. Participants were not asking what the data says. They were asking whether anything had been measured. It is the same mechanism we found when we asked designers what “make it pop” means and what elevated design looks like: the room reads a code, and the code can be built deliberately.

Do

  • Add self-referential text. Label elements inside the image with their own properties: dimensions, values, parameters.
  • Show specific values. “146.7 kPa” signals data. “High pressure” does not. Specificity implies measurement.
  • Include units. kPa, km/s, px, %, RGB. Units say quantification happened.
  • Document construction. Layer breakdowns, parameter sheets, dimensional callouts. Make the image explain itself.
  • Use modular layouts. Zoned compositions with clear hierarchy read as informational. The grid is your friend.
  • Put the layer in front. Meta-type has to occupy roughly 40% or more of the hierarchy to register reliably.

Don’t

  • Don’t assume digital means data. Print and screen performed equally when the layer was present.
  • Don’t blame the style. Dark dashboards and light specimen sheets both won. Gradients and organic forms only lost when unannotated.
  • Don’t mistake copy for measurement. The OKOK meter was covered in words and took 81.25% red. Claims are not values.
  • Don’t bury the annotation. Real readouts behind dramatic imagery landed in the contested zone every time.

The report’s own next step is a falsifiable one: take the rejected images, add a meta-type layer, and run them again. If the mechanism is right, they flip. That is what a finding should let you do.

Frequently asked questions

What was tested in the visual data study?

Thirty-six images across three boards: dashboards, interface screens, posters, packaging, renders, illustration and photography, mixed with no grouping. Participants placed green dots on the images they most associated with “visual data” and red dots on the images they least associated with it.

Who took part?

Sixty-seven people completed the survey out of 181 who opened it, a 37% completion rate. The study ran on the Constellations platform for an audience of emerging designers, and the report treats individual scores as directional and the cross-image pattern as robust.

How do you read the dot maps?

Each board is one of the three walls participants saw. Green dots mark an association with visual data, red dots mark the least association, and an image’s score is the share of its own dots that were green. Images at 70% or more in one direction are classified as visual data or not; the rest are contested.

What does this mean for a brand or a product team?

If the goal is to communicate rigour, validity or trustworthiness, add the layer that measures the image: values, units, parameters, labelled dimensions, placed prominently. The visual style is free. The annotation is the signal, and it works before anyone reads it.

Pillar: What 500 People See (Proof). Target keyword: what does visual data look like. Search intent: “visual data vs data visualization,” “what makes a design look data-driven,” “dashboard aesthetics.”