Archive

Archive for the ‘Web Design’ Category

Create user friendly websites

January 14th, 2010

Show your visitors that you appreciate them and respect their valuable time. Provide beneficial information while making it easy to find what they need.

Provide beneficial information
Build trust by actually providing solid information.  Free information is good, but high quality free info can set you apart from the crowd.  Extensive FAQ or self-help sections of websites can start a priceless domino effect of word of mouth publicity.  Of course this works best for informational websites that draw revenue from advertisers, but it can improve the reputation and recognition of any organization and help you build a list of warm leads.

Make it easy to contact you
Place contact info, or a link to it, on the top and/or bottom of each page.  Make your first choice of contact most conspicuous, such as easy-to-read phone number, possibly with smaller cell, fax, physical mailing address if they are secondary avenues.   

Easy navigation keeps visitors happy

Easy navigation keeps visitors happy

Explain what makes you special
Why should visitors stay at your site for more than 5 seconds?  What separates you from the competition? What is your niche?  What valuable items or information are you offering at no or low cost?  Answer all of these on your home page and other main pages. 
Use the magic words:  Best, Free, Leader, Lowest prices, Most experienced, etc., then back it up on secondary pages with lists of features, testimonials from happy customers, statistics, side by side comparisons, product reviews from respected sources and instructions for best results.

Say “Thank you”
Thank your visitors for purchasing, completing a questionnaire or just visiting!  Look for opportunities to show your appreciation and they will remember your friendliness.
Set this page up as confirmation of submitting a contact form.

Keep information current
Consider a “Last Modified” date on time-sensitive material, particularly if there is any question as to if this could be relevant only to a previous date or version of the topic being discussed.  Caution:  Only use this if your content is clearly valid.  If the only date on a page is “copyright 1998″, visitors may assume that this page (and possibly others) is old and untrustworthy.

Avoid distractions
Keep blinking text, scrolling text, animated GIF images, and sound files to a minimum.  Use these only if they highlight important sections of text and blend well with the look of the site.  Do not place too many of these moving features too close to each other, to avoid a nice page from seeming tacky.

Better code can speed up the website

Better code can speed up the website

Remind visitors where they stand
Don’t rely on the memory of users.  If an article extends to a second page, repeat its title, possibly with the word “continued.”  During each stage of an online purchase, display the key transaction details on each page.  Include a “Back” button if they don’t wish to continue moving deeper into a particular area.  Guide them throughout your website, prompting them to take action when appropriate.  Clean navigation keeps visitors happy.

Internal and external page links

November 17th, 2009

Abide by ‘best practices’ for linking within a website and to other internet resources. Use appropriate colors, underlining, Anchor text and code to receive the most value.

Links must be obvious
Make internal and external links apparent (blue, underlined) and stand out from the rest of the text on page. If links are bold, make them a different color than other bold text. Roll-over effects such as lighting up are very helpful. It’s wise to include internal links within page text in addition to those in the navigation menu. It facilitates visitors finding the specific details they seek.

Avoid underlining words that are not links
If links are underlined, don’t underline regular text. Visitors may become aggravated when they click on words that aren’t active links, since underlining is a conventional way to present them.

Text links instead of buttons

Text links instead of buttons

Include keywords in Anchor Text of links
Describe what you’re linking to, both internally and externally. You’ll get more credit by using search terms in the text of links. For example, let’s say you’re linking to a page about circus animals. “Click Here” doesn’t use terms people may search for, but “See circus animals” contains the exact phrase and will help give your circus animals page higher rank.

Text links are more valuable than buttons
Since buttons are basically images, even though they’re attractive, they don’t quite pull as much weight as standard text links, so if much of your navigation is based on clicking buttons or other images, at least include an additional set of text links (possibly at the bottom of the page). This keeps the tigers well fed and is also helpful to human visitors who find themselves at the bottom of long pages.

Add more internal links
Besides regular navigation links, include links within the text of pages to guide readers toward important (income-producing) areas.

• For long scrolling pages, links within text prevent people from having to go to top or bottom of page to move on.

• Contextual links make it easy for people to continue to the next step of the process as soon as they’re sufficiently excited. So you may want to include it in several places. Some people will want to read the whole page, but others will be happy to save time by continuing where they are being directed.

Ensure that all links function correctly
Remove dead or “broken” external links and test to be sure that all links function properly.  Bad links annoy visitors and penalize you in search engines.

