Web Design


Web Design Name Articles Home Page | 1AFMhosting.com Home Page

Domain

All about Web design.

12 Essential Web Site Design Tips


1. What's the purpose?

The most fundamental thing to do before designing your web site is to define its purpose. Do you want to sell products directly to your customer through your web site, or collect contact details to develop future relationships? A lot of this will depend on the products or services you sell, those with a larger price tag will require more relationship building than those that would count as an "impulse" purchase. People also use web sites to research products as well as purchase them so a company selling fridges for example may not be able to sell them through their web site (people don't often buy fridges online!) but they may well be able to direct them to their nearest store where the item they are interested in is in stock.

Identify the purpose of your web site and make sure all the actions you ask the customer to take leads them to the final outcome you have identified.

2. Define the structure

Once you have decided the final outcome you want to achieve, whether it's a sale, an enquiry, etc. work out a logical progression through the process your customer would need to go through and structure your web site around it. Give the customer the information they will be looking for and help them find it easily and quickly. If you offer a large range of products, use a search facility, if your products carry a detailed specification, add a "click for spec" button which links to further information on an additional page, this way you will not slow those who are ready to buy, but offer the additional info required by those still undecided.

Above all, keep the structure and progression as simple and logical as possible.

3. Decide on an overall design layout.

Most web sites have navigation down the left hand of the page, the company logo graphic across the top and the content of the page below and to the right. Another common layout is to have both the logo and navigation menu along the top of the page and the page content across the page beneath it. As these are the most familiar layouts to users, it would be wise to stick with them as the last thing you want to do is make your web site confusing to your customers.

Avoid too many moving graphics, as they are distracting, avoid large logo-only entrance pages (click here to enter site?) as they only delay the user and avoid anything "cute" that may undermine your professional look.

4. Be careful with colours.

Use contrasting colours for your text, black or blue on a white background is ideal. Don't forget to check the colours of your text links both before and after they've been visited, you don't want them to disappear. Patterned backgrounds look dated and unprofessional and make your text harder to read, try to avoid them. If you have them, use your corporate colours in your logos, buttons, etc. and keep the overall colour scheme inoffensive, clean and simple.

5. Be consistent.

Put your links or buttons in a prominent place and keep them in the same place on every page. Make sure your colours, navigation, typeface and text size are consistent on every page. Make sure the user knows which page they are currently viewing and provide direct links to the contact and home page on every page of your web site.

6. Don't get creative with your typeface.

Make sure that your text is easy to read. It's very tempting to use an unusual typeface but your customers will appreciate text that's easy on the eye. They want to read your information and not be challenged in doing so. Also remember, when it comes to overall design layout, white space is beautiful. Break up your text into short paragraphs, bullet points, etc.For more detailed advice on designing a professional web site that will achieve high search engine listings and increase customer conversion rates, download our ebook "Start at the Beginning". Click here for an excerpt: http://www.enable-uk.co.uk/html/book_2.html

7. It's all in the content.

Once you've defined your purpose and planned your layout, design and navigation you should begin to create your content. Once you have decided what pages will be on your web site you will have a good idea of the kind of content that will be needed for each page. Write all the text that should go on each page, decide which graphics or photos to use and remember to space the information out on the page.

This is a critical step. Once you have established credibility with a professional looking design and layout, it's the content that will either convince your customers to buy, or have them clicking away to your competition. If you are not a professional copywriter, get some help. Either pay a professional to do it for you or for invaluable advice, read our guide "Writing Text That Sells".

Click here for an excerpt from the book:

http://www.enable-uk.co.uk/html/book_3.html

8. Make it brief

It has been proved time and again that Internet users have a short attention span. They find long pages and acres of text off-putting. Give all the information that's required but keep it concise, break it up with graphics and try to make your pages as short in length as possible. Don't make your viewers scroll down more than an extra page height and give your visitors manageable chunks of text that keep them interacting with your site. If your page is longer than this, consider splitting the information over two or more pages.

9. Check your facts, spelling and grammar

Few things are more likely to cost you customers than incorrect information or poorly written or misspelled text on your business website. It will destroy your credibility. Read through all your text carefully and double check all the facts, get someone else to proof read it and run the text through a spell checker after checking your language settings (English - US or UK for example). Then do it all again, twice!

10. Check your web sites download speed

We've already mentioned that Internet users have a short attention span. Once your web site is ready with text and graphics on all the pages, check that it loads quickly at various connection speeds and remember that not everyone has a fast connection. Where possible reuse buttons and graphics, as they will load quickly when they have been viewed once.

11. Check browser compatibility

Check how the site looks on different browsers and at different screen resolutions. People use different browser settings to alter text sizes and have additional toolbars filling up their browser windows. Nothing is more frustrating than a site that you can't read because it is a fixed size and disappears off your screen.Have a look at your web site using http://www.anybrowser.com.

12. Check customer compatibility!

Finally, do a dummy run. Get a typical customer to road test your web site. If possible, ask them to buy a product and let them go through the whole process from start to finish. Did they manage to find what they wanted in three or fewer clicks? Did they find it easy to complete the purchase? How long did it take? Did they become confused or distracted at any point?

More detailed advice and tips on how to construct a web site, or optimise an existing one, for both customer use and search engine listings, can be found in our ebook "Start at the Beginning". It's the first essential step before undertaking any marketing or advertising campaign. More information and an excerpt can be found here: http://www.enable-uk.co.uk/html/book_2.html

For a complete guide to marketing on the Internet, including:

· The General Principles of Internet Marketing

· Start at the Beginning

· Writing Text that Sells

· Building Online Relationships

· Maximising Your Pay Per Click Campaign

· Measuring Success

Why not purchase the whole series for the discounted price of Ł64.95. Click here for more information:http://www.enable-uk.co.uk/html/promo_ebooks.html Justine CurtisEnable UKInternet Marketing Information and ResourcesMake your web site work harder!Web: http://www.enable-uk.co.ukEmail: info@enable-uk.co.ukArticle from Internet Marketing Tips Newsletter, a monthly publication of Enable-UKCopyright © 2004 Enable-UK.


MORE RESOURCES:
table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/0-0fd=Rurl=http://www.livemint.com/2008/11/21223506/Web-design.html%3Fh%3DBcid=0ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNG1XMcHxXomocIQiyxsG0Hv8yQMwwbWeb design/b/abrfont size=-1font color=#6f6f6fLivemint,nbsp;Indianbsp;-/font nobr9 hours ago/nobr/fontbrfont size=-1Moving beyond magazines and newspapers, designers, decorators and artists are turning to the World Wide Web for inspiration. A handful of design lovers are b.../b/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/1-0fd=Rurl=http://blogs.fayobserver.com/techsassy/2008/11/21/the-web-design-rap/cid=0ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNF9jTSqeFUPObm598wqpGbhreKz2wOne Response to “The bWeb Design/b Rap”/abrfont size=-1font color=#6f6f6fFayObserver.com,nbsp;NCnbsp;-/font nobr9 hours ago/nobr/fontbrfont size=-1This is a technology blog for all ages and interests, or so I#39;d like to think. I#39;ll try to keep it high on the tech and low on the sass, featuring the b.../b/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/2-0fd=Rurl=http://news.thomasnet.com/companystory/822191cid=1272560693ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNFJ9_HxrYXEswhmtCl0ZMfkmnzzYAbWeb Design/b Company Launches Search Engine Marketing Service/abrfont size=-1font color=#6f6f6fThomasNet Industrial News Room (press release),nbsp;NYnbsp;-/font nobrNov 20, 2008/nobr/fontbrfont size=-1bWeb design/b company based in London, http://www.kronikmedia.co.uk have introduced a new service for companies small or large in UK who are looking to improve b.../b/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/3-0fd=Rurl=http://www.prweb.com/releases/2008/11/prweb1633774.htmcid=1272500483ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNF2wQH5k143_NL9ygBYASWfYUawigbWeb Design/b Agency in Nottingham Develops New eCommerce Pacakage/abrfont size=-1font color=#6f6f6fPR Web (press release),nbsp;WAnbsp;-/font nobrNov 20, 2008/nobr/fontbrfont size=-1Nottingham, UK (PRWEB) November 20, 2008 -- WebCatch are a young, up and coming bWeb Design/b Company based in Nottingham UK. They are making an astounding b.../b/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/4-0fd=Rurl=http://law.iprwire.com/lawyer-web-templates/press-release/2008-11-20/law-firm-web-design-company-now-offers-a-free-5-day-course-in-designing-an-effective-web-sitecid=1272500429ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNFtLOdE_MnUaZqBxux9ZB8ZgxZNQQLaw Firm bWeb Design/b Company Now Offers A Free 5 Day Course in b.../b/abrfont size=-1font color=#6f6f6fIPR Wire,nbsp;CAnbsp;-/font nobrNov 19, 2008/nobr/fontbrfont size=-1The law firm bweb design/b company, Lawyer Web Templates, has been offering high quality web building services and templates for years. b.../b/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/5-0fd=Rurl=http://www.prweb.com/releases/franchise-direct/video/prweb1640884.htmcid=0ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNH4SHeNEpXXaPGeqR5t6bVYT9V3xwFranchise Direct#39;s Embedded Videos are Creating a Wealth of New b.../b/abrfont size=-1font color=#6f6f6fPR Web (press release),nbsp;WAnbsp;-/font nobr18 hours ago/nobr/fontbrfont size=-1For an example of the potential of video content for businesses, just take a look at this video podcast from bweb design/b franchise Get us Online by Vizzit b.../b/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/6-0fd=Rurl=http://www.newstimes.com/ci_11017112cid=0ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNEtTzo6nwM7IlNUb3xQWxIJwMrotAbWeb design/b firm#39;s span reaches from Dnieper to Danbury/abrfont size=-1font color=#6f6f6fDanbury News Times,nbsp;CTnbsp;-/font nobrNov 18, 2008/nobr/fontbrfont size=-1b.../b a city in western Ukraine near the country#39;s border with Poland, got the idea to start the firm while working at another bWeb design/b outfit in Stamford. b.../b/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/7-0fd=Rurl=http://www.prweb.com/releases/2008/11/prweb1620414.htmcid=1271453167ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNHEDyaodd-RD-kLEXJzC6jcnKLfjADenver Interactive Agency Ranks Among The World’s Best in bWeb/b b.../b/abrfont size=-1font color=#6f6f6fPR Web (press release),nbsp;WAnbsp;-/font nobrNov 17, 2008/nobr/fontbrfont size=-1b.../b and visual communications, as a winner in the Interactive Annual 14, the magazine’s annual competition for excellence and innovation in bweb design/b. b.../b/fontbrfont size=-1a href=http://news.google.com/news/url?sa=Tct=us/7-1fd=Rurl=http://www.marketwatch.com/news/story/Amalgamated-Pixels-Awarded-2008-Davey/story.aspx%3Fguid%3D%257B6772DCDE-05F6-4932-95F1-9067ED76E0AB%257Dcid=1271453167ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNFqIWCW3rq4WOFy7qlHUxN_US9LcwAmalgamated Pixels Awarded 2008 Davey Award/a font size=-1 color=#6f6f6fnobrMarketWatch/nobr/font/fontbrfont class=p size=-1a class=p href=http://news.google.com/news?sourceid=navclientie=ISO-8859-1rls=GGLG,GGLG:2005-22,GGLG:enncl=1271453167hl=ennobrall 10 news articles/nobr/a/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/8-0fd=Rurl=http://www.marketwatch.com/news/story/Leverage-Your-Website-a-Lifeboat/story.aspx%3Fguid%3D%257B7DCF3007-E24D-46E6-8A2A-A1711CF07A07%257Dcid=1272595576ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNHbltw4H77u7a7F4ubS7_MMExg0bQLeverage Your Website as a Lifeboat for Surviving the Economic b.../b/abrfont size=-1font color=#6f6f6fMarketWatchnbsp;-/font nobrNov 20, 2008/nobr/fontbrfont size=-1quot;Unlike other local bweb design/b companies that went out of business that year, OneWebHosting combined web-savvy, creativity and cost-efficient services to b.../b/font/div/font/td/tr/table

table border=0 width= valign=top cellpadding=2 cellspacing=7trtd width=80 align=center valign=topfont style=font-size:85%;font-family:arial,sans-serifa href=http://news.google.com/news/url?sa=Tct=us/9i-0fd=Rurl=http://klue.com.my/articles/885-Also-wanted-Web-Design-Ninjacid=0ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNENIvUc2iDEfWdSUTc5OXD6Gf7ekQimg src=http://news.google.com/news?imgefp=gA9Xo3HCM0QJimgurl=klue.com.my/assets/0001/0182/webdesigner-klue_std.jpg%3F1227092862 width=80 height=48 alt= border=1brfont size=-2Klue/font/a/font/tdtd valign=top class=jfont style=font-size:85%;font-family:arial,sans-serifbrdiv style=padding-top:0.8em;img alt= height=1 width=1/divdiv class=lha href=http://news.google.com/news/url?sa=Tct=us/9-0fd=Rurl=http://klue.com.my/articles/885-Also-wanted-Web-Design-Ninjacid=0ei=W34nSZuiOZ_S9QSvuLUHusg=AFQjCNENIvUc2iDEfWdSUTc5OXD6Gf7ekQAlso wanted: bWeb Design/b Ninja!/abrfont size=-1font color=#6f6f6fKlue,nbsp;Malaysianbsp;-/font nobrNov 19, 2008/nobr/font/div/font/td/tr/table

Web-Design - Google News

Web Design Articles Home Page | Web Design Articles Site Map | 1AFMhosting.com
Trafficfish | EZmatic | GetSonic
© 2006