• Toll-free  888-665-8637
  • International  +1 717-220-0012
Welcome Guest! To enable all features please Login or Register.

Notification

Icon
Error

2 Pages12>
CorpGuy
#1 Posted : Thursday, November 16, 2006 10:11:23 AM(UTC)
CorpGuy

Rank: Member

Joined: 1/17/2006(UTC)
Posts: 40

Has anyone had any success in creating a liquid layout? In my opinion, websites using a liquid layout look so much more professional than ones using a fixed layout. Just wondering if the guys from BV have this on their to do list? (it would be a great Chistmas present for us! :smilewinkgrin: It would be nice to have a liquid layout theme to start out as a baseline when modifying a canned theme.
CodeSine
#2 Posted : Thursday, November 16, 2006 11:08:55 AM(UTC)
CodeSine

Rank: Member

Joined: 11/18/2003(UTC)
Posts: 1,465

Just a note on Liquid layouts - Unless they are done 100% correctly they are far less professional and can make navigating a website on various screen sizes a chore. Often elements don't "flow" correctly when liquid layouts are expanded or contracted to fit the various screen sizes and resolutions. Just keep this in mind :)
TIM

BVC Add-Ons and Development
CorpGuy
#3 Posted : Thursday, November 16, 2006 11:27:51 AM(UTC)
CorpGuy

Rank: Member

Joined: 1/17/2006(UTC)
Posts: 40

I agree they are a headache to get to work 100%. But ... you are seeing more and more of them on the web, esspecially the newer(or revised) websites. It seems like the way to go.

I did my companys website using a liquid layout and I was pulling my hair out tweaking the CSS to get it to work. There was a time where is I was considering to scrap the liquid design and go back to a fixed width. However my company website is no where near as complicated as a BV store website, so I am reluct to start tweaking any of the canned BV themes.
Cliff
#4 Posted : Thursday, November 16, 2006 12:37:38 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

I agree with Tim on this one. It's too easy to end up with weird white-space that you never accounted for, which always ends up looking ugly. Amazon.com is even an example of this.

A lot of newer sites are actually going with much wider fixed-widths, which is popular right now. Like http://www.nytimes.com at around 970px wide, or www.fastcompany.com at over 1000px. In fact, http://www.inc.com just went from one of the most well-done fluid-width designs I've ever seen to a 970px width.

Getting fluid-width to happen in BVC5 should be pretty strait-forward, just changing from pixels to percentages where needed, and constantly testing in every modern browser you can get your hands on. If you're going to go that route, I'd recommend not going with 100% width, but leaving a bit extra on each side of your container to enforce the separation of your website from the browser UI.

I don't think BV has any plans to do anything like that, but I'll probably be doing a fluid version of the Fresh Start themes for BVC5. They are a ways off though.
CorpGuy
#5 Posted : Thursday, November 16, 2006 12:53:19 PM(UTC)
CorpGuy

Rank: Member

Joined: 1/17/2006(UTC)
Posts: 40

Interesting point you made about websites going to wider fixed widths. I was not aware of that. That may be a good alternative to using Liquid layouts.
Marcus
#6 Posted : Thursday, November 16, 2006 1:18:43 PM(UTC)
Marcus

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 1,786

The latest stats I've seen are that 800x600 is now less than 6% of visitors for most sites. Windows Vista will not support anything less than 1024x768 so a resolution of about 970px is going to become the standard pretty quickly.
Cliff
#7 Posted : Thursday, November 16, 2006 1:19:07 PM(UTC)
Cliff

Rank: Member

Joined: 5/24/2004(UTC)
Posts: 4,147

It definitely allows more control, and I think it is going a long way toward the acceptance that most people are not on 800 x 600 any more. :)
Matt@9BallDesign
#8 Posted : Thursday, November 16, 2006 2:02:58 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

I have been integrating current designs and all new designs to be at a 900 to 920 pixel width. Yeah, it's a usability fopah according to Nielsen, but the stats don't lie.

Sometimes the design drives the width though, if you don't have anything to fill up that whitespace.....
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative & Builder's Hardware

------------------------------------------------
scott.mech
#9 Posted : Thursday, November 16, 2006 2:35:21 PM(UTC)
scott.mech

Rank: Member

Joined: 4/4/2004(UTC)
Posts: 670

marcus - what source are the stats you are citing?

http://www.w3schools.com...wsers/browsers_stats.asp
see right above the comment: Web developers be aware: Many users still have only 800x600 display screens.

17% at 800x600

The screen resolution is dependent upon the audience of the website. I've been building new designs that render at 800x600 and expand out to 1024x768.
I have started feeding smaller thumbnails to 800x600 users so I can keep a more consistant look across screen resolutions.

at my desk, I run 1024x768 on 2/3 screens. The third screen runs 1600x1200 (one of my laptop screens while docked) dragging documents from one screen into another with a different resolution sometimes is a pain - but I am too cheap to buy additonal monitors right now. Also, there are some things that prefer to do at 1600x1200.

colors and brightness/contrast are grossly different between screens. for example - on Viewsonic panel with stock settings - the box around the top 2 google sponsored link appearing directly above the natural listings is not visible. I keep this as a preset as it allows me to consider a wider audience.

Regardless, a 100% liquid layout is poor choice IMO. amazon looks poor/broken at 1600x1200 and it is doing much better than any other site I can reference.
It confuses most users. Some sites, like ESPN, forbes - have been adding a third right columns that is supplementary content. The 800x600 folks scroll to the right to see. I doubt many forbes.com users are running 800x600 but I bet a lot of 800x600 users are on ebay and walmart.com. It is my opinion that one of the fastest ways to lose a user is to make him scroll left to right. As you visit friends and family over the holidays - glance at their equipment. Note the ugly old CRT monitors and Aunt Sally's wonderful AT style keyboard.