Tell search engine spiders which links to ignore
This is a little technical, but important. All links on a page share the total value of “link juice” that search engines assign. If there’s one link, it gets full credit.  Three links would mean each gets one third of the credit and so on. More links mean less value per link. If there are certain pages on your site that don’t require high search engine position (such as privacy policy or contact forms or other administrative pages), you can tell the spiders to ignore those links, thereby keeping higher credit among the more important internal and external links. We use the “nofollow tag“:
<a ref=”privacy.html” rel=”nofollow”>Privacy Policy</a>

Treat external links the same way. If a third-party website may have helpful information to visitors, add it. But include the “nofollow” tag if their search engine rank is not as important as other external links, such as a second website you may have yourself!

Find out more about best linking practices and over 200 additional web design tips in my Boost Your Website’s Profitability eBook.

Standard Fonts and Use of Page Text

November 9th, 2009

Use standard fonts for text
Avoid utilizing fonts only you have installed on your computer. For those without them, they will be converted into a dull font and ruin the effect you were trying to achieve. Save special fonts for specific headers and convert them to images. The bulk of your site should use standard fonts so that as many browsers as possible will see it in the way you intended.

Recommended fonts for greatest compatibility are Arial, Verdana, Tahoma, Helvetica and Comic Sans MS.  Make sure your text is large enough to read, especially if your target audience includes seniors!

Small text blocks & white space,

Small text blocks & white space,

Do not center align most or all text
A large amount of centered text can be difficult to read, so except for headings and maybe subheadings, left-align the majority of text across the site.

Keep width of text blocks reasonable
Wide columns of text are difficult to read, so don’t allow them to stretch across the entire screen. Keep the width below five inches if possible

Always check for errors
Check for spelling mistakes, incorrect grammar, and typos because even one error noticed can give the impression that you are uneducated, unprofessional or just not concerned with accuracy. Perfection is expected, so proof-read all pages manually before and after uploading.

Avoid clutter and “busy” backgrounds
“White space” is important so text is easier to read and it is easier to decipher different sections of the page. Make sure that the text color contrasts enough with background colors or graphics to be easily read by your entire audience, especially if that includes visually impaired people.

Be concise
Avoid too much text on main pages of site. Your home page may be fine with only a few paragraphs worth of text, as long as you cover the main points of your site. It is better to have more short pages than fewer long pages that can feel like more work to read through, as long as you keep in mind an approximate minimum of 300 words to give the search engines something to chew on. (each page of this book contains about 350 words) Main pages can direct visitors to more detailed pages.

Make it easy to skim
I repeat: Use lots of subheadings and short paragraphs. Get ideas across quickly. If you are providing more details, put them farther down on page or give them a page of their own for those who are interested.

Many more ideas in website tips eBook!

Landing pages and Flash intros

October 8th, 2009

Using a “flashy” landing page as the standard entry to your site can cause more harm than good.  Flash movies can be cool and attention-grabbing, but if your visitor is looking for specific information on your site, the added time to view your cute little introduction could aggravate them enough to leave your site before they even arrive at your true Home page.

Combine “Flash” with “Function”
Instead of requiring visitors to click on “skip intro” or “enter site” after 5 seconds of wasted time, consider just making your actual main website page more interesting while maintaining easy navigation to each topic.   If you’re sure that surfers would enjoy your site more with some added excitement, just work backwards and include a cute little button to “View our movie” or “Watch us in action”.  You can have your cake and eat it too, but you’re not annoying the percentage of folks who want to be helped quickly.

When entry pages are OK
To play it safe, take your cue from competing websites.  If you have a beer website and all of the other breweries play cool videos, maybe that’s what visitors will expect of you. (Just don’t forget to give them the “skip” option).  If you’re in the music or art field, an animation or brief movie makes more sense to showcase your talent.  A legal site with dancing lawyers could drive away visitors within seconds – even if the entire video actually would have made a good point if viewed to the end.

Your road to more traffic & sales!

Your road to more traffic & sales!

Guidelines for media use
Everything on your site should support your message.  If a video really would be the easiest way to convey your thoughts, include the link prominently on your index page along with brief explanation such as:
“See how we can help you in this 30 second video!”
Give the viewer control and give the viewer the information they need.

Audio messages can be helpful, but speakers may not be turned on, so again, instead of the default being set to play an audio message when site is entered, show a link to click for the message and include an alternative such as a page with the same introductory text along with photos.  Even a PDF document that can be downloaded for easy printing (of course you list your website address and contact info on the pdf!!)

Make it easy for visitors to find what they want and put control into their hands and it’s more likely that they’ll stick around to the next step of the buying process!

Site Structure and Uniform Layout

September 29th, 2009

Color schemes, font size, layout of pages, and navigation structure must be consistent throughout the site for the benefit of both humans and those search engine “tigers” that we want to keep well fed at all times!

