📜 ⬆️ ⬇️

5 ways to increase free space on the page

Most bloggers want to place on their page as much content as possible , but so that at the same time 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 to improve the readability of the blog for users.
In this article, I offer you 5 such ways , having learned that, I think, you will be able to figure out how to apply them to your blog.


1. Dropdown Blocks (Dropdowns)


Traveling through Internet pages you probably noticed that you often encounter the need to select something from the list you are offered: links in a blog, pages in the navigation bar, countries in the registration form, etc.
Unfortunately, such drop-down blocks make the 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 the page from cluttering with content.
Drop-down blocks are convenient to use where there is a large list, but not convenient where this list is small. An example would be a long listing of countries in the registration form.

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

2. Popup windows


Pop-ups are considered a negative phenomenon on the Internet, and for good reason:
- they slowly load
- can not be just opened in a new tab
- over the years they have been misused by advertisers

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

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

3. Pop-ups on CSS


Pop-up blocks implemented using CSS are becoming a modern version of pop-ups. They allow you to upload new content above the current page. More information can be found on Lightview , as well as learn how to implement this on your own.

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

Pop-up blocks on CSS are best used for content that is too large for the current page, but too small to justify opening a new page, for example, downloading the full version of the image, or a few paragraph definitions.

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 fragments of content that could cause the addition of secondary 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 can not immediately understand that this is not a link to open, but only a "switch" of content. This can cause problems for those who are trying to open the link in a new window, the content will simply not be loaded.

5. DOMTabs - navigation bookmarks


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

The implementation of DOMtabs is ideal for bloggers who want to add some more widgets to the sidebar of your page. My only advice is that DOMtabs probably work better with textual content, as opposed to images. The visual content (for example, MyBlogLog, RSS, Entrecard etc.) works to catch the user's gaze, and if he clicks on the tab to download the content, his attention will be fully won.

In addition, DOMtabs can be used to display multiple authors in the sidebar or in the basement of the page. This is often very much used on the home pages of a magazine topic.

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

Source: https://habr.com/ru/post/288130/


All Articles