Resell Print? Click here to see how we can help


Graphic Design Forums: UK forums for graphic designers » Website Design Forums: » Website Design Forum: » What width?

Reply
Old 08-12-2009, 11:37 AM   #1
Administrator
 
Boss Hog's Avatar
 
Join Date: Mar 2008
Posts: 3,205
Thanks: 489
Thanked 447 Times in 353 Posts
Default What width?

As you know we are currently undergoing a complete re-design of the forum, we were initially looking to go with a fluid width site but on reflection it will be much tidier fixed width.

So my question is, what is the maximum fixed width that you feel we can get away with for the main content area of the forum, do people still use 800x600 monitors? The problem we have is designing to an 800 width restricts some of the functions we want to add, we were thinking 1000 pixels wide for the main content area with a fluid width header and footer, any views on this?
__________________
PRINTING: Business Cards | Letterheads | Leaflets | Flyers | Resell Print?



GDF BUSINESS DIRECTORY (FREE)
Boss Hog is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-12-2009, 11:55 AM   #2
Senior Member
 
DougBarned's Avatar
 
Join Date: Jun 2009
Location: London / U.K.
Posts: 181
Thanks: 6
Thanked 12 Times in 12 Posts
Default

960 is a good value. It's used as the foundation for many of the css grids available and allows for a little framing of the content on a 1024 width screen.

800 is now something to be considered rather than designed for. Devices such as notebooks and smart phones with still often have smaller screens than normal, but try to keep the most important stuff on the left towards the top and supporting stuff on right and further down and everything will be fine :)

/Doug
__________________
design-is.co.uk - freelance projects
dougbarned.co.uk - personal site & blog - twitter
feralinteractive.com - designer day job - twitter - facebook
DougBarned is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
The Following User Says Thank You to DougBarned For This Useful Post:
Boss Hog (08-12-2009)
Old 08-12-2009, 12:15 PM   #3
Senior Member
 
dot design's Avatar
 
Join Date: Mar 2008
Location: Devon
Posts: 830
Thanks: 28
Thanked 97 Times in 72 Posts
Default

Glad Boss has posted this up be interested to hear all you web guys and gals thoughts on this! G
__________________
Dot Design: Logo Design | Print Design | Web Design
dot design is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-12-2009, 12:18 PM   #4
Senior Member
 
chris_17's Avatar
 
Join Date: Jun 2009
Location: Newcastle
Posts: 226
Thanks: 0
Thanked 39 Times in 30 Posts
Default

I agree with Doug, 960 gets my vote
__________________
Front-End Design, Development and Web Standards
chrisborrowdale.co.uk
@chrisborrowdale
chris_17 is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-12-2009, 12:21 PM   #5
Senior Member
 
DougBarned's Avatar
 
Join Date: Jun 2009
Location: London / U.K.
Posts: 181
Thanks: 6
Thanked 12 Times in 12 Posts
Default

Cheers Chris :)

