![]() |
||||
|
An example of a simple, yet effective, user-friendly site |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
Web design by PI Tools - www.pi-tools.co.uk |
||||
| HOME PAGE |
|
This is the default HOME page of a user-friendly site. |
| SIMPLY MOVE THE MOUSE OVER "BUTTONS" 1 to 4 |
| TO ACTIVATE CHANGES IN THE TEXT |
| THERE IS NO NEED TO CLICK ON THESE "BUTTONS" |
| Button 1 |
|
This is the same as the default HOME page of a user-friendly site. |
| SIMPLY MOVE THE MOUSE OVER "BUTTONS" 1 to 4 |
| TO ACTIVATE CHANGES IN THE TEXT |
| THERE IS NO NEED TO CLICK ON THESE "BUTTONS" |
| Button 2
Although it is called a "button", note that it does not need to be clicked on to activate a change in the text displayed. The user, your potential customer, does not need to click around the site on a number of buttons to try and find the information required. Simply moving the mouse over the "buttons" displays the associated information. This is a classic example of keeping things simple, (the "KISS" philosophy) for the user. No moving images, distracting your potential customer, just information quickly available - information you want to get across to attract more business. This type of site is ideal for a text based site advertising your products or services. |
| Button 3
Though we say this type of site is ideal for a text based site advertising your products or services, it can also be used where images are required, for example, a products brochure. For businesses with a great number of products which can be categorised into ranges, an index such as a dropdown box can be useful for easy navigation. By selecting a range from the dropdown box below, a new window will open, displaying the selected product range. This is not only quick and easy for the user to navigate to the required information from an infinite range of products, it also means they never lose focus of your main site. |
|||||||||
|
|
|||||||||
| Alternatively, when a business has a need to display only a few images with relevant information, navigation can be performed from the main site. | |||||||||
|
|
|||||||||
| The images can be displayed here and then clicked on to open a new window with the relevant information. | |||||||||
|
|
|||||||||
|
| Button 4
Please note that Buttons 5 through to 14 are for display purposes only on this example site, to indicate layout possibilities. A full web site has the capability of having numerous "buttons" or images that the user can move the mouse over to display the relevant information, as demonstrated by "buttons" 1 to 4 and the company logo. |