Forum Moderators: phranque

Message Too Old, No Replies

Ugly is as ugly does

What can you do to make a really ugly website?

         

MatthewHSE

8:54 pm on Sep 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Breaking off from here [webmasterworld.com], I thought it might be time to reach some sort of consensus about just what makes an "ugly" website.

First, we ought to define "ugly." I define it as "visually repulsive." To me, "pretty" or "ugly" is how a site will be described upon the first glance of a user, before they try to read the content, navigate the site, etc. In my opinion, content, accessibility, and the like don't belong in this discussion. Sure, they're technically more important than how the site looks, but they really don't have much (or anything) to do with whether a site is ugly or not.

So, say all of us Webmaster Worlders wanted to combine our efforts to make the ugliest website on the face of the earth. What techniques would we use? What would it look like?

(It should also be stated that this is obviously a highly subjective topic; most likely none of us will fully agree with anyone else and it's extremely likely that somebody will classify as "ugly" every technique that someone else really likes to use. So please don't take anything personally, okay? ;) )

Anyway, to lead off, I consider a site really ugly if it uses a dark background with dark text. I also consider mismatched colors to classify as ugly, as well as unstyled headings. Serif fonts are ugly on screen, as well as huge blocks of "loud" colors. And of course there are graphics, which could be ugly or attractive according to personal taste and are so diverse as to be scarcely worth mentioning here.

Anyone else?

drbrain

9:12 pm on Sep 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



<style type="text/css">
* {
font-size: 10em!important;
font-weight: bold!important;
display: inline!important;
text-decoration: blink!important;
background: black;
color: pink;
}
</style>

Edit: This is discussion 6666

[edited by: drbrain at 10:03 pm (utc) on Sep. 20, 2004]

hannamyluv

9:56 pm on Sep 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Ugly is as ugly does. See, those loud blocks of color, from a marketing perspective aren't nessisarily bad. It draws the eye and projects onto the brain.

Blink text is annoying, but because it's annoying, itagain, draws the eye. If it weren't blinking, it might never be looked at.

But, from my own personal taste, I hate images for a background, like the tiled wallpaper effect. Ugg. I also hate dark backgrounds, but I have been going in circles with my husband b/c the site I am making for him, he really wants black backgrounds because HE likes them.

isitreal

10:04 pm on Sep 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



dark text on darkbackgrounds, from when the designer used a mac and didn't change the gamma settings, or check his site on a pc, that's when the webmaster toolbar on firefox is invaluable, turn off site colors, black on white, very nice in many cases, makes sites readable.

Other ugliness, things like espn, super cluttered, multi columns, css to the max but without the idea that simplicity is good, that's a fad I think will be as dated as frames or image based mouseover navigation are today.

Max_K

10:39 pm on Sep 20, 2004 (gmt 0)

10+ Year Member



One word: Blink.

isitreal

10:49 pm on Sep 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Oh, yes, blinking graphics of any type, or that classic Netscape 4x tag, what would we do with that, I once emailed a webmaster who had at least 10 different blinking gifs on his page, it made me physically ill to look at it for more than a few seconds, and I needed some information from it... that's top in ugliness, definitely.

hannamyluv

11:48 pm on Sep 20, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



it made me physically ill to look at

Here's the caveat, though, you remembered it. How many sites have you visted that you remember? That's why ugly can work.

jkfjkf

12:01 am on Sep 21, 2004 (gmt 0)

10+ Year Member



  • Inconsistent use of fonts.
  • Too many colors on a single page.
  • Navigation layout changes from page to page.
  • Navigation is confusing.
  • Serif fonts.
  • Lack of consistent look and feel across the site
  • Flashing/blinking gifs

isitreal

12:01 am on Sep 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



>>you remembered it

No, I'm not speaking metaphorically, I mean it made me physically ill to look at it, I had to scroll down the page, find the webmaster contact information, I couldn't look at the content at all. I don't remember the site at all, I couldn't find what I needed, I emailed the webmaster about the problem, he was cool and promptly removed most of the blinking junk, then I was able to go back and find what I needed.

jkfjkf, that's the classic list of amateur designer mistakes, more fonts means it's better and so on. I used to work at a graphics place, I'd ask my boss what the number one sign of an amateur designer was, the list you gave was it, too many fonts being number one.

vkaryl

1:21 am on Sep 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Boy, I'm going to be the COMPLETE oppo of practically everyone!