The main value in the 960 width is that it is easily divided into columns for grids (hence it's use in grid framework).
__________________
design-is.co.uk - freelance projects
dougbarned.co.uk - personal site & blog - twitter
feralinteractive.com - designer day job - twitter - facebook
DougBarned is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-12-2009, 12:24 PM   #6
Administrator
 
Boss Hog's Avatar
 
Join Date: Mar 2008
Posts: 3,205
Thanks: 489
Thanked 447 Times in 353 Posts
Default

Basically we were thinking to the right of the forum to have a bar stretching top to bottom that has links to latest posts, maybe some links to some of your posts on twitter etc, just wondering if we will have enough room as to do this the forum needs to be condensed width ways to accommodate if we are to stick to a 960 width....unless we make the forum fluid
__________________
PRINTING: Business Cards | Letterheads | Leaflets | Flyers | Resell Print?



GDF BUSINESS DIRECTORY (FREE)
Boss Hog is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-12-2009, 12:38 PM   #7
Senior Member
 
DougBarned's Avatar
 
Join Date: Jun 2009
Location: London / U.K.
Posts: 181
Thanks: 6
Thanked 12 Times in 12 Posts
Default

We could save space on the left by condensing the user details box? If the extra 40px would be useful, there's no reason not to use 1000.
__________________
design-is.co.uk - freelance projects
dougbarned.co.uk - personal site & blog - twitter
feralinteractive.com - designer day job - twitter - facebook
DougBarned is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-12-2009, 12:45 PM   #8
Administrator
 
Boss Hog's Avatar
 
Join Date: Mar 2008
Posts: 3,205
Thanks: 489
Thanked 447 Times in 353 Posts
Default

Quote:
Originally Posted by DougBarned View Post
We could save space on the left by condensing the user details box? If the extra 40px would be useful, there's no reason not to use 1000.
Yeah that would be moved above each post to give more room width ways but it would make threads longer.
__________________
PRINTING: Business Cards | Letterheads | Leaflets | Flyers | Resell Print?



GDF BUSINESS DIRECTORY (FREE)
Boss Hog is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-12-2009, 12:59 PM   #9
Senior Member
 
DougBarned's Avatar
 
Join Date: Jun 2009
Location: London / U.K.
Posts: 181
Thanks: 6
Thanked 12 Times in 12 Posts
Default

It's entirely up to you guys :)

I will say one other thing however - having a post box that doesn't get too wide will increase usability by avoiding long line lengths which are harder to read and even harder harder (could of put that better...) to scan.

Quote:
To quote a passage from "Web Style Guide - Basic design principles for creating web sites".

"The ideal line length for text layout is based on the physiology of the human eye... At normal reading distance the arc of the visual field is only a few inches - about the width of a well-designed column of text, or about 12 words per line. Research shows that reading slows and retention rates fall as line length begins to exceed the ideal width, because the reader then needs to use the muscles of the eye and neck to track from the end of one line to the beginning of the next line. If the eye must traverse great distances on the page, the reader is easily lost and must hunt for the beginning of the next line. Quantitative studies show that moderate line lengths significantly increase the legibility of text."

Web Style Guide - Basic Design Principles for Creating Website
Patrick J. Lynch and Sarah Horton
2nd edition, page 97.
(From a useful article)
__________________
design-is.co.uk - freelance projects
dougbarned.co.uk - personal site & blog - twitter
feralinteractive.com - designer day job - twitter - facebook
DougBarned is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Old 08-12-2009, 01:58 PM   #10
Member
 
matobo's Avatar
 
Join Date: Jul 2009
Location: Surrey
Posts: 81
Thanks: 7
Thanked 9 Times in 8 Posts
Default

Please note that I have added links here just for comparison purposes to explain what I am saying - promise, not spamming...

I have quite a few vB forums that I have designed and only one fixed width one (a community that hates change, so I haven't bothered to change it - link). I find that the biggest problem with fixed width is that it jumps out of shape if anyone posts a link image attachment that throws the width sizing out of wack - there are vB hacks that can be added to reduce them, but they can be a bit quirky at times.

Most of my 100% ones work well - I do have one with an advertising banner hack down the right side that takes a little while to load with a bit of a jump (link) . It depends on what you want to add though and how user friendly it is. I think if my advertising banners get heavy at some stage, it might end up being a nightmare... and this forum is a much bigger one with more content, so you will have to see what the load time is with your new right hand side column and whether your server can handle that much 'thinking' to process it.

100% works better if you have the postbit stuff down the side like you have it here, if you use it at the top then the width becomes a bit too much for the eye to cope with.

Personally I prefer the 100% ones though (another link - this one has 2 different 100% styles - and yet another link) - I have a 70" mac laptop and my husband views things on a much bigger PC monitor - it makes sense to view it on different monitors to see how it works and how comfortable it is on the eye.

Last edited by matobo; 08-12-2009 at 02:06 PM.
matobo is offline  
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Share on FacebookStumble this Post!Twit this!
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



Flyer Printing | Print Reseller Scheme | Graphic Design | Logo Designer | Web Design UK | Graphic Design UK | Letterhead Printing
Business Card Printing | UK Business Forum | Logo Designer | NCR Pads | NCR Books | Receipt Books | Drinks Coasters | A6 Flyers | A5 Leaflets
Web Design & Development | vBulletin Skins | Small Business Websites | Leaflets | Leaflet Printing | Web Design Liverpool | Invoice Books


DISCLAIMER: All posts on this forum express the views and opinions of the author only, not the owners, staff or advertisers, hence we will not be held liable.


Powered by vBulletin®
© Copyright Jelsoft Enterprises Ltd
SEO by vBSEO 3.2.0 RC5 ©2008, Crawlability, Inc.