Functional and uniform layout
Keep navigation consistent and clear. It is the most important concern for good “usability”. Visitors are more likely to stay at your site when they realize how quickly they can find their way around. Keep the link names (“anchor text”) as simple as possible. Your home page link should be easy to find so people can “start over” if they get lost.

Large link buttons are hard to miss!

Large link buttons are hard to miss!

Understandable Navigation
Arrange the pages (navigation) as if you are giving a tour which culminates in a purchase or contact. The hierarchy of the site should flow from most requested information to the least important so that significant areas are easy to find.

Keep site structure logical
Create a list or flowchart of the major content areas and sort individual pages into their relevant categories. It will be easier for visitors to locate the specific information they want if the structure makes sense. If a series of pages is dedicated to a particular purpose, include it as a directory name within your hosting account, giving you additional credit for keywords. For example, a shoe store may categorize items by type and then each type by brand. Great choices of directory and page names for “ABCShoes.com” could be:

Running Shoes
ABCShoes.com/running/asics.html
ABCShoes.com/running/brooks.html
ABCShoes.com/running/nike.html

Tennis Shoes
ABCShoes.com/tennis/reebok.html
ABCShoes.com/tennis/brooks.html
ABCShoes.com/tennis/nike.html

Keep the structure relatively flat, meaning as few layers (directories, sub-directories) as possible. Shorter paths to internal pages result in more credit by search engines.

Organize link menus
Ensure easy access to each page. Large sites may need a Site Map, Search Feature or drop-down menu such as at http://www.HealthandEndurance.com. In particular, a horizontal or vertical drop-down menu allows easy categorization of pages, while using a small area of the page. With multiple sub-menus, visitors can jump from one page to another with minimal clicks. New pages can be quickly added at to the appropriate location.

Top and side navigation

Top and side navigation

Maintain consistent layout features
All pages must show consistency in terms of backgrounds, colors, navigation, font sizes, etc. If they don’t look like they all belong to the same website, you don’t look professional. It also invites confusion.

Website Content Tips

August 13th, 2009

For best visitor retention and sale conversion rates, use conversational tone and provide plenty of text to generate interest. Use the terms that people are searching for.

Speak in simple language
Explain in terms that the average visitor would understand. Avoid using industry jargon when your target audience is the general population. It’s easier to trust you if they understand what you’re saying.

bgreatonKeep text easy to read
Use short sentences. Longer sentences are often more difficult to follow. In most cases, a conversational tone will be more interesting and readable than a scholarly explanation. Don’t put too much information on a page. Instead, “continue” on to additional pages.

More text = more content
Don’t skimp on the total amount of overall text. Think of a search engine as a hungry tiger and your text as meat. Feed the tiger! Give it lots of juicy text to chew on. As long as page length isn’t excessive, more applicable words on a page means better results. You can work in many more keywords and keyword phrases in 300 words than you can in 100 words. As long as you break up the text with subheadings, bullet points, and graphics, human visitors will devour it as well.

Repeat yourself (again and again?)
Drive home important points by explaining yourself in a number of ways or by providing examples to illustrate details.

wistarxPut critical information near top of page
Important points and ideas should be visible “above the fold” to human visitors. Help them easily find key content without becoming impatient and having to scroll for it.  Long pages could include some links to “jump” to lower sections of that page.

Place targeted keywords prominently on page
Keywords that are introduced towards the top of the page actually count more towards that page’s search engine ranking as well. This is logical in that the main theme of any page is expected to be discussed at the very beginning. Think of each page as having its own headline, lead paragraph main discussion points, supplementary or supporting information, and finally a summary (including a call to action like “Sign up now!”). Thus, the first and last paragraphs on any page should emphasize the targeted keywords.

Use bold text for keywords
Where your targeted keywords or keyphrases appear on pages, make them appear in bold text at least once or twice to catch the attention of visitors and tigers! Using HTML, these tags are placed around the words: <b>word word</b> 
Yes, search engines give these highlighted words additional increments of credit towards pagerank!!!

free4Use the word “Free”
Find a way to work ‘free’ – in bold letters – into your site, especially the home page. You probably have something that you can give away, even if it is a PDF full of good advice. The internet was built on the premise of ‘free’. In fact, your customers may have typed in ‘free widget’ as a search term!

Use the words “Today” and “Buy now”
Why wait until tomorrow? Order now! Don’t delay! Take advantage now! Enjoy our product today! Be the first on your block! Foster a sense of urgency. Your visitors are looking for reasons to take action. Facilitate the process.