eBusiness Help
Free R-1 Evaluation Kit Now Available
Share & Exchange Information with Customers, Partners and Internal Business Units More Effectively.
Free Security Lock down White Paper
Learn the smart way of securing file transfers and system administration
Free Full-Featured Trial of e/pop Web Conferencing
Encrypt your Internet web conferencing sessions and more!

Free Software Archive:
Enterprise and Home Networking Downloads

WebProWorld Dev Forum

Installing Apache on Windows XP home
Last night I successful installed Apache on my Windows XP system. I then followed DevShed.com's tutorial on altering the config file, and after that I received errors. Thinking I had messed it all up, I decided to start again...

Form Data Processing Problem
Can anyone help me by telling actuall script for this problem ? I want to process my form data on other URL, when i do submit my form all the contents of my form directly move to a third party server URL and after sending data to that server, it will come back on my website's page. EXAMPLE: i have form.htm, i do submit...

Absolute Positioning CSS
I have a problem that I've been trying to sort out for 2 days, but it doesn't matter what I do, each thing I try almost works, but presents a new problem in at least one browser. Ok, first, the scenario. I have a website which is set at 770px wide. So of course in resolutions like 1024, there will be some white area on each side...




Recent Articles

Web Design Templates and Search Engine Optimization
Reader Question: Our Web developer uses page templates for our Web site. I am worried that "code bloat" and other template issues might interfere with our search engine optimization (SEO) efforts. Are Web page templates good or bad for...

Using Cookies with PHP

Using cookies in PHP is a fairly easy task. As you know, you can store information in a cookie that can be used later on. Using cookies in PHP is a fairly easy task. As you know, you can store information in a cookie that can be used later on.

Creating Rollover Effects Using CSS List Menus
Ever seen those fancy links where they change their appearance as soon as you place your mouse cursor on them? See a simple example of a rollover effect...

Advanced Hotlink Protection
Many of you may be using cPanel hosting software for your website, and may already have hotlink protection configured from within that. However, if you are finding that the set-up is limited, or indeed if you don't run cPanel or other software which will do it for you automatically....

Make A Search Engine For Your Website With PHP
This hands on PHP Programming article provides the knowledge necessary to design and develop a search engine for your website using PHP version 4.0 and above. Making a search engine for your website with PHP is really easy and provides...

PHP:Form Series - Validators & Client-side Validation
Welcome to the first part of a new two-part series on the PHP:Form web component. In this part, I will give you an introduction to PHP:Form, its features, and why it is so useful. I will also discuss the inbuilt validators that PHP:Form supports. In the second part I will discuss the more advanced features of PHP:Form...

The Power of Web Forms
Web forms allow site owners to gather information about their site visitors. Web forms can be as simple as an email newsletter subscription box, or as complex as an advanced ecommerce checkout page. Here are some tips on making the most of your web forms...

11.02.05


Guidelines To Improve Usability

By Raoul Dobal

How you write and design your links is crucial to your visitors clicking them or not. Write them badly and they leave, write them well and they stay.

Who knows, they might even do exactly what you created your site for. Following are 7 guidelines how links should be written to improve the usability of your site.

Do it consistently

Visitors learn for example how a website marks the links or where the "related-content box" can be found. Consistently adhering to these established "codes" will make it easy to navigate and read the site.

Breaking these conventions will interrupt the flow. Such distractions might be enough for the user to leave. When creating a site it is important to define all the conventions and rules that are used. Consistently following them is essential for giving the user an easy time when visiting.

Don't mislead the visitor


Although links can look however the screen-designer decides, certain standards have developed and find widespread use. Underlining a text for example is a common indicator.

It is good practice not to underline text, marking it blue or putting an arrow in front, if is not a link. Visitors might construe them to be clickable.

