Het oplossen van webpagina's is een groot probleem. Veel sites die webontwerp onderwijzen, hebben erover geschreven en afhankelijk van wie u denkt, moet u pagina's ontwerpen voor de kleinste gemene deler (640x480), de meest voorkomende resolutie (800x600) of de meest geavanceerde (1280x1024 of 1024x768). Maar de waarheid is dat u uw site moet ontwerpen voor de klanten die er naar toe komen.
Feiten over schermresoluties
- 640x480 is niet dood
- Hoewel 640x480 niet zo gebruikelijk is als vroeger, is deze resolutie nog steeds aanwezig. Oudere computers, laptops met kleinere schermen, netbooks en mensen die grotere lettertypen nodig hebben, gebruiken allemaal deze resolutie. Zelfs als u ervoor kiest om uw pagina niet aan deze resolutie aan te passen, moet u uw site met deze resolutie testen.
- 800x600 is heel gebruikelijk
- Veel webdesigners raden aan websites te ontwerpen voor een resolutie van 800x600. Hoewel deze resolutie op het web vaker voorkomt, is dit mogelijk niet het geval voor uw klanten. Als u van plan bent uw website opnieuw te ontwerpen, moet u een paar weken de tijd nemen om uw browserstatistieken te analyseren om de meestvoorkomende resoluties te bepalen die worden gebruikt door jouw klanten.
- 1024x768 komt veel vaker voor
- Schermen worden groter en 1024x768 is het andere populaire formaat om te ontwerpen omdat veel ontwerpers monitors hebben die dit native ondersteunen. Maar deze resolutie kan voor veel mensen vrij moeilijk te lezen zijn. Een 14-inch laptopmonitor ondersteunt mogelijk 1024x768, maar de tekst is vrijwel onleesbaar. En laptops zijn erg populair.
- 1280x1024 en groter komen minder vaak voor
- Meestal zie je deze grotere resoluties op desktopcomputers of high-end laptops. Maar vaak browsen de klanten niet op volledig scherm op deze grotere formaten. Dus het ontwerpen van een site die breder is dan 1000 pixels zal op de meeste schermen horizontale schuifbalken veroorzaken.
Houd deze resolutie van Tidbits in gedachten
- Niet iedereen maximaliseert hun browser
- Als u vaststelt dat uw klanten bladeren op 1024x768, maakt u mogelijk pagina's waarvoor u horizontaal moet scrollen. Waarom? Omdat ze tijdens het browsen met die resolutie hun browservenster niet maximaliseren, dus 800x600 mogelijk beter in hun browservenster past.
- Vergeet de browser chrome niet (niet de Google Chrome browser)
- Browsers trekken aan de rechter- en linkerkant 50 pixels af en 200 pixels aan de boven- en onderkant voor eigen gebruik voor zaken als schuifbalken, werkbalken en de container van het venster. Dit wordt browserchroom genoemd. Dus als u een tabel maakt met een breedte van 800 pixels, zullen klanten met gemaximaliseerde browsers op schermen met een resolutie van 800x600 horizontaal moeten scrollen.
Hoe schermgrootte te behandelen op basis van resolutie
-
Bepaal wie uw site bekijkt: Controleer uw weblogbestanden of maak een poll of een script om te bepalen welke resolutie uw lezers daadwerkelijk gebruiken. Gebruik het real-world browsergroottescript om uw lezers bij te houden.
-
Baseer uw redesigns op uw klanten:Wanneer u uw site opnieuw ontwerpt, bouwt u deze op basis van de feiten van uw website. Baseer het niet op statistieken van "het web" of wat andere sites zeggen. Als u een site maakt die past bij de resolutie die uw klanten gebruiken, houdt u ze een stuk gelukkiger.
-
Test uw site op verschillende resoluties:Verander uw eigen schermgrootte (verander uw Windows-schermresolutie of de schermresolutie van uw Macintosh) of gebruik een testtool.
-
Verwacht niet dat uw klanten zullen veranderen: Ze zullen niet. En het plaatsen van beperkingen op hen stimuleert hen gewoon om te vertrekken.
