Add to Google

The Dont's Of Web Designing

Pages: 1, 2
free web hosting

Read Latest Entries..: (Post #19) by BooZker on Jun 10 2007, 05:51 AM. (Line Breaks Removed)
QUOTE1. Clutter - Too much text and too many links is information overload. Simplicity is the most efficient way of getting a point across.If you must have a dozen of links in your site, classify them in sections for easy navigation.Totally, TOTALLY true. I'm a minimilist, not because it's easier, but because the faster the people get what they want the more likely they will come back. If ... read more.
Read the FIRST post of this Topic. - Express your Opinion! Contribute Knowledge :-).

Open Discussion > CONTRIBUTE > The Internet > Web Design

The Dont's Of Web Designing

delivi
Getting a great looking website is really a difficult task. We need to take care to make the site more acceaaible and get more visitors pouring in. Here are a few dont's that you need to keep in in while designing a site.

1. Clutter - Too much text and too many links is information overload. Simplicity is the most efficient way of getting a point across.

If you must have a dozen of links in your site, classify them in sections for easy navigation.

2. Different font sizes- Keep consistency in font sizes for text content of similar nature like headers, footers and body text.

3. Too many GIFs - GIFs take a longer time to load and just put people off.

4. Flash - Flash is a brilliant way to desgin content for your website, but do not overuse it. Using too much flash where simple HTML would have done the work is simply annoying. Always have a Skip intro button if you add an flash intro to your site. Provide an Sound ON/Off button if you add background music.

5. No Popups - The thought of using pop-ups should never cross your mind. And these days browsers block pop-ups efficiently, so it becomes useless. Opening clicked links in new windows must be avoided and used only when required.

6. No Horizontal Scrolling - Internet users are accustomed to scrolling webpages from top-to-bottom. The horizontal scroll must be used rarely for anything unless it is a large image.

7. Design for Standard Window Size - design your fixed layouts for web pages considering the standard window sizes, used by most users. 800 x 600 was the standard size a few years before, now 1024 x 768 is the standard window size.

8. No long URLs - Keep your URLs short and related to the subject matter of the web pages they link to. There is no point having URLs larger than 30 to 35 characters long.

9. The first four second - As a rule of thumb, if one cannot figure out what the site is about within four secondsof looking at the loaded web page, the site will most probabily fail to make an impression on the user. Make your contnet crisp and up to the point you want to convey.

 

 

 


Comment/Reply (w/o sign-up)

SamiFX
Thanks a lot for that delivi.. It'll be really important for me but I have to recommend members to use CSS too..

Comment/Reply (w/o sign-up)

heavensounds
Yep, I have to agree with you on all of the things you've pointed out! Great guide and I will sure put it in a safe place and read it everytime before I'll start working on a project...

Eventhough these things are well known to experienced web developers, it is wise to read them from time to time so one does not forget about the most simple but most important rules of webdesigning...

Best whises

Comment/Reply (w/o sign-up)

masugidsk8r
An additional note: Separate content from Design, meaning use stylesheets to layout web pages and have pure content in HTML. There should be no attributes in any of the HTML tags that would affect how the page looks--leave it all to stylesheets. These attributes should be used mostly: "class" and "id"

Attributes such as "width" "height" "margin" "bgcolor" are a MUST-NOT Apply these styles using CSS

One more thing: Do not use tables to lay out webpages! Use "div" tags as an alternative. The reason behind it is to increase page load. HOWEVER... styling in CSS can be a pain in the *bottom*. Most of the times you won't get the result you wanted, but once you get into it you can produce more precise results.

Comment/Reply (w/o sign-up)

FolkRockFan
Also: check your colors. I hate seeing Web sites with, say, lime-green backgrounds and yellow text. Yes, it's cool to do some background other than white, but make sure that it's not hard on the eyes.

Comment/Reply (w/o sign-up)

Smack
How about auto playing music, or music you can't turn off within 2 seconds. I hate that! I want to listen to the music coming from my media player, users should be able to choose if they wish to listen to the music, not have it forced on them.

Unless it's a music artist's page, then it makes sense.

...One reason I don't mess with MySpace pages.

Comment/Reply (w/o sign-up)

sylenzednuke
I pretty much agree to all of your points and including the ones others have mentioned here.

This will quite much be a good guide for beginners to start making web-pages having certain criteria in mind.

