5 Ways to Increase Free Space on a Page

Original author: Michael Martin
  • Transfer
Most bloggers want to post as much content as possible on their page , but so that it takes up as little space as possible .

This is a rather interesting paradox, and it is not always possible to find a solution. However, there are ways to break this “paradoxical rule” and improve the readability of the blog for users.
In this article, I offer you 5 such ways , having learned which, I think, you can figure out how to apply them to your blog.


1. Dropdowns


When traveling through the pages of the Internet, you probably noticed that you often face the need to choose something from the list offered to you: blog links, pages in the navigation bar, countries in the registration form, etc.
Unfortunately, such drop-down blocks make information difficult to read and now their use is considered old-fashioned. However, they have one big plus - the ability to hide a large amount of information, thereby preventing a pile of content on the page.
Drop-down blocks are convenient to use where a large list is contained, but not convenient where this list is small. A long list of countries in the registration form can serve as an example.

You can go beyond the proposed option and use the drop-down blocks as a way of hiding the least information that is of no interest to the user. For example, monthly archives or even categories of archives may be of interest only to a small number of blog visitors and, accordingly, they do not need to be in open form.

2. Pop-ups


Pop-ups are considered a negative phenomenon on the pages of the Internet, and there are good reasons:
- they load slowly
- they cannot be simply opened in a new tab
- advertisers abuse them for many years

The advantages of pop-ups are that they give you the ability to fill out a whole new page, and besides, users give them all their attention, as if they opened a new page.

But overall, pop-ups will annoy users. As such, they should never be used for permanent content, they can be useful for links such as, for example, email subscription forms, downloading an e-book, etc.

3. CSS Pop-ups


CSS popups are becoming a modern version of pop-ups. They allow you to load new content above the current page. You will find more detailed information on Lightview , and also learn how to implement this yourself.

Their advantages are that they load quickly, work when opened in a new window and do not abuse our attention.

CSS pop-ups are best used for content that is too large for the current page, but too small to warrant opening a new page, for example, loading a full version of an image, or a few points to define a term.

4. Invisible (hidden) blocks


Using hidden blocks, users can switch the main content of the page. You can read more about this in the article Cut Category Clutter and Toggle Visibility

Invisible blocks are the best way to hide / show small pieces of content that could cause the addition of minor blocks, such as lists of subcategories or small definitions. They can also be implemented more creatively, for example, hiding / showing answers to a quiz. The disadvantage is that users cannot immediately understand that this is not a link to open, but only a “switch” of the content. This can cause problems for those who are trying to open the link in a new window, the contents simply will not be loaded.



5. DOMTabs - navigation bookmarks


DOMTabs is a smart implementation of the simple hidden blocks mentioned above. They allow you to manage content on a smaller area.

The DOMtabs implementation is ideal for bloggers who want to add a few more widgets to the sidebar of your page. My advice is that DOMtabs probably works better with textual content than images. Visual content (for example, MyBlogLog, RSS, Entrecard etc.) works to catch the user's eye, and if he clicks on a bookmark to download the content, then his attention will be fully won. In addition, DOMtabs can be used to display multiple authors in the sidebar or in the footer of a page. It is often very used on magazine-themed home pages.



Well, that's all 5 ways. Do you use them on your blog or do you have any other ideas?

Also popular now: