Website ontwerp voor mobiele telefoon en tablets

Website ontwerp voor mobiele telefoon en tablets

On maart 11, 2016, Posted by , In Algemeen,SEO en Website ontwerp, By ,,,,,,, , With Reacties uitgeschakeld voor Website ontwerp voor mobiele telefoon en tablets

brinkman_it_mobielWebsites ontwerpen waarbij je rekening houdt met mobiele telefoons (smartphones) en tablet gebruikers. En daarnaast ook nog eens met mensen die gebruik maken van een monitor in 3:4-verhouding, widescreen, laptops, netbooks, extra grote schermen .. het lijkt bijna onmogelijk voor alle schermformaten een goede website te maken.

En dan zijn er nog mensen die hun browser op 110% zoom hebben. Of 90% … of wat dacht u van speciale schermen (waar ik zelf gebruik van maak) in 1280×1024 (nagenoeg vierkant dus) formaat?

Hoe hou je daar rekening mee? En, hoe kun je weten of het resultaat goed is? Veel ontwerpers, zeker de hobby-ontwerpers, houden daar geen rekening mee. Terwijl het toch erg belangrijk is. Want uit onderzoek is bijvoorbeeld gebleken dat maar liefst 40% van het internet-verkeer tegenwoordig wordt veroorzaakt door mobiele telefoons (smartphones) en tablets. Jongere mensen tot circa 35 jaar maken voornamelijk gebruik van smartphones. Ouderen gebruiken vaak een tablet. Als een website hier niet geschikt voor is, verliest u dus hoe dan ook een grote groep bezoekers, wellicht potentiële klanten.

Bezoekt een jongere bijvoorbeeld via de smartphone een webwinkel en werkt die niet op de telefoon? Eén klik en ze zijn weg naar een andere aanbieder. Een tabletgebruiker zal iets meer moeite kunnen en willen doen maar als de leesbaarheid voor de oudere gebruikersgroep niet goed is zullen ook zij afhaken.

testwebsite-responsive-groot-scherm-wide-screenDenk, ontwerp en test Responsive

Het rekening houden met al deze verschillende gebruikers, of beter gezegd met hun verschillende apparaten en schermformaten, noemt men “responsive design”. In uw website ontwerp moet u dus nooit uitgaan van uw eigen situatie maar altijd “responsive” denken, (laten) ontwerpen en uiteraard testen.

Wanneer wij een website maken voor onze klanten is het uitgangspunt altijd responsive design. En uiteraard testen we dat ook op fysieke hardware (telefoon, laptop, computer). Daarnaast zijn er op internet diverse handige tools om diverse schermformaten te testen. Onze eigen sites ontwerpen wij op een standaard resolutie-norm van “mobiel tot aan HD 16:9 (=1600×900 pixels)”. Schermen daarboven zijn niet zo gangbaar en heeft iemand een scherm dat nog groter is, dan is de site altijd nog (wel) goed toonbaar.

google-test-mobiel-vriendelijkZelf testen

Hebt u een website gemaakt of laten maken en wilt u die testen dan kan dat snel en eenvoudig via bijvoorbeeld de “Website Screen Resolution Tester” te vinden via deze link:
http://www.rapidtables.com/web/tools/screen-resolution-tester.htm

Google heeft ook een mooie, snelle, test of uw website wel mobielvriendelijk is. Zie deze link:
https://www.google.com/webmasters/tools/mobile-friendly/?hl=nl

Op de pagina vindt u ook een goede handleiding voor het mobielvriendelijk maken van uw website. Want niet alleen voor uw bezoekers is dit belangrijk, ook Google vindt dit heel belangrijk. En als Google iets belangrijk vindt, dan kun je er maar beter voor zorgen dat je site daar aan voldoet want: dat zorgt gegarandeerd ook voor een betere vindbaarheid van uw site in Google!

 

 

Comments are closed.