Na het overzichtje van de verschillende schermresoluties uit het artikel van Karl Gilis te hebben doorgenomen dacht ik ook meteen: "Wat een zootje" (Volledige artikel: "Schermresolutie: statistieken en tips").
Laat ik daar eens wat duidelijkheid in scheppen voor mezelf, dacht ik. Laat ik dat eens visueel proberen weergeven. Dat leverde onderstaand infografiekje op.
Elk vlak in de grafiek heeft de grootte van een schermresolutie uit de lijst en een kleurtint gelijk aan het percentage van bezoekers met die schermresolutie. Ik heb ook een PDF versie op ware grootte.
Het maakt volgens mij één punt heel duidelijk: ontwerp voor een schermafmeting van 1024 x 768 px. Niet meer, niet minder. Je browsercanvas is dus ongeveer 960 x 570 px groot.
Waar het ook duidelijk tijd voor wordt is experimenteren met grotere schermresoluties. De groep surfers die minimum een schermbreedte van 1280px hebben verantwoordt dat wel.
En mobiel? Daar ben ik nog niet helemaal uit. Een site zoals de onze volledig aanbieden voor een mobiel platform heeft weinig zin. Bepaalde onderdelen beschikbaar stellen - zoals een contactpagina of een kaart met onze locatie - hebben wel zin. Iemand die op weg is naar ons kantoor kan daar wel nut aan hebben.
(Foto door Eyeliam - Creative Commons Attribution - Bron)
Door Danny 24/09/09 (2 jaren geleden)
re: Schermresolutie & webdesign
Mooie infographic! Je kan inderdaad stellen dat het browsercanvas optimaal 960px breed is, maar een hoogte kan je niet geven. We kunnen vermijden dat gebruikers horizontaal moeten gaan scrollen, maar verticaal scrollen is eigen aan websites. Gelukkig maar.
Door Hilke 24/09/09 (2 jaren geleden)
re: Schermresolutie & webdesign
verantwoord.... t t t, Gudrun zal de rode stylo moeten bovenhalen
Door Dirk Sabbe 24/09/09 (2 jaren geleden)
re: Schermresolutie & webdesign
@hilke Dank je wel! Heb ik over het hoofd gezien.
Door Thijs Visser 25/09/09 (2 jaren geleden)
re: Schermresolutie & webdesign
Liquid layouts dan maar? Geoptimaliseerd voor 960px breed. Alleen met visueel zware website kan dit veel kopzorgen opleveren omdat je afbeeldingen moeilijk meeschalen. Vooral met elementen en kolommen die fixed with moeten blijven en de rest moet meeschalen.
Het is in het laatste geval erg verleidelijk om over te gaan op Fixed-with.
De nieuwe website van Mozilla lijkt goed in te springen op verschillende browser breedtes en hoogtes. Alleen was een min-width en een max-width ook wel op zijn plaats geweest.
(Inventief uitschuifbaar comment boxje dit, naarmate ik meer typ.)
Door HP 25/09/09 (2 jaren geleden)
re: Schermresolutie & webdesign
Weer een interessant artikel. Ik ben al langere tijd op zoek naar de ideale grootte om een website op het scherm weer te geven. In deze tijd met laptops van 15 inch en computers van 22 inch probeerde ik altijd een zo goed mogelijke mix te maken.
Door Filip 26/09/09 (2 jaren geleden)
re: Schermresolutie & webdesign
Je kan natuurlijk ook altijd de schermresolutie van je bezoeker detecteren en werken met verschillende stylesheets.
Eens je de schermresolutie van je bezoeker kent, kan je dan je site presenteren met een CSS-bestand speciaal voor die resolutie.
Door vgfan 26/09/09 (2 jaren geleden)
re: Schermresolutie & webdesign
Ik kijk eigenlijk nooit naar de schermresolutie statistieken van mijn website, iets wat ik eigenlijk wel vaker zou moeten gaan doen. Normaal gesproken ga ik gewoon altijd mijn sites testen op verschillende browsers.
Door patrick van den broeck 28/09/09 (2 jaren geleden)
re: Schermresolutie & webdesign
1024 x 768 px is inderdaad een goede standaard. Je kan niet rekening blijven houden met kleiner en op grotere schermen zal een '1024 x 768 px-geoptimaliseerde' website meestal ook goed tot zijn recht komen.
Je kan nooit goed doen voor iedereen...
Door Ilonka 03/10/09 (2 jaren geleden)
re: Schermresolutie & webdesign
Waarom niet gewoon fluid width met procenten in je stylesheet?
width: 80%;
margin: 0 auto;
Moet je wel goed checken of alles er mooi uitziet in verschillenden browsers.
Door De Tandt 05/10/09 (2 jaren geleden)
re: Schermresolutie & webdesign
Ik denk dat het ook afhankelijk is van de klant/opdracht.
Bijvoorbeeld voor een kleine zelfstandige met een ouder doelpubliek kan je je beter bij een 800px houden. Want als je op voorhand weet dat je een ouder publiek hebt, kan je daar al uit afleiden dat het merendeel verouderde machines, schermen zullen hebben.
Voorts haat ik fluid websites, maar enkelen zien er degelijk uit op verschillende resoluties. Goed dat iemand al vernoemde van max/min width mee te geven.
Een website op een 15"(800px) VS 32" HD, fluid? No thanks! Trekt op niet veel.
Verder lijkt het me beter de statistieken nog een jaartje af te wachten. Die mini laptops, gsm, pda maken een grote stap. Dus het resolutielandschap zou wel eens drastisch kunnen gaan veranderen.
Voorbeeld ik, 800px wijd gsmschermresolutie, heb gelukkig een deftige browser. Een redelijke zichtbaarheid is in mijn ogen de dag van vandaag toch belangrijk, en zal alleen maar belangrijker worden naarmate technologie vordert.
Door Hans 20/10/09 (2 jaren geleden)
re: Schermresolutie & webdesign
1024 x 768 px is nog steeds heel gangbaar. Toch zie je dat 1280 x 1024 langzaam de overhand begint te nemen
Door Kok Koen 27/10/09 (2 jaren geleden)
re: Schermresolutie & webdesign
Ik denk dat 800px een mooie resolutie is.
Persoonlijk surf ik steeds met een half scherm, dus alles wat meer is wordt dan afgesneden.
Uiteindelijk is een scrollbar nu geen enorm probleem.
Door webdesign 31/10/09 (2 jaren geleden)
re: Schermresolutie & webdesign
Net wat Hans al vertelde. Als je zo nu en dan je statistieken bekijkt van je website zie je een steeds sterkere groei van bezoekers met een hogere resolutie als 1024 x 768px.
Door Herbalife 09/03/10 (1 jaar geleden)
re: Schermresolutie & webdesign
Helemaal waar, maar ik denk dat het nog te vroeg is om over te schakelen naar een websitebreedte > 1000px.
Door hoe geld verdienen 13/06/10 (1 jaar geleden)
re: Schermresolutie & webdesign
Toch lijkt het me handig om een site te laten ontwerpen voor mobiel. De mensen gebruiken steeds vaker een mobiel om te surfen.
Door Webdesign Twente 16/06/10 (1 jaar geleden)
re: Schermresolutie & webdesign
1024 x 768 px is nog steeds heel gangbaar. Toch zie je dat 1280 x 1024 langzaam de overhand begint te nemen...
Door Natascha Vantuykom 05/10/10 (1 jaar geleden)
re: Schermresolutie & webdesign
heel verhelderend
Door pregnancy travel insurance 18/10/10 (1 jaar geleden)
re: Schermresolutie & webdesign
Ik zou wel intresse hebben, maar kan zeker niet meer dan gemiddeld 2uurtjes per dag missen :(
Door UW Webdesignbureau 09/02/11 (1 jaar geleden)
re: Schermresolutie & webdesign
Het zeker raadzaam om de statistieken voor schemresolutie bij te houden en je ontwerp altijd te checken op verschillende resoluties.Je zou zelfs kunnen afwegen om verschillende CSS bestanden in je website te verwerken.Afhankelijk van de gebruiker z'n hardware, altijd het juiste formaat van je website waarborgen.
Door Martin 01/05/11 (9 maanden geleden)
re: Schermresolutie & webdesign
Toch zie je dat 1280 x 1024 langzaam de overhand begint te nemen!!
Door MyLifeCoachNV 05/10/10 (1 jaar geleden)
Interessant artikel! http://www.netlash.com/blog/detail/schermresolutie-webdesign/#reactie-201123