Wat betekent Responsive ?
et|icon_table|

Geplaatst op 28 september 2019 door Eric Wils

De geschiedenis van Responsive

In 2010 bedacht Ethan Marcotte (eigenaar van een weblog), de term Responsive. Steeds meer bedrijven gingen destijds geld investeren in een mobiele website, om zo kun klanten beter te kunnen informeren. In 2007 bracht Apple namelijk hun eerste smartphone op de markt, de iPhone 2G. Vele telefoonfabrikanten hadden al snel in de gaten dat dit het begin zou zijn van een nieuw tijdperk in de digitale wereld.

Steeds meer consumenten kochten een smartphone om zo sneller online op zoek te kunnen gaan naar de informatie die zei zochten. Als bedrijf wil je natuurlijk ook dat je website zo goed mogelijk toegankelijk is, en daarom bedacht Marcotte de term Responsive.

Iedere smartphone heeft zijn eigen resolutie en afmetingen. Met zoveel verschillende apparaten is het natuurlijk niet mogelijk om voor ieder apparaat een eigen ontwerp te maken. In plaats vele verschillende ontwerpen, bedacht Marcotte dat het veel praktischer was om zijn ontwerpen om te zetten in percentages en andere relatieve eenheden.

yooker-blog-wat-is-responsive-responsive-technology-cirkel

Maar wat betekent “responsive” nu eigenlijk?

Een mobiele website die zich automatisch aanpast aan de resolutie en afmetingen van het scherm waarop je de website bekijkt. Door middel van de door Marcotte bedachte technieken, bestaat een website zoals we deze tegenwoordig kennen uit flexibele grids en flexibele afbeeldingen.

 Deze flexibele grids zorgen ervoor dat de hoogtes en breedtes van elementen niet in pixels worden bepaald, maar in relatieve eenheden als percentages. De elementen zoals afbeeldingen, tekstvakken, knoppen of dergelijk bevinden zich in een “grid”, die zich automatisch schaalt naar de afmetingen van het scherm waar je op kijkt. Dit kan een smartphone zijn, maar ook een laptop, computer of een tablet. De afbeeldingen worden relatief geschaald, zodat ze de originele kwaliteit blijven behouden.

Vergelijk een responsive website eens met water. Als je bijvoorbeeld water uit een fles in een emmer giet, schaalt water zich ook automatisch aan de ruimte waarin het zich bevind.

yooker-blog-wat-is-responsive-content-is-like-water

Mobile first

Een relatief nog onbekende, maar wel opkomende ontwerpmethode is Mobile First. Dit wil zeggen dat de website wordt ontworpen voor het kleinste scherm (smartphone), en vervolgens wordt dit ontwerp opgeschaald naarmate het scherm groter wordt. Hierbij ligt de focus van het ontwerpen op de essentiële inhoud, en wordt er goed naar detail gekeken.

Waarom is het belangrijk dat mijn website goed mobiel toegankelijk is?

In Noord- en West-Europa is de toegankelijkheid tot het internet het hoogst van de hele wereld. Maar liefst 92% van de mensen hebben toegang tot het internet, en brengen per persoon ca. 6 uur per dag online door. In januari 2018 bezocht 52% van de mensen een website via een smartphone. Wanneer je website gebruikersvriendelijk en geoptimaliseerd is voor mobiele apparaten, leidt dit tot hogere conversies en een hogere klanttevredenheid. Wanneer je website slecht of niet geoptimaliseerd is voor mobiele apparaten, zullen klanten je website direct verlaten en kiezen voor een concurrent die hier wel in heeft geïnvesteerd.

Hoe bezoek je zelf eigenlijk een website?

yooker-blog-wat-is-responsive-statistics

Bron Hootsuite: Als je de cijfers hierboven bekijkt is een responsive website dus niet meer weg te denken.

Conclusie

De ontwikkeling van responsive webdesign gaat razendsnel. Websites functioneren sneller, in technisch opzicht wordt er steeds meer mogelijk, en de ontwerpen zien er steeds beter uit. Een optimale ervaring voor iedere onlinegebruiker is tegenwoordig essentieel, je wilt tenslotte iedere gebruiker bereiken met je website. Bij Yooker begrijpen wij dit, en leveren alleen websites die volledig geoptimaliseerd zijn voor zowel desktop, laptop, smartphones en tablets. Wil jij graag weten of jouw website goed toegankelijk is op mobiele apparaten, of den je na over een nieuwe website? Neem gerust vrijblijvend contact met ons op.

et|icon_info_alt|p

Written by Eric Wils

Eric Wils is een van de blogschrijvers van Yooker. Met zijn passie voor webdesign en kennis over webdevelopment en website optimalisatie wil hij graag informatie delen met andere. Gastschrijver worden? Neem dan even contact op met Yooker.

0 reacties

Een reactie versturen

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Bekijk deze gerelateerde berichten

Wat is hosting?

Wat is hosting?

De geschiedenis van Hosting Het internet was tot eind 1993 alleen beperkt beschikbaar voor onderzoek en onderwijs. Maar vanaf 1993 werden de eerste grafische internetbrowsers geïntroduceerd voor de Mac en Windows. Om een website te kunnen hosten...

Lees meer
Wat betekenen Cookies op mijn website?

Wat betekenen Cookies op mijn website?

Op 1 januari 2013 kwamen er nieuwe regels: websites moesten toestemming gaan vragen aan de bezoeker om cookies op diens computer te plaatsen. Dit heet een ‘cookiemuur’. Op sommige websites is dit een echte barrière: pas als je akkoord gaat met het...

Lees meer

Meer uit categorieën