Fonts: ugly to me is sans-serif! Looks unfinished, I find it hard to read. Give me serifs every time.... I tend to believe this has to do with speed-reading and the fact that most books (at least the ones I read) are printed in serif fonts - so I have no doubt I'm totally singular here.

Otherwise, I have a hard time staying on a site with garish colors, any more than ONE animations/blinking/moving thing (a tiny ONE at that!), a mish-mash of graphic texts all over the place, anything with a black background, whether the text is light or dark.... and any site with flash anything gets less than 5 seconds of my time.

mifi601

2:26 am on Sep 21, 2004 (gmt 0)

10+ Year Member



I like serifs too ...

moving gifs is very high on my ugly list

Raymond

1:06 pm on Sep 21, 2004 (gmt 0)

10+ Year Member



Too many colors on a single page.

Some of the most popular sites have more color than you can imagine on any given page. It all depends on the skills of your designers.

Blinking graphics

As above, it really depends on the skills of the person who made that piece of graphic. Non-static images must look seamless and matches the overall design of the page. If you have a couple different images and make them into a gif, then it would look very 90s.

IMO, there isn't really a "standard" on how you can judge a site is ugly or not. Most fresh out of school designers think pretty graphics is everything. Experienced designers put more attention on functionalities and apply their graphics skills to enhance the overall experience of a website.

Leosghost

1:22 pm on Sep 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



think "japanese" website ...It's all a question of cultural influences

tomda

1:43 pm on Sep 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



We had a very pleasant discussion about the 90s-like website (164 messages - full of bad and ugly design).

[webmasterworld.com...]

JAB Creations

2:54 pm on Sep 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Flash banners ~ Can't be blocked by Gecko browsers (YET) and are VERY annoying!

Bad ad placement ~ When you read an article and an AD is placed in the middle of it. This has the same effect when junk is placed in the opening area of a store. People like to be able to look around with room around them when they enter a store.

Too many COLs ~ Having to move eyes quickly over a site with little satisfaction is annoying.

Anything flashing to get my attention and my money.

digitalv

2:58 pm on Sep 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Interesting, I'm finding a lot of what you guys are saying doesn't apply to all industries. Take casino/poker sites for example - bright pink blinky blinky stuff is what makes those sites look good and gives it that "you're in Vegas" feel.

jkfjkf

8:12 pm on Sep 21, 2004 (gmt 0)

10+ Year Member



digitalv, this is my point in the other thread [webmasterworld.com]... In some niches/sectors a clean/professional design is counterproductive. Ugly works in some areas.

I mean, if I went to a web designers site and thought it was ugly - I would rate the designer as a rank amateur. If I went to an 8 year old govt site, the ugliness/retro wouldn't bother me.

Therefore there is a case for deliberately 'ugly' design.

MatthewHSE

8:23 pm on Sep 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



There's certainly a case for a deliberately ugly design. Even those sites with horrible CSS positioning errors with unreadable text but somehow very nicely-placed and visible Google AdSense ads have their reasons for being ugly! ;)

But I would think that most new sites want to be attractive rather than ugly. It's all a matter of perception, which reminds me that I really find the light blue colors on my WW "skin" to be ugly by now but I can't seem to get any new changes to take effect . . . ;)

Rosalind

10:47 pm on Sep 21, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I notice that this discussion is bringing up a lot of general advice about what makes a site ugly, and why it can work in some circumstances. But are there any kinds of ugly that will never work under any conditions? I'm wondering if the use of too many colours, especially mismatched ones, comes into that category. But perhaps that would work as a strategy for getting people to click on adverts, sort of conversion by distaste?

A lot of stores are quite ugly, plenty of square boxes and blocks of text, and none of the curved shapes or assymetric edges that you get in nature. Part of the reason I find that so ugly is because I've become so used to seeing the same thing everywhere. Novelty is sometimes attractive.

jkfjkf

11:08 pm on Sep 21, 2004 (gmt 0)

10+ Year Member



But are there any kinds of ugly that will never work under any conditions?

When ugly crosses the borderline into spam. For example a site with a bunch of keywords and about 10 ads on a page. We all see them appear from time to time on the first pages of the SERPS.

This kind of ugly has no future. But ugly with good/great/unique content - that's a different story. It depends on your goals really.

timchuma

12:11 am on Sep 22, 2004 (gmt 0)

10+ Year Member Top Contributors Of The Month



