The Daily Click ::. Forums ::. Non-Klik Coding Help ::. Few HTML Questions...
 

Post Reply  Post Oekaki 
 

Posted By Message

Tigerworks

Klik Legend

Registered
  15/01/2002
Points
  3882
5th December, 2004 at 14:38:40 -

Actually, it's a little known fact that many, many corporate web sites totally suck. Just because it's a big site with a big company behind it doesn't mean it therefore is a well designed site. Ever tried to use Microsoft's MSDN? It's a bloody nightmare navigating that. And they're a big corporation with lots of money. I hope you don't try to learn anything from THEIR site.

Let us consult the bible of any web designer, http://www.useit.com/alertbox
In the top 10 worst site design faults, number 2 was:

2. Use a liquid layout that lets users adjust the homepage size
Compliance rate: 28%
Guideline number in Homepage Usability book: 67

Fighting frozen layouts seems a lost battle, but it's worth repeating: different users have different monitor sizes. People with big monitors want to be able to resize their browsers to view multiple windows simultaneously. You can't assume that everyone's window width is 800 pixels: it's too much for some users and too little for others.


And from the summary on the same page:
There are ten usability mistakes that about two-thirds of corporate websites make. The prevalence of these errors alone warrants attention, especially since they appear on sites with significant investment in usable design.

That guy is a professional web designer by the way, who writes lots of books on good web design.

So just because lots of big websites do it doesn't mean you should too.

By the way I was referring to: http://www.useit.com/alertbox/20031110.html


 
- Tigerworks

Pete Nattress

Cheesy Bits img src/uploads/sccheesegif

Registered
  23/09/2002
Points
  4811
5th December, 2004 at 15:15:02 -

i completely disagree with that. you can't dicatate that liquid design is necessary for every website. i mean... imagine GOOGLE in liquid width

http://www.create-games.com/uploads/pete_google.htm

i couldn't make my site liquid width. the design just doesn't allow it. i prefer having control over exactly how the site looks.

 
www.thenatflap.co.uk

Knudde (Shab)

Administrator
Crazy?

Registered
  31/01/2003
Points
  5125

Has Donated, Thank You!Clickzine StaffKlikCast StarVIP MemberGhostbuster!Dos Rules!I donated an open source project
5th December, 2004 at 15:35:45 -

http://www.klikacademy.com/viewarticle.php?id=16
Random Avatar

Image Edited by the Author.

 
Craps, I'm an old man!

醤油の兵士

Almost Human

Registered
  12/06/2002
Points
  173

VIP Member
5th December, 2004 at 15:48:53 -

he was actually asking for a random page, not avatar

 
As a boy, I wanted to be a train. I didn’t realize this was unusual—that other kids played with trains, not as them.

ChrisB

Crazy?

Registered
  16/08/2002
Points
  5457
5th December, 2004 at 15:50:18 -

There are few excuses as to why a site shouldn't have liquid design. Steps can be taken to allow resizability - it's not so totally difficult or unimaginable for people to want to control how much space the site takes. You want people to look at the site, after all.

Google search example: http://www.google.com/search?hl=en&q=books

It has a maximum width for the search results (ads float on the right). It all works perfectly on 800x600, but what if you want more visible links per page? You can't do it, you get a void of nothingness on the right of your screen. It's not like there's anything remotely hard or wrong about getting rid of that maximum width, it's just there, and there is no real need for it other than to make sure all of the page descriptions fit on two lines, not one-and-a-half and spoils the balance. If I want to spoil the balance, let me do it. It's not like I'm doing Google a disservice by occasionally clicking the ad links that they are paid to put up there. With this big empty space in most search results, the right side of the screen is obsolete, totally useless and boring. Those little boxes aren't going to be much use when I don't bother looking out of habit.

 
n/a

Kris

Possibly Insane

Registered
  17/05/2002
Points
  2017
5th December, 2004 at 16:16:26 -

Let's all just agree that it's down to personal preference

 
"Say you're hanging from a huge cliff at the top of mt. everest and a guy comes along and says he'll save you, and proceeds to throw religious pamphlets at you while simultaniously giving a sermon." - Dustin G

Tigerworks

Klik Legend

Registered
  15/01/2002
Points
  3882
5th December, 2004 at 16:22:14 -

Stuff like the google front page doesn't NEED to be liquid, because absolutely everything is shown in that one fixed area. Your example "liquid google" page is deliberately exaggerated by resizing the google logo, the very idea of which is ridiculous. www.klikacademy.com is a good example of liquid width, and didn't you design that, Pete?

