Social Medium

De WordPress expert voor complexe websites

Hoe je de slag om de mobiele bezoeker wint

By admin | 17 December, 2012 | 5 Comment

Heel opvallend.
De meeste websites zijn nog niet aangepast aan smart phones en tablets.
Terwijl meer en meer bezoekers via hun smart phone en tablet je website bezoeken.
En wat doe jij?
Hoeveel websites bezoek jij op je mobiel of tablet?
Irriteer je je ook aan inzoomen, scrollen en dat je de juiste knoppen niet goed raakt?
Of erger, websites met enorme laadtijden?
Hup weg, snel andere site proberen.
Bezoeker weg, potentiële klant weg…

2013 wordt het jaar van de mobiele site.
Let maar op!
In Amerika worden al meer tablets verkocht dan laptops.
De overgang van desktop naar tablet en smart phone gaat razendsnel
Hoe zorg jij dat je deze bezoekers bindt?

Gelukkig is er een fantastische nieuwe techniek.
Die het mogelijk maakt dat je website optimaal wordt weergegeven op smart phones en tablets.
Deze techniek heet responsive design.
Het kan eenvoudig of juist heel vernuftig en creatief.

Responsive design is een prachtige en krachtige techniek die ervoor zorgt dat websites zich automatisch aanpassen aan het gebruikte beeldschermformaat. Voorheen was dat erg ingewikkeld. Dankzij HTML5 en CSS3 is dat nu een stuk eenvoudiger geworden. Je kan zelf heel eenvoudig zien wat responsive design is, door simpelweg de breedte van je browser te verkleinen en vergroten. Bekijk onderstaand filmpje om te zien hoe gaaf een aantal responsive websites van uiterlijk veranderen bij verschillende formaten!

Wat zijn de voordelen van responsive design?

  • Je website wordt in een keer optimaal weergeven op smart phones, tablets en desktops
  • De laadtijden van je website op smart phones zijn veel korter, dit is cruciaal
  • Bezoekers blijven langer op je website omdat deze gebruiksvriendelijker is
  • Betere conversie van je website
  • Google geeft je website bonuspunten, hierdoor komt je website hoger in de zoekresultaten

Wat zijn de kosten van responsive design?
Dit loopt sterk uiteen. Je kan het heel eenvoudig houden, of helemaal los gaan. Het is iets nieuws. Designers en ontwikkelaars moeten leren om op een vernieuwende manier te werken; niet langer denken in pagina’s maar in systemen. Het is nog geen gemeengoed, het vergt meer kennis en creativiteit van zowel designers als ontwikkelaars. Goed responsive design is daarom niet goedkoop.

Voorbeelden van mooie responsive design websites:
http://www.humaan.com.au/
http://www.anderssonwise.com/
http://cafeevoke.com/
http://www.deblogacademie.nl/
http://www.formfett.net/

Fantastische uitleg over het ontwerpen en ontwikkelen van een responsive design website:
Smashingmagazine

Er zijn meerdere tools waarmee je direct kan zien hoe een website eruit ziet bij verschillende formaten, bijvoorbeeld: http://dfcb.github.com/Responsivator/

Meer weten?
Wij zijn van mening dat bij alle websites responsive design broodnodig is. We hebben ons daarom hierin gespecialiseerd, zowel qua design als ontwikkeling. Op dit moment zijn we ook druk bezig om onze eigen site aan te passen. Wil je meer weten over responsive design? Neem dan contact met ons op.

TAGS

5 Comments

18 December, 2012 Reply

Nu jullie nog ;-)

18 December, 2012 Reply

@sjoerdgerritsen:disqus helemaal mee eens! Socialmedium krijgt in 2013 een compleet nieuwe website... Uiteraard responsive.

19 December, 2012 Reply

Cool! Hier heb ik een tijdje geleden ook over geschreven op Franwatching. Vooral laatste alinea: http://www.frankwatching.com/archive/2012/10/21/creatieve-branding-met-service-design-voor-mobiel/

19 December, 2012 Reply

Cool! Hier heb ik een tijdje geleden ook over geschreven op Franwatching. Vooral laatste alinea: http://www.frankwatching.com/archive/2012/10/21/creatieve-branding-met-service-design-voor-mobiel/

10 April, 2013 Reply

Hee, bedankt voor de eervolle vermelding! ;-) Had 'm gemist.
Ja, veel mensen denken nog helemaal niet aan hoe hun site er uit ziet op een mobieltje.

Leave a Reply

Your email address will not be published. Required fields are marked *