I have used some of these principles, not on my company's website, but on some newsletters that I produced for our hardware division that needed to have more impact.

Due to the way various email programs represent HTML formatted text, I have also had to use many FONT tags and absolute positioning techniques that I normally wouldn't use.

Also for intranet pages I was instructed to get rid of the normal site format and make it as simple as possible so the site is easier to use.

Thanks.

createErrorMsg

2:13 am on Sep 22, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Okay, so there's this site? And it has this blue bar across the middle, then these gray boxes with white boxes inside where people post comments about web design? Man, that site is ug...

Oh. Wait a minute, where am I? ;)

Gaudy color schemes; hyper-bolded/italicised/enlarged/all-capped text, to the point where these emphases lose all meaning; flashing images; and blinking text are the biggest offenders. (I'm a person, not a crow.)

Those STUPID banner ads with 'shoot the evil hippopotamus" or 'punch the rabid bole weevil' or whatever, where your cursor turns into the little gun sight or boxing glove? Tacky and obnoxious and ugly.

Also, ugly is a horizontal scrollbar. Sorry, but it's true.

Here's the caveat, though, you remembered it. How many sites have you visted that you remember? That's why ugly can work.

You may remember an ugly site, but not all remembering is good. There's a qualitative difference that I think is becoming increasingly important. An ugly site may be remembered, but what good does it do the site owner when the memory is used only as a reference in a forum discussion about ugly sites?

timchuma

10:35 pm on Sep 22, 2004 (gmt 0)

10+ Year Member Top Contributors Of The Month



Having an ugly website is the same as having a really annoying TV or radio ad. I still remember a TV avertisement that had a really annoying song "Go to the one Stop Lighting Shop" as it had a little girl running around with a badly dubbed voice - it hasn't even been on TV for five years and I can still remember the name of the business.

killroy

10:49 pm on Sep 22, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



How about structurally ugly?

Like the sites where you are on the page about widgets, and it lists:

red widgets
green widgets
blue widgets

you click on red widgets and the page lists

red widgets
red wodgets
red wudgets

you click on red wodgets and you end up at a page with

red wodgets
green wodgets
blue wodgets

and so on

it's spam, but for no purpose, because, try as you may, you can't even find an ad or something to buy, you just keep going in circles...

SN

isitreal

11:23 pm on Sep 22, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



killroy, have to agree, I don't care what a site looks like, within reason, but if I can't find what I'm looking for fairly easily I get annoyed, and if the information isn't arranged in a reasonably intuitive logical way it's a pain, information architecture is obviously a very weak discipline currently, ibm's site ranked surprisingly low in this regard, enough that I actually took the time to fill out that dumb popup website survey they ask you to do.

createErrorMsg

1:54 am on Sep 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I still remember a TV avertisement that had a really annoying song "Go to the one Stop Lighting Shop" as it had a little girl running around with a badly dubbed voice - it hasn't even been on TV for five years and I can still remember the name of the business.

Question: Did you ever go to the Stop Lighting Shop? Did you or anyone you know ever give them a single dollar?

Web site success is usually (please note the disclaimer implied here by the use of italics; obviously success isn't the same for every site)...anyway, web site success is usually defined by (a) visitors/click-throughs/etc, (b) sales, or (c) returning visitors (and, so, more clicks). An ugly site (in design or functionality) does not encourage any of these.

No site's content is SO vital and exclusive that poor design practices can be forgiven. Anything one person knows is also known by a hundred other people, all writing on the web, all equally informed, some of them also capable of making a site without--shock of shocks--ANY blinking, bolded, red, 24pt fonts. Go figure.

[edited by: createErrorMsg at 2:14 am (utc) on Sep. 23, 2004]

vkaryl

2:11 am on Sep 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



cEM: I think that's been my point forever - or at least since I hit the net running.... if you can't find it on one site due to design inadequacies or just overall unusability (which for me includes ANY site with a primary-color background!), don't worry there's another site out there where you CAN find it.

I can only remember one thing I haven't been able to find on the net in all my years here: an aftermarket print of Sue Coleman's "River Otter" (for which she wants $6k Canadian for her original and as much as I WANT it I can't go that much, but COULD go $500-$800 for an unframed print.... *sigh*) This is a VERY long story, beginning in about 1984....

Marcia

3:49 am on Sep 23, 2004 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Click here [searchengineworld.com] and here [useit.com]. I think it's called function before form. ;)