petermat.me.uk could also be made liquid. Leave the navigation constant width, and just allow the news section to fill up the rest of the space. Then I get more content on my screen, which is a good thing (providing the website has useful content).

Perhaps most people wont be that bothered, but imagine you're selling something - you don't want to lose sales just because a couple of people used 640x480, right? Or maybe some graphic designers on some huge resolution got pissed off with a narrow column down the middle in a sea of white and couldnt be arsed to put in the effort to read stuff. The same applies to normal websites really, presumably you have a site because you want people to look at it? But not many webmasters care that much, I suppose.

I guess it boils down to this: either everyone can view your site comfortably, or less people can view your site comfortably. Why would you choose "less people"? Oh yeah, you want a fancy banner or something which makes it hard to do it. Yes, I visit websites to see fancy banners and not useful content.

Anyways, I look forwards to your next book on good web design practices, Pete.

Image Edited by the Author.

 
- Tigerworks

Pete Nattress

Cheesy Bits img src/uploads/sccheesegif

Registered
  23/09/2002
Points
  4811
5th December, 2004 at 17:02:10 -

yeah the google was a bit of a joke

i'd welcome you making my gradients on petermat liquid, tigs... and avoid the boringly long spaces you'd get in the header. and yes, i did make KA liquid. i felt it fitted the design better, i didn't feel that way about petermat. like kris says, personal preference, not steadfast rules.

also, the famous creator of www.webpagesthatsuck.com says as much in his book on professional webdesign: ftp://ftp.sybex.com/4020/4020ch04.pdf

 
www.thenatflap.co.uk

Buster

BLING COMMANDER

Registered
  03/06/2002
Points
  1545

VIP Member
5th December, 2004 at 22:16:06 -

Okay, i've fixed everything but the resizeable window thing. Now I'm not sure what I should do.

I'll try to explain it better.
I've got a simple tiled background, lets call it (bg1). On top of that, I have a rectangle table like thing with a different tiled background (bg2) in it, and thats where the actual website contents are. bg1 is basicly just a border for the website.
When the window is enlarged there is more of bg1 shown on the right, and it looks funny, So i either wanted it un resizeable and set a size so the window cuts off the repeditive background shown on the left, or I wanted the website to be centered so there is an even amount of bg1 on each side of the website.

 

Pete Nattress

Cheesy Bits img src/uploads/sccheesegif

Registered
  23/09/2002
Points
  4811
6th December, 2004 at 04:29:36 -

you can do that. add the CSS style:

<body background="bg1" style="background-position: center top">
website....
</bodY>

that will position the background image (bg1) in the center of the page.

 
www.thenatflap.co.uk

Batchman



Registered
  08/08/2003
Points
  231
6th December, 2004 at 08:05:39 -

some others things i wanted to add, using fixed font size isn't good at all, why ? the real size depends of the monitor and his resolution,for a 13inch 640x480 it's very big, and for a 17 inch 1600x1200 (like me, it's very enjoyable for me) a size of 10 isn't readable at all

there is a default user font (size +0) which is configurable or not depending of the navigator, but nearly noone take care of it, to make websites readable i have to force a minimum font size of 14, and you know what a fixed width with a forced font size does...

 
n/a

Buster

BLING COMMANDER

Registered
  03/06/2002
Points
  1545

VIP Member
6th December, 2004 at 09:28:58 -

1600x1200!
oh man, your not going to have much fun getting around a site like mine then. I'll try and fix this stuff. I'll post the site here tommorow so people can tell me how it looks on their computer.

 

ChrisB

Crazy?

Registered
  16/08/2002
Points
  5457
6th December, 2004 at 11:55:41 -

You have 1600x1200... on a 17 inch monitor? Sounds like overkill to me.

 
n/a

Tigerworks

Klik Legend

Registered
  15/01/2002
Points
  3882
6th December, 2004 at 12:54:21 -

Yeah, liquid design starts making a lot more sense after people like Batchman tell you what a nightmare your website is. Variable font size is a big plus (some CSS setups seem to make various browsers unable to vary the font size)

 
- Tigerworks

Batchman



Registered
  08/08/2003
Points
  231
6th December, 2004 at 16:04:26 -

why 1600x1200 isn't good on a 17 inch monitor ? when i switched to it, every font on my system resized automatically... image are a little smaller, but not too small ...

 
n/a
   

Post Reply



 



Advertisement

Worth A Click