Artikel · Redactionele opmaak
Article · Editorial layout
Article · Mise en page éditoriale
De dertigprocentregel. Hoeveel van een webpagina hoort leeg te zijn.
The thirty percent rule. How much of a webpage should be empty.
La règle des trente pour cent. Quelle part d'une page web doit rester vide.
Een wandeling door het onderzoek en de editoriale geschiedenis van witruimte. We trekken draden uit het Zwitsers grafisch onderwijs, Edward Tufte's data-ink ratio, de klassieke Chinese inktschilderkunst en het moderne UX-onderzoek van Nielsen Norman naar één leesbaar geheel. Leestijd ongeveer twintig minuten.
A walk through the design research and editorial history of white space. We pull threads from Swiss design teaching, Edward Tufte's data-ink ratio, the classical Chinese ink-painting tradition and the modern UX work of the Nielsen Norman Group into one readable piece. Roughly twenty minutes to read.
Une promenade dans la recherche et l'histoire éditoriale du blanc. Nous tirons des fils depuis l'enseignement graphique suisse, le data-ink ratio d'Edward Tufte, la peinture à l'encre chinoise classique et la recherche UX contemporaine de Nielsen Norman pour en faire un ensemble lisible. Environ vingt minutes de lecture.
Waarom dit artikel
Why this article
Pourquoi cet article
"Gebruik meer witruimte" wordt overal herhaald. Waarom zelden.
"Use more white space" is repeated everywhere. The why is repeated rarely.
« Utilisez plus d'espace blanc » se répète partout. Le pourquoi, rarement.
Het advies om meer witruimte te gebruiken duikt op in zowat elk artikel over webdesign dat u ooit zult lezen. Wat zelden meedraait met dat advies, is een serieuze blik op waar het vandaan komt, hoe het onderzoek het rechtvaardigt, en hoeveel witruimte we eigenlijk bedoelen.
Dit artikel is onze poging om de literatuur netjes te lezen en er een rustig, gestaafd stuk over te schrijven. We trekken aantekeningen uit het werk van Josef Müller-Brockmann over Grid Systems in Graphic Design, het schrijven van Edward Tufte over de data-ink ratio in The Visual Display of Quantitative Information, de studies van Nielsen Norman Group over informatiedichtheid, en de lange traditie in de Chinese inktschilderkunst rond liú bái (留白), het bewust openlaten van het beeldvlak.
De output is één samenhangend stuk dat de stippen verbindt tussen die tradities en de homepage van een dienstenbedrijf in 2026. Waar de principes elkaar bevestigen, waar ze elkaar tegenspreken, en wat er overeind blijft als u de design-blog-clichés eruit haalt. Een waarschuwing vooraf: de "dertig procent" in onze titel is geen wet maar een convergentie. We leggen onderaan uit waarom we hem toch hanteren.
The advice to use more white space turns up in almost every web design article you will ever read. What rarely turns up alongside it is a serious look at where the advice comes from, how the research justifies it, and how much white space we are actually talking about.
This article is our attempt to read the literature properly and write a calm, sourced piece about it. We pull notes from Josef Müller-Brockmann's Grid Systems in Graphic Design, Edward Tufte's writing on the data-ink ratio in The Visual Display of Quantitative Information, the Nielsen Norman Group's studies on content density, and the long thread in Chinese ink painting around liú bái (留白), the deliberate leaving-of-the-blank.
The output is one cohesive read that connects the dots between those traditions and a service-business homepage in 2026. Where the principles agree, where they disagree, and what stays true once you strip out the design-blog clichés. One warning up front: the "thirty percent" in our title is not a law but a convergence. We explain at the end why we still use it.
Le conseil d'utiliser plus d'espace blanc apparaît dans à peu près chaque article sur le design web que vous lirez un jour. Ce qui accompagne rarement ce conseil, c'est un regard sérieux sur son origine, sur la façon dont la recherche le justifie, et sur la quantité de blanc dont il est réellement question.
Cet article est notre tentative de lire proprement la littérature et d'en tirer un texte calme et étayé. Nous puisons des notes dans le travail de Josef Müller-Brockmann sur Grid Systems in Graphic Design, dans les écrits d'Edward Tufte sur le data-ink ratio dans The Visual Display of Quantitative Information, dans les études du Nielsen Norman Group sur la densité d'information, et dans la longue tradition de la peinture à l'encre chinoise autour du liú bái (留白), l'art de laisser volontairement le champ ouvert.
Le résultat est un texte cohérent qui relie ces traditions à la page d'accueil d'une entreprise de services en 2026. Là où les principes se confirment, là où ils se contredisent, et ce qui tient debout une fois retirés les clichés des blogs de design. Un avertissement d'abord : les « trente pour cent » de notre titre ne sont pas une loi mais une convergence. Nous expliquons plus bas pourquoi nous les utilisons quand même.
Een. Zwitserland
One. Switzerland
Un. La Suisse
Müller-Brockmann en de Zwitserse editoriale school.
Müller-Brockmann and the Swiss editorial school.
Müller-Brockmann et l'école éditoriale suisse.
Tussen 1950 en 1980 ontstond in Zürich, Basel en Bern een grafische school die de basis legde voor wat we nu Zwitsers design noemen, en, via een omweg via Amerikaanse magazines en uiteindelijk de Apple-school van design, voor de visuele taal van de hedendaagse webpagina. Helvetica komt uit Zwitserland. Univers ook. De idee dat een logo neutraal moet zijn ook.
De meest leesbare verwoording van de regels van die school staat in Grid Systems in Graphic Design, een handboek dat Josef Müller-Brockmann in 1981 publiceerde na drie decennia onderwijs aan de Zürcher Kunstgewerbeschule. Het boek is een verzameling rasters, met telkens uitleg over hoe het raster de bladspiegel verdeelt en welke posities binnen dat raster spanning genereren.
Wat in dit boek opvalt, en wat het onderscheidt van moderne herhalingen van dezelfde ideeën, is hoe systematisch Müller-Brockmann witruimte als functioneel element behandelt. Het is geen "ruimte tussen de dingen"; het is een element van de compositie zelf. Hij schrijft over modules van gelijke grootte die het beeldvlak verdelen, over de marge als rustpauze voor het oog, en over asymmetrische verdelingen die spanning creëren die symmetrische opmaak juist platslaat.
In een interview met Roger Remington beschreef hij zijn aanpak als rationalisme tegenover expressie: de ontwerper lost een communicatieprobleem op, hij drukt zichzelf niet uit. Dat is een belangrijk detail voor wie vandaag een dienstensite ontwerpt. Een homepage hoeft niet origineel te ogen om goed te zijn. Een homepage hoeft niet te verrassen om te overtuigen. Een homepage moet binnen drie seconden duidelijk maken waar de bezoeker terechtkomt en wat hij vervolgens kan doen. Een ruim raster en stevige witruimte zijn daar precies geschikt voor.
De praktische erfenis van Zürich, vertaald naar een webpagina: linksuitlijning, één tot drie kolommen, sans-serif lettertype, generieke afbeeldingsformaten die rusten in modules van het raster, en marges die ruimer zijn dan u op het eerste zicht durft te zetten. Het ongemak dat u voelt bij "te veel" witruimte is meestal een teken dat u op de goede weg zit.
Between 1950 and 1980, a graphic school emerged in Zürich, Basel and Bern that laid the foundation for what we now call Swiss design and, by way of American magazines and eventually the Apple school of design, for the visual language of today's web page. Helvetica comes from Switzerland. Univers does too. So does the idea that a logo should be neutral.
The most readable formulation of the rules of that school sits in Grid Systems in Graphic Design, a handbook Josef Müller-Brockmann published in 1981 after three decades of teaching at the Zürcher Kunstgewerbeschule. The book is a collection of grids, each accompanied by an explanation of how the grid divides the page and which positions within that grid generate tension.
What stands out in this book, and what distinguishes it from modern restatements of the same ideas, is how systematically Müller-Brockmann treats white space as a functional element. It is not "space between things"; it is an element of the composition itself. He writes about modules of equal size that divide the page, about the margin as a pause for the eye, and about asymmetric divisions that generate the tension symmetric layouts flatten.
In an interview with Roger Remington he described his approach as rationalism against expression: the designer solves a communication problem, he does not express himself. That is an important detail for anyone designing a service website today. A homepage does not have to look original to be good. A homepage does not have to surprise to convince. A homepage has to make clear within three seconds where the visitor has landed and what they can do next. A roomy grid and substantial white space are precisely suited to that.
The practical legacy of Zürich, translated to a web page: left alignment, one to three columns, sans-serif type, generic image formats that sit in modules of the grid, and margins that are more generous than you initially dare to make them. The discomfort you feel at "too much" white space is usually a sign that you are on the right track.
Entre 1950 et 1980, une école graphique est née à Zurich, Bâle et Berne. Elle a posé les bases de ce que nous appelons aujourd'hui le design suisse et, par un détour par les magazines américains puis par l'école de design d'Apple, celles du langage visuel de la page web contemporaine. Helvetica vient de Suisse. Univers aussi. L'idée qu'un logo doit être neutre également.
La formulation la plus lisible des règles de cette école se trouve dans Grid Systems in Graphic Design, un manuel que Josef Müller-Brockmann a publié en 1981 après trois décennies d'enseignement à la Zürcher Kunstgewerbeschule. Le livre est une collection de grilles, chacune accompagnée d'explications sur la façon dont la grille divise la surface de la page et sur les positions qui, à l'intérieur de cette grille, créent de la tension.
Ce qui frappe dans ce livre, et qui le distingue des répétitions modernes des mêmes idées, c'est la façon systématique dont Müller-Brockmann traite le blanc comme élément fonctionnel. Ce n'est pas de l'« espace entre les choses », c'est un élément de la composition elle-même. Il écrit sur des modules de taille égale qui divisent la surface, sur la marge comme pause pour l'œil, et sur les répartitions asymétriques qui créent la tension qu'une mise en page symétrique aplatit.
Dans un entretien avec Roger Remington, il décrivait son approche comme un rationalisme opposé à l'expression : le designer résout un problème de communication, il ne s'exprime pas lui-même. C'est un détail important pour qui dessine aujourd'hui un site de services. Une page d'accueil n'a pas besoin de paraître originale pour être bonne. Une page d'accueil n'a pas besoin de surprendre pour convaincre. Une page d'accueil doit indiquer en trois secondes où le visiteur est arrivé et ce qu'il peut faire ensuite. Une grille généreuse et un blanc solide conviennent exactement à cela.
L'héritage pratique de Zurich, traduit en page web : alignement à gauche, une à trois colonnes, police sans serif, formats d'image génériques qui reposent dans les modules de la grille, et des marges plus larges que ce que vous osez poser au premier abord. La gêne que vous ressentez devant « trop » de blanc est le plus souvent le signe que vous êtes sur la bonne voie.
Twee. Tufte
Two. Tufte
Deux. Tufte
De data-ink ratio en het wissen van wat niet helpt.
The data-ink ratio and erasing what does not help.
Le data-ink ratio et l'effacement de ce qui n'aide pas.
Twee jaar na Grid Systems verscheen aan de andere kant van de Atlantische Oceaan een boek dat dezelfde aanpak invoerde voor een andere discipline. Edward Tufte, hoogleraar statistiek en politieke wetenschappen aan Yale, publiceerde in 1983 The Visual Display of Quantitative Information. Het boek gaat over grafieken en visualisaties, maar het principe dat erin geformuleerd wordt, is in essentie hetzelfde als dat van Müller-Brockmann.
Tufte's centrale idee heet de data-ink ratio. De formule, in zijn eigen bewoordingen: data-ink gedeeld door de totale inkt in de grafiek. Met andere woorden: hoeveel van wat u op het blad zet draagt eigenlijk de boodschap, en hoeveel is decoratie of structuur die geen informatie toevoegt. Het ideaal is een ratio van 1: alles wat op het blad staat, draagt bij.
In zijn beroemde reeks before-and-after-voorbeelden laat Tufte zien hoe een staafdiagram er stap voor stap eenvoudiger op kan worden door enkel datgene weg te halen wat niets bijdraagt: 3D-effecten, randen, gridlijnen, schaduwen, overbodige labels, lichtgrijze rasters die de cijfers omkaderen "voor de duidelijkheid" maar in feite het kijken bemoeilijken. Aan het eind van die procedure blijft een grafiek over die er kaler uitziet, en die ironisch genoeg meer informatie communiceert in minder beeldoppervlak.
Tufte introduceerde ook de term chartjunk voor wat overblijft als de data-ink ratio te laag is: decoratie die zichzelf vermomt als nuttige opmaak. Voor een webpagina vertaalt zich dat in: badges van prijzen die u tien jaar geleden hebt gewonnen, sterren onder elk testimonial, geanimeerde scroll-pictogrammen, kaders rond elk blok, gradiënten die geen functie hebben behalve hun eigen aanwezigheid.
Het meest praktische gevolg van Tufte's denken voor een dienstensite is een test die u in vijf minuten kunt doen. Open uw homepage. Wijs elk visueel element aan: kop, paragraaf, knop, afbeelding, badge, lijn, achtergrondkleur. Stel u bij elk de vraag: "als ik dit weghaal, wordt de boodschap minder duidelijk?" Wanneer het antwoord nee is, hoort het er niet te staan. Wat u overhoudt is uw data-ink, en in de meeste audits die we doen, is dat aanzienlijk minder dan wat er nu staat. De ruimte die vrijkomt, dat is de witruimte waar het hele artikel over gaat.
Two years after Grid Systems, a book appeared on the other side of the Atlantic that introduced the same approach to a different discipline. Edward Tufte, professor of statistics and political science at Yale, published The Visual Display of Quantitative Information in 1983. The book is about charts and visualisations, but the principle it formulates is, at its core, the same as Müller-Brockmann's.
Tufte's central idea is the data-ink ratio. The formula, in his own words: data-ink divided by total ink in the graphic. In other words: how much of what you put on the page actually carries the message, and how much is decoration or structure that adds no information. The ideal is a ratio of 1: everything on the page contributes.
In his famous series of before-and-after examples, Tufte shows how a bar chart can be made step-by-step simpler by removing only what adds nothing: 3D effects, borders, gridlines, drop shadows, redundant labels, light-grey grids that frame numbers for clarity but in fact make them harder to read. At the end of the process, what remains is a chart that looks plainer and that, ironically, communicates more information in less visual surface.
Tufte also coined the term chartjunk for whatever remains when the data-ink ratio drops too low: decoration that masquerades as useful layout. On a web page, this translates into: award badges from ten years ago, stars under every testimonial, animated scroll indicators, boxes around every block, gradients with no function beyond their own presence.
The most practical consequence of Tufte's thinking for a service site is a test you can do in five minutes. Open your homepage. Point at each visual element: headline, paragraph, button, image, badge, line, background colour. For each one ask: "if I remove this, does the message become less clear?" When the answer is no, it does not belong there. What you keep is your data-ink, and in most audits we run that is significantly less than what currently sits on the page. The room that frees up is the white space this whole article is about.
Deux ans après Grid Systems, de l'autre côté de l'Atlantique, paraissait un livre qui appliquait la même approche à une autre discipline. Edward Tufte, professeur de statistique et de sciences politiques à Yale, publiait en 1983 The Visual Display of Quantitative Information. Le livre porte sur les graphiques et les visualisations, mais le principe qui y est formulé est en substance le même que celui de Müller-Brockmann.
L'idée centrale de Tufte s'appelle le data-ink ratio. La formule, selon ses propres termes : l'encre de données divisée par l'encre totale du graphique. Autrement dit : quelle part de ce que vous posez sur la page porte réellement le message, et quelle part est de la décoration ou de la structure qui n'ajoute aucune information. L'idéal est un rapport de 1 : tout ce qui se trouve sur la page contribue.
Dans sa célèbre série d'exemples before-and-after, Tufte montre comment un diagramme en barres peut se simplifier étape par étape en retirant uniquement ce qui n'apporte rien : effets 3D, bordures, lignes de grille, ombres, étiquettes superflues, trames gris clair qui encadrent les chiffres pour plus de clarté mais qui gênent en réalité la lecture. Au bout de cette procédure reste un graphique plus nu qui, ironiquement, communique plus d'informations sur moins de surface.
Tufte a aussi introduit le terme chartjunk pour ce qui reste lorsque le data-ink ratio est trop bas : de la décoration déguisée en mise en forme utile. Sur une page web, cela se traduit par les badges de prix remportés il y a dix ans, les étoiles sous chaque témoignage, les pictogrammes de défilement animés, les cadres autour de chaque bloc, les dégradés qui n'ont d'autre fonction que leur propre présence.
La conséquence la plus pratique de la pensée de Tufte pour un site de services est un test que vous pouvez faire en cinq minutes. Ouvrez votre page d'accueil. Désignez chaque élément visuel : titre, paragraphe, bouton, image, badge, filet, couleur de fond. Posez-vous à chaque fois la question : « si je retire ceci, le message devient-il moins clair ? » Quand la réponse est non, cela n'a pas sa place. Ce qui reste, c'est votre data-ink, et dans la plupart des audits que nous menons, c'est nettement moins que ce qui s'y trouve aujourd'hui. L'espace ainsi libéré, c'est le blanc dont parle tout cet article.
Drie. Liú bái
Three. Liú bái
Trois. Liú bái
Liú bái en de leegte die het beeld draagt.
Liú bái and the emptiness that carries the image.
Liú bái et le vide qui porte l'image.
De twee voorgaande tradities zijn westers, twintigste-eeuws en rationalistisch. De derde is ouder, oosters, en raakt aan filosofie meer dan aan techniek. In de klassieke Chinese inktschilderkunst, denk aan de landschappen van Ma Yuan (馬遠, Zuidelijke Song-dynastie, twaalfde eeuw), is grote delen van het zijden of papieren beeldvlak doelbewust onbeschilderd. Dat onbeschilderd-laten heet liú bái (留白), letterlijk het wit laten staan.
Liú bái is geen toevallige restruimte. Het is een gekozen element van de compositie en draagt betekenis: mist tussen de bergen, lucht boven een rivier, water rond een vissersboot. Het Westerse oog ziet "niets"; het klassieke Chinese oog ziet sfeer, afstand, en een uitnodiging om het beeld af te maken. Een schilderij is geen presentatie van een volledig gegeven; het is een suggestie waarin de kijker meeschildert.
De filosofische achtergrond is taoïstisch en boeddhistisch: het xū (虚, leegte) van de Tao Te Ching, het kōng (空, leegte als ruimte voor mogelijkheid) van het Boeddhisme. Wú wéi (無爲), de daad van het niet-handelen, is hetzelfde idee toegepast op gedrag in plaats van op verf. Wat niet gedaan wordt, en wat niet getoond wordt, doet werk.
Dit is een radicaal contrast met wat de westerse kunsthistoricus Mario Praz horror vacui noemde: de angst voor de lege ruimte, de neiging om elk hoekje van een kader op te vullen met decoratie. Een typische barokke ets demonstreert die angst onverbloemd; een typisch slecht ontworpen B2B-homepage demonstreert hem opnieuw, vier eeuwen later, met andere middelen.
De vertaling naar een webpagina vraagt voorzichtigheid. Een homepage is geen contemplatief landschap. Maar de basishouding, de witruimte is geen tekort, het is een element dat werk doet, is in beide tradities identiek, en is in onze ervaring een nuttiger denkkader voor een opdrachtgever dan een willekeurige UX-regel. Wanneer u in een ontwerpgesprek voelt dat de klant zegt "het ziet er leeg uit", helpt het om eerst te vragen wat hij bedoelt met "leeg", en daarna om hem het werk van Ma Yuan te tonen. Het is verbazingwekkend hoe vaak de discussie daarna omdraait.
The two preceding traditions are Western, twentieth-century and rationalist. The third is older, Eastern, and touches philosophy more than technique. In classical Chinese ink painting, think of the landscapes of Ma Yuan (馬遠, Southern Song dynasty, twelfth century), large parts of the silk or paper field are deliberately left unpainted. Leaving them unpainted is called liú bái (留白), literally leaving the white.
Liú bái is not leftover space. It is a chosen element of the composition and carries meaning: mist between mountains, sky above a river, water around a fisherman's boat. The Western eye sees "nothing"; the classical Chinese eye sees atmosphere, distance, and an invitation to complete the image. A painting is not a presentation of a complete given; it is a suggestion in which the viewer paints along.
The philosophical background is Daoist and Buddhist: the xū (虚, emptiness) of the Tao Te Ching, the kōng (空, emptiness as room for possibility) of Buddhism. Wú wéi (無爲), the act of non-acting, is the same idea applied to behaviour rather than to paint. What is not done, and what is not shown, does work.
This is a radical contrast with what the Western art historian Mario Praz called horror vacui: the fear of empty space, the urge to fill every corner of a frame with decoration. A typical Baroque etching demonstrates this fear undisguised; a typical badly designed B2B homepage demonstrates it again, four centuries later, with different means.
The translation to a web page calls for some caution. A homepage is not a contemplative landscape. But the underlying posture, white space is not a deficit, it is an element that does work, is identical across both traditions, and in our experience it is a more useful framing for a client than any random UX rule. When in a design conversation a client says "it looks empty", it helps to first ask what they mean by "empty", and then to show them a Ma Yuan. It is striking how often the conversation flips after that.
Les deux traditions précédentes sont occidentales, du vingtième siècle et rationalistes. La troisième est plus ancienne, orientale, et touche plus à la philosophie qu'à la technique. Dans la peinture à l'encre chinoise classique, pensez aux paysages de Ma Yuan (馬遠, dynastie des Song du Sud, douzième siècle), de larges parties de la soie ou du papier restent délibérément non peintes. Ce fait de laisser sans peinture s'appelle liú bái (留白), littéralement laisser le blanc.
Le liú bái n'est pas un reste d'espace accidentel. C'est un élément choisi de la composition, et il porte du sens : la brume entre les montagnes, le ciel au-dessus d'une rivière, l'eau autour d'une barque de pêche. L'œil occidental voit « rien », l'œil chinois classique voit une atmosphère, une distance, et une invitation à compléter l'image. Une peinture n'est pas la présentation d'une donnée complète, c'est une suggestion dans laquelle le spectateur peint à son tour.
Le fond philosophique est taoïste et bouddhiste : le xū (虚, le vide) du Tao Te King, le kōng (空, le vide comme espace de possibilité) du bouddhisme. Le wú wéi (無爲), l'acte de ne pas agir, est la même idée appliquée au comportement plutôt qu'à la peinture. Ce qui n'est pas fait, et ce qui n'est pas montré, travaille.
C'est un contraste radical avec ce que l'historien de l'art occidental Mario Praz appelait l'horror vacui : la peur de l'espace vide, la tendance à remplir chaque recoin d'un cadre avec de la décoration. Une gravure baroque typique montre cette peur sans détour, une page d'accueil B2B mal conçue la montre à nouveau, quatre siècles plus tard, avec d'autres moyens.
La transposition vers une page web demande de la prudence. Une page d'accueil n'est pas un paysage contemplatif. Mais l'attitude de fond, le blanc n'est pas un manque, c'est un élément qui travaille, est identique dans les deux traditions et constitue, selon notre expérience, un cadre de pensée plus utile pour un client qu'une règle UX arbitraire. Quand vous sentez, dans une réunion de design, que le client va dire « ça a l'air vide », il est utile de demander d'abord ce qu'il entend par « vide », puis de lui montrer le travail de Ma Yuan. Il est étonnant de voir à quelle fréquence la discussion s'inverse ensuite.
Vier. Nielsen Norman
Four. Nielsen Norman
Quatre. Nielsen Norman
Het moderne UX-onderzoek: minder ruis, meer aandacht.
The modern UX research: less noise, more attention.
La recherche UX contemporaine : moins de bruit, plus d'attention.
De Nielsen Norman Group is sinds 1998 het meest geciteerde onderzoeksbureau in user experience. Hun werk is geen filosofie maar empirie: ze brengen mensen in een lab, laten ze taken uitvoeren op echte websites, en meten met eye-tracking-apparatuur waar de aandacht heengaat en hoelang ze nodig hebben om iets te vinden. Ze hebben dit nu meer dan vijftien jaar consequent gedaan, met meer dan vijfhonderd deelnemers in het hoofdcorpus van studies.
De vondst die voor dit artikel het meest relevant is, is verrassend eenvoudig: visuele rommel verhoogt de mentale vermoeidheid en vertraagt beslissingen. In hun bewoordingen verhoogt visual clutter de cognitive load. Wat als visual clutter telt is breed: te veel kleuren, te veel typografische stijlen, te veel kaders, te veel knoppen op één scherm, te veel beweging.
Een paar specifieke bevindingen die we vaak citeren in klantgesprekken:
- Mensen lezen niet, ze scannen. Jakob Nielsen's klassieke studie uit 1997 toonde aan dat 79% van de testpersonen webteksten scande in plaats van woord-voor-woord las. Dat percentage is in opvolgstudies stabiel gebleven.
- Het F-patroon. Eye-tracking laat zien dat lezers van linksboven naar rechts scannen langs de bovenste regel, dan naar beneden, een tweede iets kortere regel, en daarna verticaal naar beneden langs de linkerkant. Inhoud die in dat patroon valt wordt opgemerkt; inhoud daarbuiten wordt over het hoofd gezien.
- Vereenvoudigde teksten verhogen het begrip met 47%. Een NN-rapport uit 2015 vergeleek dezelfde inhoud in een complexe en een vereenvoudigde versie en mat het verschil in juiste antwoorden op begripsvragen.
- Witruimte ondersteunt scanbaarheid. Niet door het verminderen van informatie, maar door het visueel groeperen ervan volgens de Gestalt-wet van nabijheid: dingen die dicht bij elkaar staan worden waargenomen als bij elkaar horend.
Die laatste vondst is in een klein zinnetje samen te vatten dat we vaak gebruiken: witruimte communiceert hiërarchie zonder lijnen te trekken. Wanneer u twee blokken inhoud bij elkaar hoort te zetten, hoeft u er geen kader rond te trekken en geen verbindingslijn tussen te trekken. Het volstaat om de afstand tussen die twee blokken kleiner te maken dan de afstand tussen die groep en de volgende. Het oog leest de hiërarchie automatisch. Dat is de hele Gestalt-school van de jaren twintig (Wertheimer, Koffka, Köhler) opnieuw bevestigd in een UX-lab honderd jaar later.
The Nielsen Norman Group has been the most cited research firm in user experience since 1998. Their work is not philosophy but empirics: they bring people into a lab, have them perform tasks on real websites, and measure with eye-tracking equipment where attention goes and how long they need to find things. They have been doing this consistently for more than fifteen years now, with over five hundred participants across the main corpus of studies.
The finding most relevant to this article is surprisingly simple: visual clutter raises mental fatigue and slows decisions. In their phrasing, visual clutter increases cognitive load. What counts as visual clutter is broad: too many colours, too many typographic styles, too many boxes, too many buttons on one screen, too much motion.
A few specific findings we often cite in client conversations:
- People do not read, they scan. Jakob Nielsen's classic 1997 study showed that 79% of test subjects scanned web text rather than reading word for word. The figure has been stable in follow-up studies.
- The F-pattern. Eye-tracking shows readers scanning from top-left along the upper line, then dropping, a second slightly shorter line, then vertically down the left side. Content that falls into that pattern gets noticed; content outside it gets overlooked.
- Simplified texts raise comprehension by 47%. An NN report from 2015 compared the same content in a complex and a simplified version and measured the difference in correct answers to comprehension questions.
- White space supports scannability. Not by reducing information, but by visually grouping it under the Gestalt law of proximity: things that sit close together are perceived as belonging together.
That last finding compresses into one line we use often: white space communicates hierarchy without drawing lines. When two blocks of content belong together, you do not need to draw a box around them or a line between them. It is enough to make the distance between those two blocks smaller than the distance between the group and the next one. The eye reads the hierarchy automatically. That is the entire Gestalt school of the 1920s (Wertheimer, Koffka, Köhler) reaffirmed in a UX lab a hundred years later.
Depuis 1998, le Nielsen Norman Group est le bureau de recherche le plus cité en expérience utilisateur. Leur travail n'est pas de la philosophie mais de l'empirie : ils installent des personnes en laboratoire, leur font exécuter des tâches sur de vrais sites, et mesurent par eye-tracking où va l'attention et combien de temps il leur faut pour trouver quelque chose. Ils le font de façon constante depuis plus de quinze ans, avec plus de cinq cents participants dans le corpus principal d'études.
Le constat le plus pertinent pour cet article est étonnamment simple : le désordre visuel augmente la fatigue mentale et ralentit les décisions. Dans leurs termes, le visual clutter augmente la cognitive load. Ce qui compte comme visual clutter est large : trop de couleurs, trop de styles typographiques, trop de cadres, trop de boutons sur un même écran, trop de mouvement.
Quelques constats précis que nous citons souvent en réunion client :
- Les gens ne lisent pas, ils balaient. L'étude classique de Jakob Nielsen de 1997 a montré que 79 % des participants balayaient les textes web au lieu de les lire mot à mot. Ce pourcentage est resté stable dans les études de suivi.
- Le motif en F. L'eye-tracking montre que les lecteurs balaient d'en haut à gauche vers la droite le long de la première ligne, puis descendent, parcourent une deuxième ligne un peu plus courte, et descendent ensuite verticalement le long du bord gauche. Le contenu qui tombe dans ce motif est remarqué, celui qui en sort passe inaperçu.
- Les textes simplifiés augmentent la compréhension de 47 %. Un rapport NN de 2015 a comparé le même contenu dans une version complexe et une version simplifiée, puis a mesuré l'écart de bonnes réponses aux questions de compréhension.
- Le blanc soutient le balayage. Non pas en réduisant l'information, mais en la groupant visuellement selon la loi gestaltiste de proximité : les choses proches les unes des autres sont perçues comme allant ensemble.
Ce dernier constat se résume en une petite phrase que nous utilisons souvent : le blanc communique la hiérarchie sans tracer de lignes. Quand deux blocs de contenu doivent aller ensemble, vous n'avez pas besoin d'un cadre autour ni d'un trait entre les deux. Il suffit que la distance entre ces deux blocs soit plus petite que la distance entre ce groupe et le suivant. L'œil lit la hiérarchie automatiquement. C'est toute l'école gestaltiste des années vingt (Wertheimer, Koffka, Köhler) confirmée à nouveau dans un laboratoire UX cent ans plus tard.
Vijf. De dertig procent
Five. The thirty percent
Cinq. Les trente pour cent
Waar het getal vandaan komt. En waar niet.
Where the number comes from. And where it does not.
D'où vient le chiffre. Et d'où il ne vient pas.
Tijd om eerlijk te zijn over de titel. Er is geen enkele studie, geen enkel boek, geen enkele autoriteit die letterlijk zegt: "dertig procent van een webpagina hoort wit te zijn". Wie zegt dat hij u dat getal kan citeren uit "het onderzoek", verkoopt u meestal een SEO-blogartikel.
Wat er wel is, is een opvallende convergentie tussen meerdere bronnen rond een ratio in dezelfde orde van grootte. Een paar voorbeelden:
- Reclame-richtlijnen. Klassieke print-reclame-handboeken (Ogilvy's Confessions, McKim's Visual Thinking) hanteren een rule-of-thumb van 20-30% witruimte voor een effectieve advertentie. Meer dan 30% leest als luxe; minder dan 20% leest als bijsluiter.
- Editoriale layout. Nielsen Norman Group beveelt voor leesintensieve pagina's content-density ratios aan tussen de 50% en 70%, wat impliceert dat 30 tot 50% van het beeldvlak witruimte zou moeten zijn.
- UX-onderzoek naar visuele aandacht. Een vaak geciteerde, weliswaar door agencies opgemaakte studie, geeft aan dat sites met "ruime" witruimte tot 35-45% meer aandacht trekken op de hoofdboodschap dan sites met "dichte" layouts. De methodologie van die studie is matig, maar de richting strookt met de NN-bevindingen.
- De zestig-dertig-tien-regel. Een klassieke regel uit het interieurontwerp en de typografie: 60% dominante kleur of element, 30% secundair, 10% accent. Vertaald naar witruimte: het secundaire element van een goede pagina, naast inhoud zelf, is de ruimte er rond.
Wat blijft is dit: tussen alle tradities en bronnen, van Müller-Brockmann tot Nielsen Norman tot Ogilvy, ligt het juiste percentage witruimte ergens tussen één derde en de helft van het zichtbare beeldvlak van een webpagina. Dat is de "dertig procent" waar onze titel naar verwijst: een ondergrens, niet een doel. Een homepage die minder dan dertig procent witruimte heeft, voelt vrijwel altijd druk; een homepage die meer dan vijftig procent heeft, voelt vrijwel altijd kalm.
Twee voetnoten. Ten eerste: het meten van witruimte is moeilijker dan het lijkt. Een grijs vlak met een grote letter erin is technisch geen witruimte maar leest wel als rust. We bedoelen met het percentage hier: visuele rust, niet pixels van zuiver wit. Ten tweede: de regel verschuift met het publiek en de context. Een vergelijkingstabel hoort dichter te zijn dan een hero-sectie. Een nieuwsmedium hoort dichter te zijn dan een architectenbureau. De dertig procent is een richtgetal voor een dienstensite. Wanneer u voor andere genres ontwerpt, schaalt het mee.
Time to be honest about the title. There is no single study, no single book, no single authority that literally says "thirty percent of a web page should be white". Anyone who says they can quote you that figure from "the research" is usually selling you an SEO blog post.
What does exist is a striking convergence between multiple sources around a ratio in the same order of magnitude. A few examples:
- Advertising guidelines. Classic print-ad handbooks (Ogilvy's Confessions, McKim's Visual Thinking) use a rule-of-thumb of 20-30% white space for an effective ad. More than 30% reads as luxury; less than 20% reads as a leaflet.
- Editorial layout. The Nielsen Norman Group recommends, for reading-intensive pages, content-density ratios between 50% and 70%, which implies that 30 to 50% of the visual surface should be white space.
- UX research on visual attention. A widely-cited (though agency-produced) study reports that sites with "generous" white space attract 35-45% more attention to the primary message than sites with "dense" layouts. The methodology of that study is so-so, but the direction matches the NN findings.
- The sixty-thirty-ten rule. A classic rule from interior design and typography: 60% dominant colour or element, 30% secondary, 10% accent. Translated to white space: the secondary element of a good page, alongside content itself, is the room around it.
What remains is this: across all traditions and sources, from Müller-Brockmann to Nielsen Norman to Ogilvy, the right percentage of white space sits somewhere between one third and one half of the visible surface of a web page. That is the "thirty percent" our title points at: a floor, not a target. A homepage with less than thirty percent white space almost always feels busy; a homepage with more than fifty percent almost always feels calm.
Two footnotes. First: measuring white space is harder than it looks. A grey area with a large letter on it is technically not white space but reads as rest. By the percentage here we mean visual rest, not pixels of pure white. Second: the rule shifts with audience and context. A comparison table should be denser than a hero section. A news site should be denser than an architecture studio. The thirty percent is a guideline figure for a service site. When you design for other genres, it scales with the genre.
Le moment est venu d'être honnête sur le titre. Il n'existe aucune étude, aucun livre, aucune autorité qui dise littéralement « trente pour cent d'une page web doivent rester blancs ». Qui prétend pouvoir vous citer ce chiffre d'après « la recherche » vous vend le plus souvent un article de blog SEO.
Ce qui existe, en revanche, c'est une convergence frappante entre plusieurs sources autour d'un rapport du même ordre de grandeur. Quelques exemples :
- Les règles de la publicité. Les manuels classiques de publicité imprimée (les Confessions d'Ogilvy, le Visual Thinking de McKim) appliquent une règle empirique de 20-30 % de blanc pour une annonce efficace. Au-delà de 30 %, cela se lit comme du luxe, en dessous de 20 %, comme une notice de médicament.
- La mise en page éditoriale. Pour les pages à forte lecture, le Nielsen Norman Group recommande des taux de densité de contenu compris entre 50 % et 70 %, ce qui implique que 30 à 50 % de la surface devrait rester blanche.
- La recherche UX sur l'attention visuelle. Une étude souvent citée, réalisée il est vrai par des agences, indique que les sites au blanc « généreux » attirent jusqu'à 35-45 % d'attention en plus sur le message principal que les sites aux mises en page « denses ». La méthodologie de cette étude est moyenne, mais la direction rejoint les constats de NN.
- La règle soixante-trente-dix. Une règle classique du design d'intérieur et de la typographie : 60 % de couleur ou d'élément dominant, 30 % de secondaire, 10 % d'accent. Traduite en blanc : l'élément secondaire d'une bonne page, à côté du contenu lui-même, c'est l'espace autour.
Ce qui reste, c'est ceci : à travers toutes les traditions et toutes les sources, de Müller-Brockmann à Nielsen Norman en passant par Ogilvy, le bon pourcentage de blanc se situe quelque part entre un tiers et la moitié de la surface visible d'une page web. Ce sont les « trente pour cent » auxquels renvoie notre titre : un plancher, pas un objectif. Une page d'accueil qui a moins de trente pour cent de blanc paraît presque toujours chargée, une page d'accueil qui en a plus de cinquante pour cent paraît presque toujours calme.
Deux notes de bas de page. D'abord : mesurer le blanc est plus difficile qu'il n'y paraît. Une surface grise avec une grande lettre dessus n'est techniquement pas du blanc, mais elle se lit comme du calme. Par ce pourcentage, nous entendons ici du calme visuel, pas des pixels d'un blanc pur. Ensuite : la règle bouge avec le public et le contexte. Un tableau comparatif doit être plus dense qu'une section d'ouverture. Un média d'information doit être plus dense qu'un bureau d'architectes. Les trente pour cent sont un repère pour un site de services. Quand vous dessinez pour d'autres genres, le repère se déplace avec eux.
Zes. Zonder herontwerp
Six. Without a redesign
Six. Sans refonte
Hoe u dichter bij de regel komt zonder uw site te herbouwen.
How to get closer to the rule without rebuilding your site.
Comment vous rapprocher de la règle sans reconstruire votre site.
Voor wie tot hier gelezen heeft en de hand al naar de laptop laat gaan: hieronder drie ingrepen die u vanmiddag kunt doen, in volgorde van impact. Geen herontwerp nodig, geen designer nodig, geen nieuw thema nodig.
- Verdubbel uw verticale marges. Open uw CSS en zoek naar de waardes voor
paddingofmarginboven en onder elke sectie. Verdubbel ze. Wat u nu hebt als 40 pixels wordt 80, wat 80 was wordt 160. In negen op tien gevallen leest de pagina onmiddellijk rustiger. Wanneer het echt te ruim oogt, schaalt u terug naar 1,5×. Het ongemak is normaal en zakt na een dag. - Verminder het aantal typografische niveaus. Tel hoeveel verschillende lettergroottes, gewichten en kleuren u op uw homepage gebruikt. Voor de meeste KMO-sites zien we acht tot twaalf verschillende typografische combinaties. Reduceer naar vier: één voor de grote koppen (h1, h2), één voor sub-koppen (h3), één voor body-tekst, één voor kleine details (datum, label). De vrijgekomen visuele ruimte voelt vanzelf als witruimte, ook al heeft u geen pixel echt witter gemaakt.
- Verwijder twee blokken inhoud. Loop uw homepage door en kies twee secties die u nu hebt en die u eigenlijk zelf zelden gebruikt om iets uit te leggen aan een klant. Onze waarden, onze geschiedenis, ons team, een testimonial-carrousel die niemand doorklikt. Verwijder ze. Of zet ze op een aparte pagina. De homepage is een uitnodiging, geen archief.
Voor wie verder wil gaan, drie extra ingrepen die wat meer werk vragen maar die de pagina in een andere klasse tillen:
- Maak één breedtebeperking voor alle tekst. Een leesbare regel is ongeveer 60 tot 75 tekens lang. Op een 1440-pixel scherm betekent dat een tekstkolom van rond de 680 pixels. Forceer dit met een
max-width-eigenschap op uw tekst-containers. Marges rondom dezelfde tekstkolom doen automatisch hun werk. - Verwijder elk kader, elke randlijn die niets bewijst. Knoppen met witte achtergrond, dunne lijnen tussen secties, randen rond afbeeldingen, schaduwen onder kaarten. Vraag bij elk: "als ik dit weghaal, raakt iemand de informatie kwijt?" Wanneer nee, weg ermee.
- Ruil veel foto's in voor minder, grotere. Een grote, ademende afbeelding op de homepage is sterker dan vier kleine die elk om aandacht vragen. Eén beeld dat ademruimte heeft, leest als zelfvertrouwen. Vier beelden die elkaar in de weg zitten, lezen als onzekerheid.
Het meest praktische advies dat we klanten geven, en dat de hele literatuur op dit punt deelt, past in zes woorden: minder, groter, ruimer, rustiger, langzamer, eerlijker.
For readers who have made it this far and feel their hands drifting toward the laptop: three changes you can make this afternoon, in order of impact. No redesign needed, no designer needed, no new theme needed.
- Double your vertical margins. Open your CSS and find the values for
paddingormarginabove and below each section. Double them. What you have as 40 pixels becomes 80, what was 80 becomes 160. In nine cases out of ten the page reads calmer immediately. When it really looks too generous, scale back to 1.5×. The discomfort is normal and fades after a day. - Cut the number of typographic levels. Count how many different sizes, weights and colours of type you use on your homepage. On most SME sites we see eight to twelve different typographic combinations. Reduce to four: one for large headings (h1, h2), one for sub-headings (h3), one for body text, one for small detail (date, label). The freed-up visual room reads as white space, even though you have not actually made a single pixel whiter.
- Remove two blocks of content. Walk through your homepage and pick two sections that are currently there and that you yourself rarely use to explain something to a client. Our values, our history, our team, a testimonial carousel nobody clicks through. Remove them. Or move them to a dedicated page. The homepage is an invitation, not an archive.
For readers who want to go further, three additional moves that take a bit more effort but lift the page into a different class:
- Set one width limit for all body text. A readable line is about 60 to 75 characters. On a 1440-pixel screen that means a text column around 680 pixels wide. Enforce it with a
max-widthproperty on your text containers. The margins around the same text column do their work automatically. - Remove every box, every border, every divider that proves nothing. Buttons with white backgrounds, thin lines between sections, frames around images, shadows under cards. For each, ask: "if I remove this, does anyone lose information?" If no, gone.
- Trade many photos for fewer, breathing ones. One large, breathing image on the homepage is stronger than four small ones each fighting for attention. One image that has room around it reads as confidence. Four images that crowd each other read as uncertainty.
The most practical advice we give clients, and that the entire literature on this point shares, fits in six words: less, larger, roomier, calmer, slower, more honest.
Pour qui a lu jusqu'ici et tend déjà la main vers son ordinateur : voici trois interventions réalisables cet après-midi, par ordre d'impact. Pas de refonte, pas de designer, pas de nouveau thème.
- Doublez vos marges verticales. Ouvrez votre CSS et cherchez les valeurs de
paddingou demarginau-dessus et en dessous de chaque section. Doublez-les. Ce qui vaut 40 pixels aujourd'hui passe à 80, ce qui valait 80 passe à 160. Dans neuf cas sur dix, la page se lit immédiatement plus calmement. Si cela paraît vraiment trop large, redescendez à 1,5×. La gêne est normale et disparaît après un jour. - Réduisez le nombre de niveaux typographiques. Comptez le nombre de corps, de graisses et de couleurs différents que vous utilisez sur votre page d'accueil. Sur la plupart des sites de PME, nous voyons huit à douze combinaisons typographiques différentes. Ramenez-les à quatre : une pour les grands titres (h1, h2), une pour les sous-titres (h3), une pour le texte courant, une pour les petits détails (date, label). L'espace visuel libéré se ressent tout seul comme du blanc, même si vous n'avez rendu aucun pixel plus blanc.
- Supprimez deux blocs de contenu. Parcourez votre page d'accueil et choisissez deux sections que vous n'utilisez vous-même presque jamais pour expliquer quelque chose à un client. Nos valeurs, notre histoire, notre équipe, un carrousel de témoignages que personne ne fait défiler. Supprimez-les. Ou déplacez-les sur une page à part. La page d'accueil est une invitation, pas une archive.
Pour qui veut aller plus loin, trois interventions supplémentaires qui demandent un peu plus de travail mais qui font passer la page dans une autre catégorie :
- Fixez une seule limite de largeur pour tout le texte. Une ligne lisible fait environ 60 à 75 caractères. Sur un écran de 1440 pixels, cela donne une colonne de texte d'environ 680 pixels. Imposez-la avec une propriété
max-widthsur vos conteneurs de texte. Les marges autour de cette même colonne font leur travail toutes seules. - Retirez chaque cadre, chaque filet qui ne prouve rien. Les boutons à fond blanc, les traits fins entre les sections, les bordures autour des images, les ombres sous les cartes. Posez à chaque fois la question : « si je retire ceci, quelqu'un perd-il de l'information ? » Si la réponse est non, dehors.
- Échangez beaucoup de photos contre moins, mais plus grandes. Une grande image qui respire sur la page d'accueil est plus forte que quatre petites qui réclament chacune de l'attention. Une image qui a de l'air se lit comme de l'assurance. Quatre images qui se gênent se lisent comme de l'hésitation.
Le conseil le plus pratique que nous donnons aux clients, et que toute la littérature partage sur ce point, tient en six consignes : moins, plus grand, plus aéré, plus calme, plus lent, plus honnête.
Een synthese
A synthesis
Une synthèse
Wat de vier tradities samen zeggen.
What the four traditions say together.
Ce que les quatre traditions disent ensemble.
De vier bronnen waar we uit putten (de Zwitserse grafische school, Tufte's statistiek, de Chinese inktschilderkunst en het moderne UX-onderzoek) hebben geen contact gehad. Müller-Brockmann las geen Ma Yuan. Tufte schreef niet over Wertheimer. De Nielsen Norman-onderzoekers citeren zelden de Bauhaus.
En toch komen ze uit bij hetzelfde basisbeginsel. Witruimte is niet de afwezigheid van inhoud, het is een dragend element van de inhoud. De Zwitsers noemen het modulair raster. Tufte noemt het data-ink ratio. De Chinese traditie noemt het liú bái. De Nielsen Norman Group noemt het cognitive load. Voor wie een goede dienstenwebsite wil maken in 2026, betekenen die vier termen praktisch hetzelfde.
De ene zin die we voor uzelf zouden schrijven, als u verder niets onthoudt van dit stuk: elke ruimte op de pagina die niet inhoud is, draagt inhoud. Wie dat eenmaal als regel hanteert, hoeft de exacte dertig procent niet meer te meten. Het juiste evenwicht voelt vanzelf.
The four sources we draw from (the Swiss graphic school, Tufte's statistics, Chinese ink painting and modern UX research) never spoke to each other. Müller-Brockmann did not read Ma Yuan. Tufte did not write about Wertheimer. Nielsen Norman researchers rarely cite the Bauhaus.
And yet they arrive at the same basic principle. White space is not the absence of content, it is a supporting element of the content. The Swiss call it a modular grid. Tufte calls it the data-ink ratio. The Chinese tradition calls it liú bái. The Nielsen Norman Group calls it cognitive load. For anyone making a good service website in 2026, those four terms mean practically the same thing.
The one sentence we would write for you, if nothing else from this article stays with you: every space on the page that is not content carries content. Once that becomes a rule, you no longer need to measure the exact thirty percent. The right balance starts to feel obvious.
Les quatre sources dont nous tirons ce texte (l'école graphique suisse, la statistique de Tufte, la peinture à l'encre chinoise et la recherche UX contemporaine) n'ont eu aucun contact entre elles. Müller-Brockmann ne lisait pas Ma Yuan. Tufte n'a pas écrit sur Wertheimer. Les chercheurs de Nielsen Norman citent rarement le Bauhaus.
Et pourtant elles aboutissent au même principe de base. Le blanc n'est pas l'absence de contenu, c'est un élément porteur du contenu. Les Suisses l'appellent la grille modulaire. Tufte l'appelle data-ink ratio. La tradition chinoise l'appelle liú bái. Le Nielsen Norman Group l'appelle cognitive load. Pour qui veut faire un bon site de services en 2026, ces quatre termes signifient pratiquement la même chose.
La seule phrase que nous écririons pour vous, si vous ne reteniez rien d'autre de ce texte : tout espace de la page qui n'est pas du contenu porte du contenu. Une fois cette règle adoptée, il n'est plus nécessaire de mesurer les trente pour cent exacts. Le bon équilibre se sent tout seul.
Bronnen
Sources
Sources
De teksten die we gelezen hebben.
The texts we drew from.
Les textes que nous avons lus.
De boeken, studies en pagina's die in dit artikel meelopen, in dezelfde volgorde als waarin ze verschijnen:
- Josef Müller-Brockmann, Grid Systems in Graphic Design, Verlag Niggli, 1981. Het standaardwerk over het modulair raster, met aantekeningen in het Duits en het Engels.
- "Reputations: Josef Müller-Brockmann", Eye Magazine. Achtergrondinterview en biografie.
- Edward Tufte, The Visual Display of Quantitative Information, Graphics Press, 1983 (tweede editie 2001). De originele bron voor de data-ink ratio en het begrip chartjunk.
- Tufte's eigen notitie over chartjunk, met voorbeelden.
- Ma Yuan (馬遠), schilderijen van de Zuidelijke Song-dynastie. Een goede online introductie vindt u via het Ma Yuan collection at WikiArt.
- "Explaining the Beauty of Liu Bai in the Works of Ma Yuan with Taoist Thought", academische analyse op ResearchGate.
- "How Users Read on the Web", Jakob Nielsen, Nielsen Norman Group, 1997. Het bronartikel over scannend lezen.
- "F-Shaped Pattern of Reading on the Web", Kara Pernice, Nielsen Norman Group. Achtergrond bij het F-patroon.
- "Aesthetic and Minimalist Design", Nielsen Norman Group, over visual clutter.
- Max Wertheimer, Untersuchungen zur Lehre von der Gestalt, 1923. Het oorspronkelijke artikel over de Gestalt-wetten, online beschikbaar via wetenschappelijke archieven.
- David Ogilvy, Confessions of an Advertising Man, 1963. Bron voor de 20-30% witruimte-vuistregel in print-reclame.
The books, studies and pages that run through this article, in the order they appear:
- Josef Müller-Brockmann, Grid Systems in Graphic Design, Verlag Niggli, 1981. The standard work on the modular grid, with notes in German and English.
- "Reputations: Josef Müller-Brockmann", Eye Magazine. Background interview and biography.
- Edward Tufte, The Visual Display of Quantitative Information, Graphics Press, 1983 (second edition 2001). The original source for the data-ink ratio and the concept of chartjunk.
- Tufte's own notebook entry on chartjunk, with examples.
- Ma Yuan (馬遠), paintings of the Southern Song dynasty. A good online introduction is via the Ma Yuan collection at WikiArt.
- "Explaining the Beauty of Liu Bai in the Works of Ma Yuan with Taoist Thought", academic analysis on ResearchGate.
- "How Users Read on the Web", Jakob Nielsen, Nielsen Norman Group, 1997. The source article on scanning rather than reading.
- "F-Shaped Pattern of Reading on the Web", Kara Pernice, Nielsen Norman Group. Background to the F-pattern.
- "Aesthetic and Minimalist Design", Nielsen Norman Group, on visual clutter.
- Max Wertheimer, Untersuchungen zur Lehre von der Gestalt, 1923. The original paper on the Gestalt laws, available online via scientific archives.
- David Ogilvy, Confessions of an Advertising Man, 1963. Source for the 20-30% white space rule of thumb in print advertising.
Les livres, études et pages qui traversent cet article, dans l'ordre où ils apparaissent :
- Josef Müller-Brockmann, Grid Systems in Graphic Design, Verlag Niggli, 1981. L'ouvrage de référence sur la grille modulaire, avec des annotations en allemand et en anglais.
- "Reputations: Josef Müller-Brockmann", Eye Magazine. Entretien de fond et biographie.
- Edward Tufte, The Visual Display of Quantitative Information, Graphics Press, 1983 (deuxième édition 2001). La source originale du data-ink ratio et de la notion de chartjunk.
- La note de Tufte lui-même sur le chartjunk, avec des exemples.
- Ma Yuan (馬遠), peintures de la dynastie des Song du Sud. Une bonne introduction en ligne se trouve via la Ma Yuan collection at WikiArt.
- "Explaining the Beauty of Liu Bai in the Works of Ma Yuan with Taoist Thought", analyse académique sur ResearchGate.
- "How Users Read on the Web", Jakob Nielsen, Nielsen Norman Group, 1997. L'article de référence sur la lecture en balayage.
- "F-Shaped Pattern of Reading on the Web", Kara Pernice, Nielsen Norman Group. Contexte du motif en F.
- "Aesthetic and Minimalist Design", Nielsen Norman Group, sur le visual clutter.
- Max Wertheimer, Untersuchungen zur Lehre von der Gestalt, 1923. L'article d'origine sur les lois de la Gestalt, disponible en ligne dans les archives scientifiques.
- David Ogilvy, Confessions of an Advertising Man, 1963. Source de la règle empirique des 20-30 % de blanc en publicité imprimée.