www.wowwebdesigns.com/power_guides/web_design_annoyances.php


New Generation Web Design Annoyances

by Aycan Gulez
aycan@wowwebdesigns.com
First appeared on June 28, 2001
Last update on Tuesday, March 25, 2003



Sponsor
Click for more information
Web is a constantly changing medium, so does web design. Designers like to experiment from time to time. Some of the results may be attractive, but do they really add to the overall value of a design, or are they there just to decrease usability? I believe the latter is true for the following five design decisions.
  1. Automatically Maximized Windows:
    Some web sites particularly the ones designed with Flash, have a habit of maximizing the browser window without bothering to ask first. Some even disable the browser menu bar and other Windows controls including the task bar, so the only thing you would see on your screen is the fabulous Flash web design. No, thanks.

    If you want to exit from a web site using automatically maximized windows, you usually have only one option: the infamous Alt+F4. But how many new PC users really know that? Even if you are an experienced user, it may get really annoying if you prefer to surf the web with a regular-size browser window. Every time a web site maximizes the browser window, you have to return it to its original size by hand. It is even more annoying for web designers like me who are using a standard 800 x something (e.g. 800 x 1000 pixels) window to see how others' and their own web designs look like in the most widely used screen resolution.


  2. Pixel Fonts:
    Pixel fonts have quickly become popular because the Flash player cannot render small types right. It almost always anti-aliases text regardless of type size, therefore in small type sizes text becomes fuzzy and hardly readable. The solution is using specially designed pixel fonts that do not require anti-aliasing as the standard TrueType fonts. Pixel fonts, despite the name, are not bitmap fonts like FixedSys (Windows) or Chicago (Mac); they are technically TrueType fonts. But since they were designed to be used only in small type sizes such as 8, 9 or 10 points, the designers of pixel fonts avoid using curves, and rely on rectangular blocks.

    Until this point, everything sounds fine. Designers are happy because not only their fonts look crisp in Flash, but their designs have that neat robotic style which became synonymous with 80's video games. On the other hand, if you ever tried to read a few lines of text rendered with a 8-point pixel font, you would have already realized that the text is very hard, if not impossible, to read. If the use of illegible pixel fonts only applied to Flash designs, one might ignore the problem to some extent, but they are now started to be used in HTML designs as well.


  3. Scroll Arrows:
    Who needs old school scroll bars when there are neat arrow controls that allow visitors to scroll only an area of the page rather than the whole browser window? Unfortunately scroll arrows have serious inherent problems. Because scroll arrows are not standard, first you must be aware of their existence on the page you are viewing. Some designers do a really god job to hide them. You may easily click on a 'more familiar looking' link rather than try to figure out why that piece of text looks unfinished. Once you successfully located the arrows, the next thing you would do is of course to try to use them. But you would quickly realize that you are not in control, you are the one who is controlled: You have to hold the mouse cursor over an arrow in order to scroll the text in the direction of the arrow. Because scrolling speeds generally range from slow to very slow, if the text you are scrolling is long, you may wait and wait and wait (you get the point) until you reach the part you want. Oh, there is no bar either. You simply cannot drag the bar to the desired position, nor can you use keyboard shortcuts such as Home and End.


  4. Fixed Window Sizes:
    Some web sites open a new window with no browser or window controls at all. Anyone remembers the early multimedia applications that run in a 640x480 window regardless of the resolution you are using? Web designs that rely on fixed windows are the reincarnation of those old applications. At a typical web site using a fixed-size window, you are not allowed to resize the window according your preferences, generally forced to click on Next buttons, or use scroll arrows (see above).


  5. Sound Loops:
    There are some web designers out there who think that their Flash designs become even more cool after they added a 3-second techno sound loop. It may get really annoying to stay on guard in order to lower the volume fast every time you visit a new site. Yes, there are usually sound off buttons, but for some reason many do not appear instantly, and even if you turn the sound off, some Flash designers like to keep those short menu sounds always on. You know... blip, ding, boing, etc. After moving the mouse cursor over a dozen menu items a couple of times, that behavior becomes really annoying as well.

Rating: 6.8 (6 votes)  Rate this power guide

Reader Feedback:

by Squig   (unregistered) - Jul 7th, 2003
Wide paragraphs??!!!

Come on people! Aycan has designed his site using a "fluid layout". Are you telling me you can't work out how to re-size your browser window? ;)

[m] (2) - Apr 19th, 2003
Content 

5

Organization 

8

Personal Slant 

3

Overall5.3
You got one point wrong: the pixel font. It is not so much the pixel font themselves that are annoyin, but the ppl who uses it. There are enough pixel fonts that look great at normal size, but ppl just don't look for them. It seems like someone thought that smaal pixelfonts are the way to go, and everybody followed. Pixelfonts are the shizz, if you know wich one to use.

