
Wouter Dierick
Je hoort het tegenwoordig van alle kanten waaien: ‘mobile first is dé te hanteren aanpak voor de opbouw van nieuwe websites, applicaties en alles anders wat digitaal is.’ Niet verwonderlijk, als je weet dat sinds een aantal jaar mobiele toestellen talrijker aanwezig zijn dan de klassieke computers. Ook het merendeel van de zoekopdrachten gebeurt via mobiele apparaten. Het belang van een responsive website is dus niet te onderschatten. De vraag is of elke designer dus best op de kar springt van de mobile first-aanpak?
Bij mobile first start je met het ontwerpen van een nieuwe website voor de mobiele toestellen, het kleine scherm dus. Het design trek je vervolgens door naar een desktopdesign.
Maar hoewel mobile first de afgelopen jaren meer en meer de strijdkreet is geworden onder developers, zien we vaak dat de ontwikkelingsfase tòch nog vaak begint met het klassieke desktopluik. Eerst worden de klassieke webpagina’s ontworpen, om ze nadien pas over te brengen naar de kleinere schermen uit de mobiele wereld. Maar wat als je de leuze ‘mobile first’ nu eens echt volledig zou opvolgen, en het kleine scherm voorrang geeft vanaf de eerste stap? We zetten de voor- en nadelen op een rijtje!
Wij kiezen ervoor om de mobile- en desktopdesigns gelijktijdig te ontwerpen. Na een grondige denkfase/analyse starten we met het ontwerpen van wireframes voor zowel desktop als mobile. Enkel op die manier kunnen we de contra's van mobile first opvangen. Of ze nu met een smartphone, tablet of PC bij ons aankloppen, alle relevante informatie zal volledig hapklaar én mooi aangeboden worden.
De Amerikaanse webdesigner Brad Frost schreef een boek over hoe het designproces volgens hem - en intussen ook volgens vele anderen - er zou moeten uitzien, het zogeheten atomic design. Ook hij vindt dat collega Stephen Hay het het best verwoordde toen hij zei ‘We’re not designing pages, we’re designing systems of components’. Designs moeten het vliegensvlug veranderende digitale landschap van internettoestellen en contenttypes kunnen blijven volgen, zonder daarbij vaart te verliezen. Wie enkele jaren geleden de boot naar de mobiele aanpak gemist heeft, dreigt nu misschien wel kopje onder te gaan. En ook het oude designproces is stilaan achterhaald. Agility, samenwerking en aanpassingsvermogen staan tegenwoordig centraal, terwijl de raakvlakken tussen design en development steeds groter en groter worden.
Het atomische designproces van Frost ziet er ongeveer als volgt uit:
Stelselmatig opbouwen loont dus zeker en vast de moeite als je een goeie website wil opbouwen. Zet al die atomen en molecules goed in elkaar om degelijke organismes te vormen, en stoom zo door richting templates en pagina’s die steeds complexer en uitgebreider worden. De stevige basis blijft hoe dan ook liggen voor eender welk ander platform waar je nadien voor gaat ontwikkelen. Ook gewonnen voor onze mobile first-aanpak? Calibrate staat je graag bij met raad en daad!