Wat te doen met schermresoluties?

|

Een beetje website bouwer zorgt tegenwoordig voor een website die responsive is. Responsive kunnen we interpreteren als resolutie onafhankelijk en zorgt ervoor dat de website optimaal wordt weergegeven op een desktop, laptop, tablet en smartphone. Deze apparaten hebben ieder hun eigen resolutie, dus moeten er keuzes gemaakt worden. Keuzes zoals; tot welke resolutie wordt de volledige schermbreedte gebruikt of vanaf welke resolutie wordt de menubalk volledig weergegeven? Maar welke resoluties worden nu het meest gebruikt?

Zo is het belangrijk om een website te zien of te ontwikkelen voor de meest gebruikte schermresolutie(s). Gelukkig worden er daarvoor nog steeds statistieken bijgehouden. Google Analytics is daar een voorbeeld van. Onder andere deze statistieken worden verzameld en weergegeven in rapporten, die wij allemaal weer kunnen raadplegen. Deze rapporten samengevat in onderstaande tabel:

 

    w3schools.com* W3Counter StatCounter
640 x 360 16:9 - 22% 19%
1366 x 768 16:9 34% 12% 12%
1920 x 1080 16:9 18% 7% 9%
1280 x 1024 5:4 4% - -
1280 x 800 8:5 3% - -
1440 x 900 8:5 - 3% 3%
1024 x 768 4:3 2% 6% -
768 x 1024 3:4 - - -

* w3schools.com is info van januari 2018, de overige info is van december 2018.

Conclusie

Erg opvallend is de kleine resolutie 640 x 360 met gem. 20% van de bezoekers, die ook nog eens niet zichtbaar is bij w3schools. Dit zijn uiteraard mobiele apparaten, zoals telefoons of andere smart-devices. Gelukkig is de 19:9 beeldverhouding daar ook van toepassing, evenals bij de andere twee grootste resoluties: full-HD en HD-ready. Kortom meer mobiele apparaten maar de beeldverhouden van de computerschermen blijven - gelukkig - hetzelfde.

Maart 2015

Voorheen concludeerden wij dat de resolutie 1366 x 768 het meest gebruikt is, maar 1920 x 1080 (Full HD) met exact dezelfde beeldverhouding 16:9 staat overal op nummer twee. Samen zijn deze begin 2015 goed voor ongeveer 20-30% van de verschillende schermresoluties. Optimaliseer uw template of website dus voor deze schermresoluties / beeldverhouding. Ook is zichtbaar dat een breedte van minimaal 1280 pixels gebruikt wordt op ongeveer 40% van de schermresoluties.

 

Ook voor een responsive website is deze informatie interessant. Hiermee kunnen we namelijk de keuze maken vanaf welke breedte in pixels een website anders vormgegeven moet worden. Wanneer moeten modules worden aangepast of netjes onder elkaar worden weergegeven. Met behulp van deze informatie weten we nu bijvoorbeeld ook dat als een website maximaal 1280 pixels breed mag zijn dat er dus in 40% van de gevallen extra (onbenutte) ruimte links en rechts wordt weergegeven. Maar ook met het ontwerp van een menu kan dit handig zijn, hoeveel knoppen kan ik kwijt en in hoeveel gevallen wordt de menu balk op twee (2) regels weergegeven.

Heeft u meer vragen inzake schermresoluties of andere onderwerpen, neem dan contact met ons op.