48Days.NET

Sidebars on Websites- Worth it in The End

The concept of sidebars is as old as that of websites itself; they have been on websites since the mid-90s. The early websites were usable but primitive, but in the last two decades, web design has advanced by leaps and bounds. Even so, sidebars are still rather common on a number of websites, ranging from e-commerce shops to blogs. As responsive design grows, however, it is worth pondering about the relevance of sidebars in modern web design.

Are Sidebars a Good Idea?

The question is being raised over and over these days, as a growing number of designers wants to discard the sidebar altogether, claiming it serves no utility. More and more mobile users mean that the sidebar content drops below the actual webpage and goes unseen. With big screen resolutions getting wider too, there is a need for a width limit to be set as well. The key to understanding sidebar utility is to first see what purpose the page it is being deployed on serves. On an email site like Gmail or Outlook, it makes a lot of sense to have a sidebar with quicklinks for you to jump from one section or mailbox to another. That said a ton of simple websites like business sites and portfolio pages absolutely do not need sidebars.

It makes a lot of sense for businesses to follow a single column, single stream layout with chunks of content and blocks of graphics placed where appropriate. When it comes to blogs, the utility depends on style, topic, and content type. If advertising is your goal, or you want to promote related products or increase signups to email campaigns you should definitely keep a sidebar. But small-scale blogs with minimal ads really don’t need this. These, coupled with the rise of Adblock and “Banner Blindness” among consumers only mean that the sidebar is taking up valuable space.

Minimalism Is Key

Simpler websites always have a cleaner, smoother UX, which means they are comfortable to read and provide a smooth browsing and using experience. Removing an excess sidebar is easily the best way to simplify a complex layout. Blogs, in general, are much easier to read without a sidebar because the text content gets more space. Professionals, photographers, artists, writers and designers all profit from this strategy.

However, minimalism isn’t for everyone, and you’d be surprised at some instances where a bunch of columns and extravagant design is what is needed. E-commerce is especially divisive here. While minimalism makes it more intuitive, there are way too many features to shove into a single column flow. Here, sidebars are very useful, for filters as an example, but it is important that they are designed intuitively, get hidden when not needed, and be minimal.

Responsive Design and Mobile Devices

It has long been known that responsive, fast websites are the future of the internet. In 2016, internet use from mobile devices surpassed desktops and this trend is there to stay. Responsive design means that your website is resized or the layout is changed to best suit the size of the screen of any device accessing the page. On mobiles and tablets, responsive design tends to hide the sidebar because of lack of space. You could choose to hide it under a drop-down button or a slider, move it by dropping it beneath the main content or forget it altogether. The page will definitely load quicker without the sidebar too. That said it may look a little bland on the desktop. The key is judicious use. Some sites use 3-4 content columns but look fantastic because they are designed well and have kept mobile use in mind too. If all this is too much for you, you should consider hiring a top firm like LasVegasWebDesignCo to design your website.

Highly Subjective

It is entirely understandable if you don’t want to remove a sidebar you think is necessary just for the sake of mobile users. The key is in striking a balance. If the website needs a sidebar, that is, if the sidebar adds a ton of functionality to the website, you should keep it on the desktop site and hide on mobile. You must analyze and understand the value of a sidebar in your situation.

Pros and Cons

For:

  • Ad-friendly
  • Promotes related content
  • Boosts email signups
  • Allows filtering and organization

Against:

  • Not mobile-friendly
  • Clunky, visually unappealing
  • Usually unnecessary

Conclusion

There are tons of sites which use sidebars very tastefully on the desktop version, like having two sidebars with useful widgets and links and the content sandwiched in between. With a wide enough screen, this looks quite fantastic, again, provided the sidebars serve some purpose. Design is always malleable so you should not have a hard and fast opinion. Instead, consider the utility carefully and then design or deploy accordingly. It is, however, true that a mobile-dominated world could mean the sidebar is replaced by something more usable in the near future.

Views: 22

Comment

You need to be a member of 48Days.NET to add comments!

Join 48Days.NET

Coaching Mastery Program

Interested in being a 48 Days Certified Coach?  Check out our elite program here:

Check it out!

Follow 48 Days:

Have a question or want to connect? Enter in some keywords here to see what we're already saying!

Interested in the next step beyond this community - with more hands-on interaction with Dan and other 48 Days Mentors? Check out our new membership site!

Weekly Podcast

Hosted by Dan Miller

Good stuff from 48days

Sign up for the FREE weekly 48 Days Newsletter HERE
Check out Dan's 
daily blog and 
free worksheets
Get the 48 Days App!


 


Have a question or want to connect? Enter in some keywords here to see what we're already saying!

 

© 2017   Created by Jon Dale.   Powered by

Badges  |  Report an Issue  |  Terms of Service