50 Surefire Web Design Tips
|
|
Tips to brand your website
- Include your logo in all pages. Position it at the top left or each page.
- Complement your logo with a tagline or catchy sentence that summarizes your business purpose. For example "Always low prices" is the tagline for Wal-Mart.
- Create a favicon. A favicon is that small graphic that appears next to the URL in the address bar.
- Have a consistent look and feel in all your pages. Use a color scheme and layout that are clearly recognized across your site.
- Have an About Us section, that includes all relevant information about you and your business.
- Include a copyright statement at the bottom of each page.
Tips on website navigation
- Design your pages to load in less than 10 seconds (50Kb maximum size, including pictures).
- Group your navigational options in relevant categories.
- Use common names for your menu options: Home, About Us, Contact Us, Help, Products. Avoid "clever" or "trendy" alternatives.
- If your site uses Flash, provide also an HTML version for users who prefer a less fancy, faster site.
- Provide simple text navigation links at the bottom of long pages, so users don't need to scroll back up.
- Link your logo to your homepage, except in the homepage itself. Put a link to your homepage on all your internal pages.
- Display a "breadcrumb trail"; it is basically the path from the homepage to the page where you are. A breadcrumb trail looks like this: Home > Section > Sub-Section > Page, and it greatly facilitates navigation.
- If your site is too big, provide Search capabilities. Include a search box in the upper right corner of your homepage, and a link to a Search page from your interior pages. Freefind ( ) offers you a free and powerful search engine for your site.
- Set your search box to search your site, not to search the web.
- Create a custom error page that displays a simple site map with links to the main sections of your site. That way, you will not lose visitors that have followed a bad link to your site or who have misspelled your URL.
Tips on Layout and Content Presentation
- Save the top of your page for your most important content. Remember: good content must flow to the top.
- Lay out your page with tables, and set the width in percentage terms instead of a fixed number of pixels. That way, your page will always fit the screen, without the need to scroll horizontally.
- Optimize your page to be viewed best at 800x600 (the most popular resolution at the time of this writing).
- Use high contrast for the body of your page: black text on white background, or white text on black background work best.
- Don't use too many different fonts in one page. Also, avoid using small serif fonts (like Times Roman): they are difficult to read from a computer screen. Verdana is the most web-friendly font, since it is wide, clean and easy to read.
- Avoid long blocks of text. Use tools that facilitate scanability, like bullets, subtitles, highlighted keywords, hyperlinks, etc.
- Avoid amateurish features like: numeric page counters, wholesale use of exclamation points, all caps, center justified blocks of text, excessive animated gifs, busy backgrounds, etc.
- Don't use pop-up windows. They distract your visitors and are immediately dismissed as ads.
- Test your site so that it looks good in different browsers and resolutions.
Tips on Writing for the Web
- Write in layman's terms so that everybody can understand your content, unless you're running a technical site for technical people.
- Reading from a screen is painful: use 50% less words than you would use on print.
- If a page is too long, break it into several pages and link to them.
- Don't use font sizes smaller than 10pt. for the body of your page. Specify your fonts in percentage terms instead of pixels, to let users set their own size preferences using their browser's text view options.
- Use a spell checker. Spelling mistakes are embarrassing and hurt credibility.
Tips to Know Your Customers
- Ask for feedback: include a feedback form in your Contact Us page.
- Publish an ezine and include a subscription form in your homepage. Give your customers valuable information and encourage them to contact you.
- Include polls and other tools to gather market intelligence.
Tips on Linking
- Make your links descriptive. They should indicate what the user will be linking to, as opposed to just saying "click here".
- Don't underline anything that is not a link.
- Underline your links and use a consistent color for them across your site (preferably blue).
- Use a different color for visited links, so that your visitors know where they've been (preferably purple or a more subdued tone of the unvisited links color).
- When linking to a non-HTML file, such as Excel, Word or Acrobat, make it evident, by including a small icon next to the link.
- Don't link to "under construction" pages.
- Make sure that your links work and that you don't have broken links. There are free online tools that can help you with this.
- If you use graphic links, don't forget to use the ALT attribute. The ALT attribute should describe what are you linking to.
Tips on how to use graphics
- Optimize your graphics. Use only .gif and .jpg formats. Make your image files as small as possible while maintaining acceptable quality. Use a free online graphics optimization tool.
- Use thumbnails (miniature versions of a picture) and make them clickable to the actual size picture.
- Avoid graphics that look like ads. People ignore them.
- Use the ALT attribute on pictures, even the image is not a link. It helps users with disabilities and people who have turned off graphics.
Tips to optimize your site for the search engines:
- Create short, descriptive page titles, to entice search engine users to click on your links.
- Create a site map containing all your pages, and link to it directly from your homepage. Search engine robots will follow the link to your site map and will most likely add all your pages to the index.
- Decide what the two or three main keywords are for each page (the words you believe search engine users will type to find your page) and repeat them often in your page title, description meta tag and page body.
- Create a Links page and call it Resources. In it, place links to those sites that have agreed to place a reciprocal link to your page. The more inbound links you have from quality sites with a topic related to your site, the better your site will rank with the search engines.
- Use more text than graphics, and minimize the use of Flash and JavaScript. Search engines heavily favor text and will crawl and index your site faster.
For more details on these tips, or for more tips, visit http://www.theinternetdigest.net .
About The Author
Mario Sanchez publishes The Internet Digest ( http://www.theinternetdigest.net ), a collection of web design and Internet marketing tips and resources to help you design a better website and market it more effectively.
|
|
|
Created & Maintained by Empower! CMS Web Sites
Host2Sell Web Hosting | Emarketing Workshops | Site SEO Review | FREE NewsletterEffective Website Design For Massive Traffic
STEP 1:Do your homeworkPlan and think about your content. Think big, have a vision of at least a 100 page site. The pages should ha...(related: Web Design)
Some Useful Common Site Ideas
In my web surfing adventures, I've found a few site elements which make surfing easier and more enjoyable. There are no concrete, hard- and-fast rules to follo...(related: Web Design)
Why You Want To Include An Faq In Your Site
Congratulations! You've got a brand new site and it's doing pretty well. You check your statistics every day and the hits and page views keep climbing, your links are all in order and everything looks very good. On top of that, your guestbook is filling with great comments and you're getting a few emails now and then with praise and perhaps a question or two.Now is a good time to sit back and examine the subject (or subjects) of your site. What is the theme? What are you trying to accomplish? Then once you've got your site visualized, start to think about it from the perspective of a new visitor. Put yourself in their shoes, and assume you know nothing. What questions would you have? Write down these questions or type them into a document as you think of them.
Three Things You Must Do When Designing And Building Your Small Business Website
If you are going to have a web presence for your small business, it only makes sense that it should actually help you get more business. In order to do so, your website design should focus on performing only one function ? and that's to convey your sales message to your site visitors in an effective and efficient manner.No matter what your web designer tells you, simplicity is best when building your small business website. While having a website with lots of bright colors and flashy interactive graphics might win web design awards, it will probably not help you win customers. In fact, the more complicated your web design, the higher the risk that your sales message will be lost amidst all the fancy bells and whistles on your site.For most smal...(related: Web Design)
Keep Your Navigation Consistent!
One of the single most important aspects of effective navigation is consistency. Why? There's a simple reason.Visitors want familiarity.They are more comfortable and more trusting if they know things are going to remain the same from page to page. They have a certain sense of confidence from knowing what to expect.If a visitor can quickly become familiar with your navigation, it's much simpler to actually navigate. And of course, that's the whole purpose of navigation, right?Besides familiarity, there's a second reason to be consistent. It hel...(related: Web Design)
Hacked Off With Css?
For those not familiar with CSS Hacks, they are ways of using styles/classes that only apply to particular browsers. They are used to overcome the display problems mentioned previously by exploiting CSS structure and code. Most involve simple punctuation tricks to fool the problematic browser into accepting a different style to the browsers that display correctly.CSS Hacks work, but there are two main points to consider.Firstly, the validity of the CSS may be affected. Invalid CSS hardly seems worthwhile as the main aim of CSS layout is to embrace web standards.Secondly, designers have performed Hacks to satisfy current and past browsers. They have failed to look in the other direction ? will it be futureproof? With...(related: Web Design)
Website Design: Redecorate Your Web Site To Increase Sales
Getting traffic to your website is not the onlyfactor that affects your sales.Your website has to be powerful enough to convertthese traffic and visitors to buyers.By re-decorating your website, you can empower itand amplify your sales and traffic.Below are a few website design tips to help you.The use of the right colors on your web site can actually increase your sales.When people see certain colors they can change their emotions or they can symbolize things related to the colors.Her...(related: Web Design)
Becoming A Website Designer
The ability to create simple, attractive and functional webpages is a highly marketable skill. There is a huge and growing demand for websites and web content, especiallyfor smaller organizations who often can't afford to hirea fu...(related: Web Design)
Owning Your Own Web Site Is A Must
Owning your own website is a must if you are doing businesson the Internet.There are so many factors involved in creating a web site...(related: Web Design)
Offshore Web Design And Development - Use Great Opportunities
Sooner or later every small or medium business owner realizes that he needs a web site for his business. And almost everybody wants to have great web site for affordable price because usually web site design budget is quite limited.There are few ways to find the best solution.
- Somebody prefers to design the site by himself - but it takes much time and labor...(related: Web Design)
6 Reasons Why Using Flash Is A Big Mistake
Most web designers and web design companies will try to convince you that if you want your business to have the best site possible that you MUST have a flash site. Flash, for those of you who are newbies, is a software program that can create really cool special effects and animations. You can either have flash elements embedded in your website or you can have your entire website done in flash.Now I will be the first to tell you that Flash can make a site look pretty cool, but if you are actually trying to make some money from your online business that using flash is a BIG no-no. Here's why.1. Too Much TimeIt takes way too much time to download an all flash website. Even though broadband and DSL users are growing there are still too...(related: Web Design)
site-map - Copyright © 2006 Empower! Web Design | All Rights Reserved. | Web Design