As no two users are alike, ideal is to let the user decide. If you got enough content to fill out 1600x1200 with design, all I can say is wow..... For me, laying out 1280x1024 seems hard to pull off in Photoshop. If in doubt, make tally marks on post it for number of sites you visit versus those that are 100% liquid. Let us know what you come up with.

Scott Mech
Matt@9BallDesign
#10 Posted : Thursday, November 16, 2006 3:19:57 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

Scott, you're pretty funny in the mention of watching your relatives browse...I do the same :)

Some good stats here as well:

http://www.echoecho.com/
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative & Builder's Hardware

------------------------------------------------
CorpGuy
#11 Posted : Thursday, November 16, 2006 3:32:10 PM(UTC)
CorpGuy

Rank: Member

Joined: 1/17/2006(UTC)
Posts: 40

I can top you guys. We are going to out of state this Thanksgiving to visit my wife's mom. She uses MSN WebTV. Cant wait to see what my websites look like on that!!! Ouch!
scott.mech
#12 Posted : Thursday, November 16, 2006 4:44:29 PM(UTC)
scott.mech

Rank: Member

Joined: 4/4/2004(UTC)
Posts: 670

corpguy,
yeah bluetooth on that PC really means blue tooth and the guns are going out and its time to replace the TV.


matt,

the link you provided says:

DATA SOURCE
Stats derived from:

370.000.000 hits at
+500.000 different sites
during Feb, 2005

dont think so..... try again ;)

If you guys are designing without consideration for 800x600 - I sure hope you have reviewed past usage statistics of the users of the particular site you are designing for. otherwise, your just pissing away sales.

Scott Mech
Matt@9BallDesign
#13 Posted : Thursday, November 16, 2006 5:49:24 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

LOL...the best stats I go by are the ones for each particular website.
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative & Builder's Hardware

------------------------------------------------
scott.mech
#14 Posted : Thursday, November 16, 2006 5:49:30 PM(UTC)
scott.mech

Rank: Member

Joined: 4/4/2004(UTC)
Posts: 670

Matt,
they could just replace that block with:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum

Scott Mech
Matt@9BallDesign
#15 Posted : Thursday, November 16, 2006 6:04:25 PM(UTC)
Matt@9BallDesign

Rank: Member

Joined: 12/23/2003(UTC)
Posts: 909

LMAO!!!!
Matt Martell


http://www.9balldesign.com - Web, Print, Graphic


http://www.martellhardware.com/ - Decorative & Builder's Hardware

------------------------------------------------
scott.mech
#16 Posted : Thursday, November 16, 2006 10:11:17 PM(UTC)
scott.mech

Rank: Member

Joined: 4/4/2004(UTC)
Posts: 670

Originally Posted by: "Marcus" Go to Quoted Post

The latest stats I've seen are that 800x600 is now less than 6% of visitors for most sites. Windows Vista will not support anything less than 1024x768 so a resolution of about 970px is going to become the standard pretty quickly.

Marcus, I'm curious where are you getting the stats from. Thats lower than any number I have ever seen for 800x600 usage. As a side note, i'm not running Vista, (despite being beta testers for the last 12+ years- ahhhh - miss those 24 floppy installs) but I asked a few who are running Vista who say no problems running Windows Vista at 800x600.


Scott Mech
bbcweb
#17 Posted : Thursday, November 16, 2006 11:04:14 PM(UTC)
bbcweb

Rank: Member

Joined: 5/14/2005(UTC)
Posts: 398

feedback from some of our clients show between 14% and 32% using less than 1024.
BetterBuilt.net professional web design and development. call 1-877-325-1109 x7
scott.mech
#18 Posted : Friday, November 17, 2006 7:01:10 AM(UTC)
scott.mech

Rank: Member

Joined: 4/4/2004(UTC)
Posts: 670

Carl,
that supportx my point. audience can vary greatly by domain.

Scott Mech
Marcus
#19 Posted : Friday, November 17, 2006 7:54:39 AM(UTC)
Marcus

Rank: Member

Joined: 11/5/2003(UTC)
Posts: 1,786

Scott,

I don't remember where I got that stat from but our own bvsoftware.com site is less than 5% below 1024. As far as I know Vista requires a computer capable of 1024x768 and is set that way by default. Maybe it can run 800x600 but it isn't the default.
scott.mech
#20 Posted : Friday, November 17, 2006 10:12:17 AM(UTC)
scott.mech

Rank: Member

Joined: 4/4/2004(UTC)
Posts: 670

Marcus,
Thanks for clarifying. obviously the browser stats of bvsoftware are not suprising as you sell shopping cart software, which is primarily used by developers and merchants; a stark contrast from the end users of domains selling product to general end consumers. Vista can run at 800x600. Regardless, there will still be those users on Windows 98 with the old 15" monitor and some of the merchants on this forum may have more users that meet those specs than they realize.

If anyone has better aggregate stats sources than http://www.w3schools.com...wsers/browsers_stats.asp --- that are not terribly outdated, please share. I battle against scrapping design for 800x600 users, seems like a topic I revist every few months. When we see ebay, yahoo, and google ditch 800x600 layouts we will see a drastic change online.

also - it may be worth mention that buy.com once served a 100% layout. They reverted shortly after.

Scott Mech
2 Pages12>
Forum Jump  
You cannot post new topics in this forum.
You cannot reply to topics in this forum.
You cannot delete your posts in this forum.
You cannot edit your posts in this forum.
You cannot create polls in this forum.
You cannot vote in polls in this forum.

©2024 Develisys. All rights reserved.
  • Toll-free  888-665-8637
  • International  +1 717-220-0012