This will definitely stop people creating fairly ugly web-sites using things like Freewebs and Piczo and this might as well reduce the number of ugly web-sites. Check BooZKers topic for reference. tongue.gif

Comment/Reply (w/o sign-up)

Tetraca
I use percentages for my just about everything so I don't have to worry about designing for a particular size. This list is also incomplete.

http://catb.org/~esr/html-hell.html

That link has just about everything you shouldn't do on your webpage.

Comment/Reply (w/o sign-up)

Saint_Michael
funny that no one really caught on with the gifs or they did but didn't say anything so I will; It should all image formats and not just gifs so to many images make the web page take a bit longer to download. Now with number 7 people still code to 800x600 because some people especially that guy in Antarctica, still use that resolution. So basically if are building a design you can't flip flop between liquid and fix because that will just look messy in any resolution outside the one your programmed it in.

Also to add on to flash section, search engines do not recognize full flash sites, so if you plan for your site to be index and be used by everyone, have enough html code within your structure for it to be spidered.

Comment/Reply (w/o sign-up)

Matt2
Those points are all very true that have been bought up. Some of the things that annoy me most, are auto-playing music, music you can't turn off, videos autoplaying and colours. Some people just don't know how to use colours properly....

Comment/Reply (w/o sign-up)

Latest Entries

BooZker
QUOTE
1. Clutter - Too much text and too many links is information overload. Simplicity is the most efficient way of getting a point across.

If you must have a dozen of links in your site, classify them in sections for easy navigation.
Totally, TOTALLY true. I'm a minimilist, not because it's easier, but because the faster the people get what they want the more likely they will come back. If it takes them an hour to find one thing they wanted they will leave. The links part also. I would stick with no more then 10 links absolute max on one pages navigation. If you have more then that make a simple drop down list in CSS or DHTML and seperate them by catergory. Careful with the pure CSS and DHTML drop downs because they vanish the instant you roll out of them and that can get frustrating fast. Try, if you can, to go with a javascript list that has a timer so if they move the cursor out they have 2 seconds lets say to get it back before it goes away.

QUOTE
2. Different font sizes- Keep consistency in font sizes for text content of similar nature like headers, footers and body text.


I have taken 3 courses just on typography. I will tell you for sure go with different font sizes. I would also do compliments to the fonts. This would be like Arial (sans serif) and a writing font like Zapfino. Careful though. Arial and Zapfino are over used and not to mention Arial is a system font supposed to be used for system menus. If you making a link as an image try to use fonts no one uses. For actual texts remember not everyone can see the fonts on your system. Check the web for good font sets. Dont keep them bored with ALL sans-serif or serif fonts. Give them a variety. Example would be on my myspace.com/bumwrecker site everything is sans serif except the menu and this gives them just enough tension to keep them looking.

QUOTE
3. Too many GIFs - GIFs take a longer time to load and just put people off.
I dont even use them. I thnk they are just as annoying as pop ups. If you cant get them to look at your image without it being animated and flashing then its not a well enough made image.

QUOTE
4. Flash - Flash is a brilliant way to desgin content for your website, but do not overuse it. Using too much flash where simple HTML would have done the work is simply annoying. Always have a Skip intro button if you add an flash intro to your site. Provide an Sound ON/Off button if you add background music.


An intro would be the only place I would have it and I would have both a skip button as well as a mute. I do not have flash because not enough people have flash support as well as a fast enough connection for me to use it. I want them to get where they want fast without all the bang bam bloops. You can't say im just to old and out of style either laugh.gif I'm 16. People always say that when I tell them m dislike for flash sites. Maybe a nice nav bar and thats it. I have made one flash site in my life and had it up for about a month a made a php site from scratch. Much cleaner and nicer.

QUOTE
5. No Popups - The thought of using pop-ups should never cross your mind. And these days browsers block pop-ups efficiently, so it becomes useless. Opening clicked links in new windows must be avoided and used only when required.
I don't know what else to say. No pop ups. If its an ad or not, no pop ups. people block them and all you have to do is open a new page with your content. I would only put _blank when leaving your site.

QUOTE
6. No Horizontal Scrolling - Internet users are accustomed to scrolling webpages from top-to-bottom. The horizontal scroll must be used rarely for anything unless it is a large image.


