The Differences Between Fixed and Fluid Width Designs
March 26, 2008
When a person is designing a blog or website, one of the most important aspects to figure out is whether they want a fixed width or fluid width design. Sometimes this choice isn’t easy, so the best way to figure out which is best for you is by determining the look and feel you want for your site, what your site is about, and looking at the pros and cons of both options.
You may recall when I asked my readers whether they thought fixed designs or fluid designs are better. Now I’m going to touch on that topic again and let you know the results of the discussion and help you determine which is right for you. First, here are some reader opinions:
“Fixed width all the way. Easier to plan, easier to implement, gives everyone the same experience. As mentioned earlier, widescreen monitors can pose a problem for those who read fluid-width blogs. A simple solution for the reader is just to set your browser to a fixed width. That way you can have two or three browsers or other applications up at the same time.”
“My personal preference is fixed, and probably a maximum of two columns of information.
I’m a fan of clutter minimization, that being, not too many main sections on the page that I need to interact with. I like headers that are consistent and do not change from page to page, and I like a main text area, and a right formatted “extras” area.
Dynamic formatting makes me feel like I’m moving from site to site, vs. the same website. The thing I hate the most is having to make my browser window larger to accomodate things with have shifted off the right side – I’m fine with scrolling down, but not with scrolling left and right.”
Brown Baron said:
“I prefer fixed layouts. Haven’t really thought why but it’s something I preferred even when I started blogging.”
Weight Loss Wand said:
“I prefer fluid designs much more than the fixed ones. They give little bit of artistic look which is more attractive.”
As you can see, fixed width designs are the most popular with Super Blogging readers. To see more comments and opinions, click here. And for my own personal preference, I also like fixed width layouts the most. But it always depends on what type of site or blog you have. To determine the fixed or fluid question, ask yourself some of these questions:
- What key elements will my site consist of? Text, photos, videos?
- Do I want my site to be easy to read?
- Is usability a must?
- Do I want a more artistic feel?
- Do I want to be able to control every aspect?
- Do I want my site to look the same for each visitor?
- Should my site be very universal and adaptable?
- What types of readers will visit my site? How large are their monitors?
- A fixed design is easier to control, because it looks the same no matter what sized monitor it’s viewed on. You get to choose where everything will be on the screen and that’s not going to change.
- Fixed designs are much more usable and easier to navigate and read. Nothing is stretched out or all over the place. No paragraphs are made into enormous lines of text.
- People with extremely small monitors might not be able to view your site in full and could end up with a horizontal scrollbar. This problem isn’t common. Or, it could be the other way around: your design could look much too narrow on a very large monitor.
- A fluid layout can adapt to pretty much anything if done right. This isn’t always possible, but if it is, you’ll have a site that’s basically universal.
- No screen real estate is wasted. You get more above the fold and all space is taken advantage of.
- With lots of content and none of it spread out, usability can become a huge problem. Fluid designs can very easily look cluttered and it’s hard to achieve that minimalist look.
Which To Choose?
“Just because” is not a good reason. Whether you’re choosing a fixed design, fluid design, or something in between – you need to have a reason for doing so. Some sites will look excellent with fluid layouts, and with other sites or blogs it wouldn’t work at all. There are a lot of questions to answer when coming up with your perfect design, so feel free to experiment and test out any options until you get something you and your visitors both like.
Did I leave anything out? Please leave a comment and share your opinions if you didn’t get in on the discussion the first time. Do you prefer fixed or fluid layouts? Which do you have for your own site or blog? Would you ever consider switching?