To the front pageThe Interaction Designer's Coffee Break - Weekly postings and quarterly articles about interaction design  
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI  
   
 

Use liquid web page layouts and optimize for 1024x768

According to Jakob Nielsen, web pages should use a liquid layout that stretches to the user's current window size. He recommends that we optimize page layouts for 1024x768 pixels, which is currently the most widely used screen size, but that we make sure it works for any resolution from 800x600 to 1280 x1024.

Pages should also work at smaller and bigger sizes. But a less-than-great design is an acceptable compromise. Fewer than half a percent have screen resolutions of 640x480 and users with large screens rarely maximize their browser window.

A liquid design should scale all the way down to the tiny screens found on mobile devices. But mobile services should be designed specifically for use on small screens.

Links:

  • Screen Resolution and Page Layout Open link in new window

Henrik Olsen - August 07, 2006

See also: Tips and guidelines (95)  Web page design (40) 

 

COMMENTS

I'm not sure that Mr. Neilsen is focused on the right statistic here; I think browser window size (or, better, canvas size, being window size within borders and minus any toolbars that might be displayed) is the much more interesting variable.

I've noticed that as more of my Windows-using coworkers get larger screens, the likelihood that their browsers will be maximized is reduced. Anecdotally, this effect seems to be most pronounced among the most technologically savvy of the bunch, but as we slowly upgrade the equipment our people use it seems they are likely to have some apps maximized (spreadsheets, diagramming, Outlook) and some at reduced window sizes (most notably browsers and file system windows, plus "naturally small" apps such as music players).

Granted, this may or may not be true of your audience. But as screen sizes pass the 1280px-wide mark, the likelihood that a maximized browser window will represent the actual usage patterns of the audience is likely to fall. This implies that we should be collecting statistics on, and paying attention to, canvas size as a primary design constraint.

Jon Plummer | August 07, 2006

 

Jesper R

Henrik Olsen | August 29, 2006

 

Sponsor

Ad for TechSmith Morae


Browse GUUUI postings

Methods and the design process

Prototyping and wireframing (119)  Usability testing (68)  Cost-justification and ROI (27)  User research (23)  Personas (19)  The design process (24)  Eye-tracking (14)  Card sorting (13)  Web traffic analysis (12)  Expert reviews (11)  Implementing user-centred design (9)  Site and flow diagramming (6)  Envisionments (4)  Use Cases (3) 

Design elements

Navigation (63)  Web page design (40)  Search (27)  Text (24)  Forms (30)  Links (19)  Guidelines and Standards (15)  Site design (14)  Ads (9)  Design patterns (8)  Sections (8)  Shopping Carts (9)  Error handling (7)  Home pages (9)  Help (3)  E-mails (3)  Sitemaps (2)  Personalization (1)  Print-friendly (1)  Landing pages (5) 

General aspects

E-commerce (27)  Persuasive design (21)  Visual design (19)  Information architecture (15)  Accessibility (13)  Search engines (7)  Credibility, Trust and Privacy (6)  Emotional design (10)  Simplicity vs. capability (7)  Web applications (6)  Intranets (3) 

Technology

Flash (6)  Download time (5)  Javascript (3)  URLs (3)  Browsers (3)  Web standards (2) 

Humour

Bad designs (20)  Cartoons (14)  Fun music and videos (13)  Funny tools and games (12)  Misc humor (8)  Fun with Jakob Nielsen (9)  Designs with humor (3)  Fun posters (5)  Funny 404 pages (2) 

Resource types

Research (129)  Tips and guidelines (95)  Tools (106)  Books (47)  Audio and video (48)  Interviews (30)  Cases and Examples (28)  Talks and presentations (18)  GUUUI articles (11)  Primers (14)  Online books (5)  Posters (5)  Glossaries (3)  People and organisations (3) 

Information sources

Blogs (12)  Websites (11)  Discussion lists (4)  News (3)  Newsletters (3)  Online magazines (3)  Wikis (1) 

 
     
  To the front pageSign inTo the frontpageSearch in GUUUI postingsAbout GUUUI