For sure. I would always make sure your site is no more then 800px wide max at all times. 100% is even better, but if you want a set width site no more then 800px in my opinion. It's super annoying.

QUOTE
7. Design for Standard Window Size - design your fixed layouts for web pages considering the standard window sizes, used by most users. 800 x 600 was the standard size a few years before, now 1024 x 768 is the standard window size.
As i said above. 1024 is by far way more used, but using all of the peoples screen area, i believe, isn't very nice looking.I think people like having this breathing room around the website.I have always used 800 and even smaller. Right now, just for my portfolio site, my content area is only 435 across. It has a 600 pixel border, but thats just a border. Trust me. It's pretty looking smile.gif

QUOTE
8. No long URLs - Keep your URLs short and related to the subject matter of the web pages they link to. There is no point having URLs larger than 30 to 35 characters long.

30-35 is even long. Think about the most popular sites. Yahoo.com (9) Google.com(10) and myspace.com (11). Personally i would keep it no longer then 20 max.

Im a graphic designer and of course I dont know everything, but I think what has been said through me as well as Delivi is extremely good points and I would go with what has been said. Breaking the rules above could dramatically change how people view your site. Good luck

OH YEAH AND...

QUOTE
Not only GIF images lag! Maybe you meant BMP image files? lol, these lag the most. I advise you never use a BMP file unless you need to show a high quality image that gets destroyed in GIF or JPEG form (such as a high resolution site preview would).


I would NEVER use BMP ever. If you have to show an image in high quality use a PNG! Or even better PDF. Even a RAW image file for them to download but BMP is horrible!

Comment/Reply (w/o sign-up)

TripleH13
some really great tips. Especially for beginners becuase a lot of people starting tend to do things like that becuase they think it will look nicer and be better. But really a lot of people just get annoyed but i guess some of it is just personal preference.

Comment/Reply (w/o sign-up)

tabufx50
yeah you need to also be very aware of the marketing aspect of your website. Most web designers don't know anything about marketing and hence the purpose of a website in the first place. For example, If you have visitors finally land on your webpage and you have no way to capture their name and email to follow up, then you're missing a huge opportunity to build clients. Most web designers completely miss the boat on this.

Comment/Reply (w/o sign-up)

Yuripro84
QUOTE(Forbez @ Jun 8 2007, 03:51 AM) *
I would like to add, do not use flash intros. Unless it is in the header, that looks cool.


Ya, flash headers are awesome, but if you have any flash, make sure to add a preloader so they know something does exist, in case they load REALLY slow. Flash buttons are cool too smile.gif

EDIT:
Also, flash intros aren't too bad, as long as it's a small file. They can be cool smile.gif But you should always have a 'skip intro' button if it's long, or a text link saying 'skip intro' if the flash is a large file.

Comment/Reply (w/o sign-up)

masugidsk8r
Another note (mainly targeted to advanced web designers) is the proper way to use AJAX. Do not use AJAX to display content that you want the spider to crawl to. Let's say you want to display an "about me" section, don't load it using AJAX because Search engines can't crawl through Javascript-generated content like flash contents. It's better to use ASP or PHP to do this.

If you want it to be editable, then just primarily display content in PHP then after modifications display it with AJAX.

Comment/Reply (w/o sign-up)



Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

Pages: 1, 2
Similar Topics