The same applies to images. Many users will try to click on a graphic or any other image. Very rarely, they will find an active link - a tiny, but nevertheless negative experience. Captions have proven to be effective to add that little bit of content that users need in order not to click on an image. And if a link is present, it can be placed in the caption itself.


Show used links

Marking which links have been visited is very valuable. It helps to quickly "tick off" when going through a site or helps in finding this piece of information from a previous visit. Unfortunately, a great many sites do not use this very basic feature.

If the "visited" feature should also extend to the navigation is debatable. On very deep sites it might be useful. On the other hand it might confuse the visitor. The navigation should be a constant and change only minimally.

Match the destination with the link

Clicking on a link can be compared to following road signs in a city never visited before - you are very happy if you get confirmation that the choice you just made was the one intended.

Same thing applies to links - if a link reads "find out more about our services" the page that it relates to should show the words "Our Services" somewhere prominently in the title. It confirms the action taken.

Well written titles indicate clearly what the main topic is on the page. This is very useful, especially considering that a lot of traffic directly dives deep into the page.

Embedded links used to their full advantage

Links are visually different than the surrounding text. Color, a markup or other cues denote a link. Something maybe even happens before you click - mouse-over effects or an overlay, displaying the title.

Everything is designed to draw your eyes away from the surrounding text. If you embed links within a sentence, readers will very likely notice the link first and only later read your content. On first thought that is unfortunate, but it can be turned into an advantage.

Since reading online involves lots of scanning, the eye is always looking for visual cues. They can be provided by using subtitles or in this case descriptive links. By creating a meaningful link, finding the relevant information on a page is made easier. "Click here" is less effective then "View a list of articles about usability".

How to link to files

When linking to a file it is likely that another application is opened and that the visitor is drawn away from the site. Not something that should be done lightly.

A great many times websites link to related documents, very often PDF files. What exactly can be found in the file, the visitor needs to figure out from the link itself. The first step in creating a good link to a document is to summarize the content. That gives the visitor information how he wants to proceed.

The second step is more basic by asking why the document cannot be created as a webpage. If it is worth to be put onto the site, it surely is worth the effort to make if searchable, fully integrated and less work for the visitor. Using for instance PDF-files can make sense. Very often however, it is simply easier for the developer to put it onto the site - but not easier for the visitor to use it.

Mark the external links

An internal link refers to a page or file within the current domain, an external link usually points to a site, housed on a remote domain.

Although technically there is no difference in how the code for the links is written, it is common usage, even a w3.org recommendation, to inform the user if an external site is accessed by a link.

The rationale behind this is not to confuse the visitor who is getting used to the layout, navigation and architecture of a particular site. An external link can either be declared by stating it in the text, by a specific icon (like for instance Wikipedia does) or even by using the "title" tag of a link.

Read the rest of the article.

About the Author:
Raoul Dobal focuses on usablilty and is partner of ADWIRED, a Swiss company specialised in webbased communication. Visit http://www.adwired.ch for information about services or http://www.iquse.ch to read further articles on usability.

About TheDevWeb
TheDevWeb examines the best tools and techniques to help you keep up with all the latest trends in the fast paced world of web development. Excellence in Development Starts Here

TheDevWeb is brought to you by:

SecurityConfig.com NetworkingFiles.com
NetworkNewz.com WebProASP.com
DatabaseProNews.com SQLProNews.com
ITcertificationNews.com SysAdminNews.com
LinuxProNews.com WirelessProNews.com
CProgrammingTrends.com ITmanagementNews.com


-- TheDevWeb is an iEntry, Inc. publication --
iEntry, Inc. 2549 Richmond Rd. Lexington KY, 40509
2005 iEntry, Inc. All Rights Reserved Privacy Policy Legal

archives | advertising info | news headlines | free newsletters | comments/feedback | submit article


Excellence in Development Starts Here TheDevWeb News Archives About Us Feedback TheDevWeb Home Page About Article Archive News Downloads WebProWorld Forums Jayde iEntry Advertise Contact