De kracht van "grids" in webdesign


Zonder dat je het door hebt zijn veel paginaindelingen van websites een stuk geraffineerder opgebouwd dan je denkt. Het ziet er allemaal zo logisch uit, dat het heel eenvoudig lijkt. In werkelijkheid is er waarschijnlijk heel veel denk- en designwerk aan vooraf gegaan. Voor veel designers is het proces heel intiutief: ze doen wat ze doen, maar kunnen niet precies uitleggen hoe ze bepaalde dingen doen of bedenken. Daarom is bovenstaande presentatie erg interessant. Het neemt je tot in detail mee in het proces hoe een goed (interaction) design tot stand komt.
Grids
Een goed design heeft veel te maken met de ordening van elementen op de pagina. Om dat op een logische en gestructureerde manier te doen wordt vaak gebruikt gemaakt van “grids”. De presentatie begint met een korte geschiedenis van het ontstaan van grids en waarom grids zo nuttig/belangrijk zijn.
Redesign van Yahoo
Echt interessant wordt de presenatie vanaf slide 36. Dan word je namelijk meegenomen in een fictief redesign van Yahoo. Vanaf een leeg scherm wordt eerst gestart met de kolom-indeling en vervolgens wordt de pagina steeds verder aangekleed. Het is fascinerend om te zien hoe je door gebruik te maken van de juiste hoeveelheid white-space elementen die bij elkaar horen (of juist niet) op een logische wijze kunt groeperen. Persoonlijk vind ik de “informatie-dichtheid” op de pagina wel erg hoog. Ik ben meer fan van eenvoud zoals bijvoorbeeld bij Nu.nl. Toch is die hoge informatie-dichtheid op Amerikaanse site nog vaker regel dan uitzondering, kijk bijvoorbeeld maar eens naar Businessweek of Newsweek.
Hoe dan ook: de presentatie blijft een mooi inkijkje hoe je door middel van grids kunt komen tot een goede paginaindeling!