Screen space waste

Technology improvements led to the increase of monitor sizes and the screen space available to web designers. The desire to use this larger viewable area motivated the decision to use fluid layouts for maximum flexibility and adaptability. Other websites remained fixed-width, used bigger elements and extensive scrolling. Because fixed-width designs are better suited to small monitors, bigger elements often waste considerable screen space. This happens due to improper understanding of constraints on the web and the way the relationship between the monitor and the website is perceived.

Not only big elements can waste screen space. But we can recover it if we remove insignificant or duplicate content. Big advertisements require special care, because they must be consistent with the existing layout and not negatively affect the way visitors perceive the rest of the content.

Here we can see a website, whose content is framed in a Samsung TV:


Our focus shifts from the content to the TV itself. Scrolling becomes harder as the scrollbar is no longer in its usual place, but located inside the TV. This example illustrates how easy it is to waste screen space and to decrease the importance of the content.