Wat betekent Responsive ?

door | 28 september 2019 | Webdevelopment

yooker blog wat betekend responsive

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.

yooker blog wat is responsive responsive technology cirkel

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.

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.

yooker blog wat is responsive content is like water

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.

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.

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

“Hoe bezoek je zelf eigenlijk een website?”

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 online gebruiker 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.

Geschreven door Eric Wils

Samen kijken naar de beste digitale oplossing voor jouw organisatie, dat is het motto van onze auteur Eric Wils. Met de passie en ervaring op online gebied deelt hij graag zijn kennis over diverse uiteenlopende onderwerpen.

Bekijk ook onze andere artikelen.

By
yooker

Google Stopt met Indexeren van Niet-Mobielvriendelijke Websites: Ja dit lees je goed!

Vanaf 5 juli 2024, voert Google een ingrijpende wijziging door in zijn indexatie- en rankingmethode. Websites die niet optimaal werken op mobiele...
By
39968c22 156d 4541 9a77 9e67140f4903 1 1

Ontdek Google Consent Mode V2: Verbeterde Privacy voor Advertentiecookies

In de voortdurende evolutie van digitale privacy en gegevensbescherming, staat Google aan de voorhoede met innovatieve oplossingen om adverteerders...
yooker holy one overname

Belangrijke Overname Aankondiging; Yooker & Holy One (+ FAQ)

Beste relaties, Met enthousiasme introduceren wij, Eric Wils & Sander Goorman, eigenaren van Yooker, ons aan jullie als jullie nieuwe digitale...
By
google ads manager

Waarom Uitbesteden van Google Ads aan Yooker een Slimme Zet is voor jouw Bedrijf

In de steeds complexer wordende wereld van digitale marketing, wordt het beheren van Google Ads-campagnes een uitdaging die steeds meer expertise en...
By
a man presenting artificial intelligence regarding mobile phones

Ontdek de Kracht van ChatGPT in WordPress

ChatGPT, ontwikkeld door OpenAI, is een krachtig hulpmiddel dat webontwikkelaars nieuwe mogelijkheden biedt om hun websites te verbeteren. Als...
business i

De online marketingtrends van 2024: Een diepgaande kijk op de toekomst van digitale marketing

De wereld van digitale marketing verandert voortdurend, en het jaar 2024 belooft geen uitzondering te maken. In deze blog gaan we dieper in op...
Business Income Tracking

Meerdere inkomstenbronnen via je website

Een website is veel meer dan een digitaal visitekaartje. Als je het op een goede manier aanpakt kan het je veel leuke nieuwe klanten opleveren, en...
hoe werkt het stap 4

Klantencase – Vuilniszak.nl

Ken je het probleem dat je altijd zit te ‘frotten’ met de vuilniszak? Echt passen doet die bijna nooit. Of je moet de boel oprekken óf je houdt te...

Bekijk al onze categorieën.

foto paars met telefoon
Webdevelopment

Lees meer $

foto roze met pijl
foto slotje blauw
Online Marketing

Lees meer $

yooker blog hoe start jij eigen blog website
Business

Lees meer $

yooker blog wat is e commerce
E-commerce

Lees meer $

yooker een sterk logo ontwerpen blog
Grafisch ontwerp

Lees meer $

yooker blog wat is webhosting
Hosting

Lees meer $