ErrOnReq (11) - Jun 14th, 2002
Content 

7

Organization 

10

Personal Slant 

2

Overall6.3
The Internet isn't all about content. The internet is also ENTERTAINMENT. Some sites are there for content only. Those sites wouldn't require fancy graphics and unique designs.

But alot of sites merge entertainment with content for a more pleasurable experience.

Now, I know alot of things can be done wrong, and I am glad you listed them, But don't falsely proclaim that certain things are bad, when they are extremely good when they are done right.

e.g. Scroll Arrows: Yes when there are only arrows it can be a bad thing, but some sites realize that and use a custom SCROLL BAR also. Sure it isn't the default windows one, god forbid, but it does solve the problem.

And the sound loop deal: Is it so bad if a website offers you a CHOICE of sound or no sound before you enter?

by Mike   (unregistered) - Jun 14th, 2002
I think this article very fairly described some of the usability flaws in some newer design techniques. In response to some other readers' posts, I don't think this article was suggesting that all innovation is BAD. In fact, the whole point of the article is to point out a few specific techniques that may be negatively affecting user experience. There are two parts of web innovation -- 1) creating something new and bold, and 2) laying your ego aside and allowing users to tell you what they really feel about it. I am frustrated by designers who only bother with the first part.

Some of these designs may have taken incredible time and skills to develop, and hurrah for your hard work and effort. But the hard reality is, average users aren't aware of how much skill it took to redesign an entire font type pixel by pixel, AND THEY DON'T CARE. Not if they still can't read the text. Not if they don't understand how to use your incredibly super-duper retro scrollbar, or get a sense of what page they are on because your whole website is a Flash animation.

I think Flash is an incredibly useful tool, and is filling a gap in what browser features do not offer. But just because it takes some knowledge and skill to create a Flash effect doesn't make it useful. These days, I am seeing more and more web sites who make moderate, but effective uses of Flash, such as to make an animated navigation bar (such as ESPN). This gives the site an animated flair, without making the user feel like they are locked into an animation.

I liked the article in general, and would like to see one on the flip side -- what are some new techniques that really do work in your opinion, Aycan?

by Roze   (unregistered) - Mar 1st, 2002
I thought this was an insightful article that actually puts aside personal feelings of design and thinks about the USER or AUDIENCE! Yes, these things make great design and it's rather cool to see something new. However, most users are surfing the net for CONTENT and INFORMATION not COOL DESIGN and the flashy design "stuff" is just "fluff" to mask that there is usually little content worth reading. The old axiom stands, "Just because you can doesn't mean you should!"

by badger   (unregistered) - Feb 27th, 2002
What the three previous feedback entries fail to take into account is that even though you *CAN* do these things in flash, hardly any one uses those Mad Skillz to do it.

Flash is a powerful tool, but that tool must be used with skill, and so often it is not.

I found this article to be a validation of my irritations when browsing the web, and summarized it quite nicely.

I gOrT aSSeD bY d'siyns (18) - Feb 20th, 2002
Same as others. I think you really don't appreciate flash designs.

geo (2) - Feb 7th, 2002
Content 

1

Organization 

1

Personal Slant 

1

Overall1.0
It is unfortunate that people like you can not appreciate the efforts that many designers go to. We are forever pushing the boundaries to establish something unique. When you stare infront of a screen for hours on end finalising a design, the diffence between 1 pixel to the left or the right makes all the difference to the design. When it comes to pixel fonts, you really start to appreciate the design of the font when you understand the restrictions placed upon designing within such a confined space and creating a typeface that is original. There is a beauty in the pixel world that is finally being appreciated by many which has made it's way into contemporary web design. So all I can ask is for people to appreciate it for what it is while it lasts.

by Rob Taylor   (unregistered) - Jan 31st, 2002
You are sooo wrong. Obviously you never got into flash enough to know that you can create scrollbars for it.

The whole idea of flash is to create a dynamic page.

Flash gives you the freedom to create just about anything you want and make it into a webpage.

Instead of slamming flash why dont you praise it.

You dont like it, well to bad dont go to flash pages.


Frotz (2) - Dec 16th, 2001
Content 

10

Organization 

10

Personal Slant 

10

Overall10.0
While today's problem may be wide paragraphs. This is far better than gutters that span more of the page than the actual content.

by Dan Judge   (unregistered) - Nov 25th, 2001
How's this for a web annoyance - extremely wide paragraphs. The human eye has trouble if it has to travel that far to the right and then find the next line down back on the left. Otherwise, extremely good article. Keep up the good work!

Microsoft (16) - Nov 17th, 2001
Content 

10

Organization 

10

Personal Slant 

10

Overall10.0
A very precise write up for webmasters V.g. Keep up Aycan!


Copyright © 2000-2003 Aycan Gulez. All rights reserved. The designs displayed in screenshots are copyrights of their respective owners.