Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 999 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Business and Website Management     Articles From The Experts :

Design an Eye Catching Website

Thread title: Design an Eye Catching Website
Closed Thread    
    Thread tools Search this thread Display Modes  
12-22-2004, 12:41 PM
#1
kooshin.com is offline kooshin.com
Status: Junior Member
Join date: Dec 2004
Location: http://kooshin.com
Expertise:
Software:
 
Posts: 40
iTrader: 0 / 0%
 

kooshin.com is on a distinguished road

Send a message via MSN to kooshin.com Send a message via Yahoo to kooshin.com

  Old  Design an Eye Catching Website

Design an Eye Catching Website by Abdillahi Abdillahi

--------------------------------------------------------------------------
We all know that these days every one can design a website but the question remains how to design eye catching website .
I have read many books ,articles and tutorials about web design and have realized that every web designer has his own way of designing websites.

After I read all of that and made extensive research , I decided to write something about it and to share some of my experience with you .

This is my first article and I must say I'm not a writer but I hope you will find it very informative.

Of course I wrote about something which you might already know about but I believe there is always someone out there who needs such information and tips and benefits from them .

In the article I have gathered and explained some good tips (Do's and Don't's) which will give you an astonishing results if you follow them well.

Below are the tips for designing an eye catching website which you will be proud of .

1 Consistency : It is always better to keep your design from page to page consistent so that the visitor knows that he is still in the same site and didn't jump to another site.

The page or site color scheme and navigation should be the same throughout the site.

2 Navigation : Always keep your navigation simple . Tell the visitor which page he is on . This can be done in many ways and the way which I think is the best way is to remove the link from the page which he is on .

For example, Let's suppose that you have the following navigation text on your home page ...
Home -- About Us -- Contact Us -- Services -- Order
Then suppose that the visitor clicked on the services page .

When the services page is loaded then the link which says services will not be a link instead it will be a normal text with different color . That helps the visitor know which page he is on .
If you are using graphic buttons then You can provide a different version of the button and make it without a link .

3 Use Browser Safe Colors : What are browser safe colors anyway? Browser safe colors are 216 colors which remain the same when displayed on any computer or browser.

Colors which are not browser safe may dither when displayed some computers ,meaning if a computer can't display a color 100% it will then display the nearest color to it instead.
So make sure that you use browser safe colors throughout your site.

4 Minimize the use of Graphics : A site with a lot of graphics will take forever to load. Even though graphics make sites better but it is always better to minimize the use of them for many reasons including but not limited to the following :

A lot of Graphics make your site or pages take forever to load which will make the visitor of your website close the page or hit the back button .

Search Engine Spiders have problems with graphics because they will not be able to index any page that has a lot of graphics .

Of course you can use small, yet fast loading graphics instead of the big ones . Also You can use them as a table or cell background but make sure that the text is readable before the background image is loaded.
And don't forget to use the ALT tag for all of your images .

5 Flash : Flash is is much like the graphics . Even though Flash brings your site to life but avoid using a lot of it on your site because that will make it load forever .

You can use small Flash animations and also You should give the url of the Flash Plug-in for the visitors who haven't got the Flash Player on their computer.

After all You want people to be able to see your Flash animations .
So don't over use it because they say Flash is evil.


6 Frames : Frames are not good for many things including but not limited to the following :

Search engines have problems with them .

The links can be opened into the wrong frame.

Distracting scroll bars are displayed when the content doesn't fit it.

and many other things but There are many reasons which make us sometimes use Frames on our websites which some are the following

Frames enable us to manage sites easily. Suppose you want to update the header of your website ,if you designed it with just an html then You will have to update all of the pages on the site but Frames made that easy by just updating one page and You will not have to update the rest.

There are many alternatives to the frames . You can use PHP Includes to include the desired file to the desired location .

You can use this code to do so .
PHP Code:
<?php include('filename.php'); ?>
. Where the filename.php will be the file name which you want to include.
But The page which you are going to insert the code must be saved as yourpage.php and have .php file extension

Also You can use Extended Server Side Includes which is like the PHP by using the following code
Code:
<!--#include virtual="yourpage.html"-->
But The page which you are going to insert the code must be saved as yourpage.shtml and have .shtml file extension.

So avoid using Frames on any part of your site.

7 Organize Your site files well : It is good to organize your site files well and divide them into categories for easy file management.

For example suppose you have a lot of products and then you can organize them as follows

products/product1/ or products/nameofproduct/

So the url of the product will be like http://yourcompanyname.com/products/product1 or http://yourcompanyname.com/products/nameofproduct/

In that way You can organize your web files easily .

8 Use Limited Colors only : Avoid using many colors on your site . Limit your colors to four or six .

9 Links : Your links should be descriptive . And should be readable . Also Use one color for all of your major links .

These were some tips which is necessary to use for designing an eye catching website.

After all We all want to design great sites .

I hope You have benefited from my first article and have enjoyed reading it .
For comments and suggestions please email me at webmaster@kooshin.com .

Your suggestions and comments are welcomed .

--------------------------------------------------------------------------
About the Author
Abdillahi Abdillahi is a web designer, founder and president of http://kooshin.com , a company providing affordable web hosting and web design solutions to small to medium sized businesses and individuals. For more information , please visit http://kooshin.com

12-22-2004, 04:49 PM
#2
Michael is offline Michael
Michael's Avatar
Status: Senior Member
Join date: Dec 2004
Location:
Expertise:
Software:
 
Posts: 845
iTrader: 0 / 0%
 

Michael is on a distinguished road

  Old

Very nice

12-22-2004, 06:10 PM
#3
x3knet is offline x3knet
x3knet's Avatar
Status: Freelance God
Join date: Nov 2004
Location: Secaucus, NJ
Expertise:
Software:
 
Posts: 533
iTrader: 0 / 0%
 

x3knet is on a distinguished road

Send a message via AIM to x3knet Send a message via MSN to x3knet Send a message via Yahoo to x3knet

  Old

Wow... awesome article man!

01-07-2005, 05:58 PM
#4
DateinaDash is offline DateinaDash
Status: The BidMaster
Join date: Nov 2004
Location: England
Expertise:
Software:
 
Posts: 10,821
iTrader: 0 / 0%
 

DateinaDash is on a distinguished road

  Old

Thanks for the article!

01-07-2005, 07:51 PM
#5
derek lapp is offline derek lapp
Status: design rockstar
Join date: Jan 2005
Location: guelph, ontario
Expertise:
Software:
 
Posts: 2,246
iTrader: 0 / 0%
 

derek lapp is on a distinguished road

  Old

it's good information . . .but that's always just been common senseto me. guess i'm lucky.

01-07-2005, 08:52 PM
#6
extrawebhost is offline extrawebhost
extrawebhost's Avatar
Status: Sin Binner
Join date: Jan 2005
Location:
Expertise:
Software:
 
Posts: 11
iTrader: 0 / 0%
 

extrawebhost is on a distinguished road

  Old

nice and very usefull article

01-29-2005, 04:41 PM
#7
kooshin.com is offline kooshin.com
Status: Junior Member
Join date: Dec 2004
Location: http://kooshin.com
Expertise:
Software:
 
Posts: 40
iTrader: 0 / 0%
 

kooshin.com is on a distinguished road

Send a message via MSN to kooshin.com Send a message via Yahoo to kooshin.com

  Old

Thank you all for the feed back. Well it might be common sense but people don't follow it .

02-08-2005, 01:19 PM
#8
kiswa is offline kiswa
Status: Junior Member
Join date: Feb 2005
Location: Florida
Expertise:
Software:
 
Posts: 91
iTrader: 0 / 0%
 

kiswa is on a distinguished road

  Old

I think your article was well written and informative. I'd like to point out though, that number 3 isn't quite as important as the other points you mention. It's rare anymore that someone will be using a browser than can't display more than the "web-safe color palette". So, if you don't stick with rule 3 there, it really won't hurt you.

02-08-2005, 01:57 PM
#9
kooshin.com is offline kooshin.com
Status: Junior Member
Join date: Dec 2004
Location: http://kooshin.com
Expertise:
Software:
 
Posts: 40
iTrader: 0 / 0%
 

kooshin.com is on a distinguished road

Send a message via MSN to kooshin.com Send a message via Yahoo to kooshin.com

  Old

Well ya that is true but some people might be concerned about it so it is better to mention it

Closed Thread    


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed