Elk jaar krijgt de wereld van webdesign een nieuwe slogan die trends op vrijwel elk discussieplatform daar is. Enige tijd geleden was responsief webdesign een rage op de radar die onlangs een enorme hoeveelheid stoom opnam.
We weten allemaal waarom responsief webontwerp zo belangrijk is, met de toestroom van mobiele apparaten hebben ontwerpers een manier nodig om hun sites te presenteren, zodat deze er net zo goed uitziet als een persoon op hun smartphone terwijl ze voor een 27-inch monitor zit . Responsive design is precies dat, de technologie die dingen standaard houdt over meerdere weergaveformaten.
Naarmate meer en meer ontwerpers zich wenden tot responsief ontwerp, beginnen we meer te zien en horen we meer over wat het is en wat het voor ons kan doen; maar hoe zit het met de dingen die responsief ontwerp niet is?
Een misvatting is dat het vloeibare raster van responsief ontwerp de dingen zal weergeven als een exacte replica op apparaten met variërend schermvastgoed. Dit is gewoon onmogelijk.
Om alles wat je op die mooie grote monitor ziet op het scherm van een smartphone te passen, moet er iets worden gegeven - en dat is inhoud. Wanneer een site op een kleiner scherm wordt weergegeven, zijn er momenten waarop bepaalde inhoud wordt verborgen, zodat de dingen passen. Meestal is deze inhoud een afbeelding of een afbeelding die toch niet goed zou zijn op zo'n klein scherm. Tekstuele inhoud mag niet worden weggegooid.
CSS is een tijdbesparing. Een snelle wijziging van een kleurcode en duizenden pagina's kunnen veranderen in hoe ze eruitzien.
Voordat u reageert op een responsief ontwerp, zou u een pagina vaak moeten ontwerpen zodat deze correct zou worden weergegeven op het apparaat dat er toegang toe had. Het vloeistofraster van responsief ontwerp had als doel om dat te verhelpen, en dat doet het grotendeels. Het lijkt echter een griezelige gelijkenis met een andere technologie die beloofde te werken op meerdere platforms, Java. Java werd gefactureerd als "één keer schrijven, overal lopen", maar het moest nog steeds overal worden getest als je iets aan kwaliteitsbewaking gaf.
Hetzelfde geldt voor responsief ontwerp. U hoeft misschien slechts één keer een pagina te maken, maar u moet deze op elk apparaat testen. Dit kost tijd.
Een grote misdaad als het gaat om bruikbaarheid zijn lange laadtijden. Mensen raken vaak gefrustreerd wanneer een site te lang duurt om te laden en vaak vertrekken voordat ze de kans krijgen om al het werk dat je hebt gedaan om een site er mooi uit te laten zien.
Ik had al eerder gezegd dat, om op kleinere schermen te passen, inhoud soms verborgen moet blijven - namelijk afbeeldingen. Het probleem is dat deze afbeeldingen nog steeds moeten worden gedownload van de server. Ze zijn verborgen, niet vergeten.
In een studie uitgevoerd door het Pew Research Center , 60% van de gebruikers van mobiele apparaten leest liever nieuws via hun browser in plaats van het te lezen in een app. Als het gaat om tekstuele inhoud, lijken mensen altijd de voorkeur te geven aan de browser boven een app, dus het kunnen tonen van die inhoud op verschillende schermen is een must.
Naarmate de tijd vordert, zullen verbeteringen worden aangebracht in responsief ontwerp en de hindernissen die hier werden genoemd, zijn lang vergeten. Op dit moment zal responsive design deze dingen gewoon in overweging moeten nemen, maar je zult in elk geval weten wat de kleine lettertjes van tevoren zeggen.
Volgt responsief design zijn beloftes? Wordt het gezien als een 'magische kogel'? Laat ons uw mening weten in de opmerkingen.
Uitgelichte afbeelding / thumbnail, ongepast beeld via Shutterstock.