Artikels over: webdesign

Screen Resolution ≠ Browser Window Resolution

Iedereen is het erover eens dat de meeste computergebruikers een 1024x768 (of hoger) schermresolutie gebruiken. Maar dat wil daarom nog niet zeggen dat ze ook hun browser-scherm maximaliseren en gebruik maken van deze volledige breedte.
Daarenboven verliezen we links en recht (scrollbalk, kaders), boven en onder (taskbar, menus, toolbars en extensions) heel wat pixels, waardoor de netto bruikbare breedte (en hoogte) voor onze website enorm ingeperkt wordt.
De Browser Window Resolution is dus keiner dan de Screen Resolution.
Als webdesigner moeten we hiermee rekening houden!
In 3 verschillende artikels (Actual Browser Sizes, Screen Resolutions and Better User Experience, Browser Screen Size Tester) werden enkele studies en testen gedaan.
De conclusies zijn duidelijk en unaniem:

  • Hou de breedt van het ontwerp op maximaal 1000pixels, hierdoor bereik je 80% van alle bezoekers. Wil je naar de 90% gaan, dan ligt met maximaal aantal pixels voor het ontwerp op ongeveer 800pixels.
  • Ontwerp vóór uw bezoekers, zelfs als dit wil zeggen dat de site verschrikkelijk lijkt op grote resoluties.

23 regels voor webdesign gebaseerd op eyetrackingonderzoek

  1. advertenties bovenaan en links op de pagina worden het best bekeken
  2. advertenties naast de beste inhoud worden vaker opgemerkt
  3. lezers negeren banners
  4. tekst ads worden van alle geteste formaten het meest opzettelijk bekeken
  5. grote tekstblokken worden genegeerd
  6. tekst trekt de aandacht vóór afbeeldingen
  7. tekstgrootte beïnvloedt kijkgedrag
  8. kortere paragrafen werken beter dan lange
  9. witruimte is goed
  10. grotere afbeeldingen krijgen meer aandacht
  11. nette, heldere gezichten in afbeeldingen zorgen voor een hogere oogfixatie
  12. opzichtige formatering en lettertypes worden genegeerd
  13. formattering kan de aandacht trekken
  14. 1 koloms-layout werkt beter dan layouts met meerdere kolommen op het vlak van oogfixatie
  15. headings trekken de aandacht
  16. gebruikers kijken slechts naar een subtitel als het hen interesseert
  17. gebruik nummers als opsommingen
  18. lijstjes houden de aandacht van de lezer langer vast
  19. initiële oogbewegingen focussen op de linkerbovenhoek van de webpagina
  20. gebruikers kijken initieel naar de boven- en linkerkant van de pagina, waarna ze geleidelijk naar beneden en rechts afdwalen
  21. de inhoud onderaan de pagina wordt doorgaans gescand
  22. surfers kijken lang en intensief naar menu’s en knoppen
  23. navigatie werkt beter als ze bovenaan de pagina wordt geplaatst

Bron: marketingfacts.nl