Website verbeteren met het Gutenberg Diagram

Sommige belangrijke design principes lijken in de vergetelheid te raken. Het Gutenberg principe is er hier een van. Hiermee wil ik zeker niet beweren dat hij niet regelmatig wordt toegepast. Sterker nog, veel webdesigners gebruiken het Gutenberg diagram regelmatig zonder het zich te realiseren.

Webdesign optimaliseren met het Gutenberg diagram

Het Gutenberg diagram is een manier om beter te begrijpen hoe mensen die van links naar rechts lezen,  met hun ogen de pagina scannen. Met behulp van het diagram kun je de layout van de pagina optimaliseren. Het gaat hierbij niet om het scannen van tekst (dit gebeurd vaak in de F vorm), maar het scannen van de totale pagina.

Hoe werkt het?

Het Gutenberg diagram verdeelt een webpagina in vier delen. 

Het vlak linksboven is het eerste vlak dat veel website bezoekers zullen zien. Vervolgens zal het oog naar rechts gaan en vervolgens diagonaal naar beneden, naar het vlak linksonder. Vervolgens gaat het oog naar het laatste stuk van de pagina, rechtsonder. Het minste aandacht zal veelal getrokken worden door het vlak linksonder, gevolgd door het vlak rechtsboven.

Het diagram gebruiken

Wanneer je weet dat bepaalde delen van de pagina minder aandacht zullen krijgen van veel bezoekers, dan is het zaak om daar minder belangrijke elementen te plaatsen.  Denk hierbij aan rss feeds, algemene informatie over de schrijver (zoals op dit blog) en andere elementen die van secundair belang zijn.

De belangrijkste call-to-action of andere belangrijke uiting zou volgens dit schema het beste geplaatst kunnen worden in het vlak rechtsonder, daar waar het oog uiteindelijk tot rust komt.

Voordelen van het Gutenberg diagram

Met het Gutenburg diagram:

• kan een webdesigner het design eenvoudiger gebruiksvriendelijk maken;
• Kan een webdesigner zijn creativiteit combineren met conversie-optimalisatie;
• kun je jezelf (voor een eerste globale opzet) eyetracking onderzoeken besparen.

Conclusie

Zie dit diagram niet als het heilige graal van goed webdesign. Het is slechts een ruggesteuntje dat je op weg kan helpen naar een goed design. Laat dit diagram jouw creativiteit vooral niet in de weg zitten, maar juist net iets effectiever inzetten. Een website is immers maar zoveel waard als hij oplevert.