Apr 3rd, 2010

Minimum Screen Resolution for Web Design – Usability

It seems that with the advanced computers and laptops widely available web designers can consider moving from 1024×768 to 1280×800 which covers 76% of the market according to w3schools.com and NetMarketshare. The game is to have all vital information ABOVE THE FOLD LINE. According to NNg latest study users scroll much more then they used to but the attention they pay to the infomration above and below the fold line is very different.

“Web users spend 80% of their time looking at information above the page fold. Although users do scroll, they allocate only 20% of their attention below the fold.” - Jakob Nielsen’s Alertbox, March 22, 2010.

1280×800 screen resolution gives us 1257×600 real life room users see without scrolling in the following browsers:

  • Mac
    • Safari
    • Camino
    • FireFox 3
    • Omniweb 5
    • Opera 9
  • Windows
    • IE6
    • IE7
    • IE8
    • FireFox 3
    • Opera 9
    • Safari

Still it would be a good idea to user target audience study or web analytics data or at least common sense when deciding what minimun resolution you need to support.

Government/Community websites should still support minimum of 1024×768 providing ability to access data to 99% of the market.

Retail/Financial industries usually don’t upgrade hardware and bank terminals until it is absolutely necessary and 1024×768 may be still safer choice for them.

IT industry routinely tries to be at the tech edge . Big screens, high resolutions of latest note- and netbooks make it  to take advantage of 1280×800.

January 2010
Resolution % of Total
1280×1024 18.2 %
1280×800 17.3 %
1440×900 10.5 %
1680×1050 10.0 %
1920×1200 4.6 %
1366×768 3.6 %
1920×1080 2.3 %
1152×864 2.1 %
1600×1200 1.4 %
1280×768 1.2 %
Other 4.8 %

These statistics are based on W3Schools users.