Keywords : donts, web, designing

  1. Designing An Online Community Center Site
    (4)
  2. Help Me Flash My Website.
    web designing (7)
    Hey...guys ...I have a website ...which is sort of a personal website.. But now I want to change it
    to a blog site for my college... I want the site to be cool...and awesome Its an engineering
    college....so I want the site to look...techie...sci-fi...you know what I mean... I know that I can
    make it look that way if I use..flash ... I want the site to look just a little bit like the
    www.2advanced.com...u will what I mean if u visit that site.. I have no experience in flash so
    what I want is -how to include flash in my website -what softwares do i need -where can i g....
  3. Web Design Help
    I need help designing my website homepage if possible? (5)
    Hey Trap17 Users! /smile.gif" style="vertical-align:middle" emoid=":)" border="0" alt="smile.gif"
    /> I'd like to get some help from experienced Trap members, to help me get my homepage of
    Central-Gaming design page up. /smile.gif" style="vertical-align:middle" emoid=":)" border="0"
    alt="smile.gif" /> If possible, I'd like to have the following used: HTML PHP Maybe some
    jscript Also, what I'm trying to do is create a homepage (A good homepage) for Central-Gaming.
    (My site). /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin....
  4. Web Page Designing
    (5)
    as a beginner how we can start to learn web page designing....
  5. Softwares For Web Designing Workflow
    (1)
    Hi guys, As a Starter to web designing, I've been learning designing from web designing people
    who were in the web designing industry. Its because I have a belief in a quote " Those who
    can't do. Teach" My tutors were teaching me Photoshop, flash, dreamweaver. But, Browsing more
    and more in internet leads me to see fireworks is involved a big deal in web designing. Even my
    trainer has no knowledge about fireworks. Most of the web designing institutions and certified
    courses in here don't offer fireworks training. While browsing through internet I found it....
  6. What's The Best Script For Web Designing?
    (6)
    I've been using PHP for about a month and I like it cos it's so powerful. I don't know
    about the others like CGI, Perl..etc. Can anybody tell me the MAIN Difference between these
    languages? I'd really love to try them out if I know their advantages, pros and cons. I've
    been searching the internet for answers, but they are too complicated and use too many jargons that
    newbies like me don't understand.....
  7. A Small Html Problem
    How to display foreign characters correctly when designing a site. (5)
    I was wondering how I could solve a small problem. I was told that some people see accented and
    umlauted letters (such as " é " and " ë ") as question marks (" ? ") on my website. I come across
    the same thing sometimes when looking at websites which use non-English characters. Funnily enough,
    the other day, I looked at a site and the apostrophy ( ' ) was also shown as a question mark.
    That is a very common character usually, I would think. I thought it had something to do with the
    character encoding settings, and let me also mention I use Mozilla Firefox as my brows....
  8. Whats Important To You When Designing Your Web?
    (29)
    I was just wondering what everyone else thinks is important when they design their website?
    Personally i like simple, easy to read websites with minimal actual graphics. Most of the websites i
    make are very graphics light and are usually very dial-up friendly. Just plain but attractive (or at
    least i try to make it that way /tongue.gif" style="vertical-align:middle" emoid=":P" border="0"
    alt="tongue.gif" />)....
  9. The Do's And Don'ts Of Web Designing
    (7)
    The art of Designing websites has gone very popular and you can find everybody with a little basic
    knowledge about how websites work or HTML creating their own websites. But do we consider what we
    should follow and what we shouldn't. I've found a website that describes about the do's
    and don't s of Web Designing. http://www.secretsites.com/do_dont_part1.jsp This will be very
    useful to all web designers and add extra glow to your website.....
  10. Need Help Designing Website For Online Novels
    Making lots of text comfortable to read (3)
    I want to start getting my website hammered out, and I realize that I'm not exactly sure how to
    balance an attractive design with basic readability. I generally don't like templates and
    programs, preferring to work things out from the bottom up as much as possible. I've got some
    basic HTML "programming" under my belt, but everything I learned was 5+ years ago, and before CSS.
    If possible, I'd like to design something with a "frame" effect over the top of the page and on
    the left all the way down with a background for menus and buttons, with the backgrou....
  11. Looking For A New Web Editing Program
    I need a new web designing program (13)
    Ok, I am a web designer and I am having difficulty finding a good program that I can use that as
    what i'm looking for. Now I have been using TSW Webcoder but it is causing alot of errors for me
    and am getting sick of it wiping clean some of my site files. Well I am looking for a program that
    has a wysiwyg editor, sort of like the quick edit used in TSW Webcoder but a more powerful one with
    more options, also with that is a normal html editor. Also i am looking for one that has an inbuilt
    codes already in it, like quick codes to make a link, image, even javascript t....
  12. Easy Website Designing
    Creation made easy and fun (0)
    Ok, this is my first post so it must have some real sense about it. I will start on how to create
    website easily. Most of the guys who are into coding sites uses mostly dreamweaver or frontpage but
    I have found some easy tools on the net that makes your web creation easy. First go to Fusion
    website. I already provided the link. Secondly download the software and install it (it's a
    shareware, buy the software if you want). After installing it, you can now generate webpages easily
    by going to the tree and adding new pages and inserting contents on the pages. It'....

    1. Looking for donts, web, designing

Searching Video's for donts, web, designing




advertisement



The Dont's Of Web Designing