Use SpinSite Risk Free for 60 Days


For the first 60 days from your purchase date, if you are not satisfied with your SpinSite website for any reason, we will refund your entire payment.

Create Personal Website

Hints All the Way when you create a personal website.

One of the best ways to make your site easier when you create a personal website is to provide hints to your visitors everywhere you can. You might think that sounds simple enough, but the amount of time required to do it and the number of things to consider puts a lot of web designers off. When you create a personal website – consider the following:

Visitors Don't Know Your Site.

When you create a personal website you need to consider that the overwhelming majority of your site's visitors are likely to be visiting for the first time – some of them may be loyal visitors, coming back over and over again, but the modern web lends itself more to being dipped in and out of using search engines and links from other sites. When you create a personal website if there's some kind of process visitors need to go through to accomplish something on your site, you can't assume that they have any familiarity with it at all.

For this reason when you create a personal website, it's important to scatter hints across your site. Whenever there's something that could seem mysterious if you hadn't used it before, hints should either appear automatically or be easily accessible, in case the user needs to know what to do. An important consideration when you >create a personal website.

Question Mark Icons.

One of the easiest ways of doing this when you create a personal website is to put question mark icons next to things that you think might be confusing. For example, at a website that lets people pay their water bill, I saw this:

Register for Online Billing

First name: ____

Last name: ____

Account no.: ____ [?]

Notice the question mark next to the input box for account number – this was provided because, of course, not every customer is likely to know their account number by heart, or where to find it. Clicking the question mark popped up an image of a paper water bill, with an arrow pointing to where the account number could be found. When you create a personal website unless you want customers to wonder 'what account number?', that's the best way of doing things.

Alt Text.

When you create a personal website Alt text is the contents of your images' alt tags – that is, text you put in your image tags' alt properties, like this:


When you create a personal website the main purpose of this text is to provide an alternative form of display for browsers that don't support images, and blind users. However, it also has another purpose: as 'tooltips', to provide hints. When you create a personal website if you have a small icon of a printer, for example, and clicking it causes the current article to change to its print CSS and then print, then you make make the alt text look like this:


Now, when users hover over the printer icon, the text "print this article" will appear as a tooltip – that is, black text in a yellow rectangle. When you create a personal website this is useful for letting users know what will happen when they click parts of your site, without having to have text next to everything – especially good if you're limited for space, or you expect lots of people to use your site from mobile devices like phone and PDA browsers.


Finally when you create a personal website, one of the best ways to make your hints context-sensitive is to use Javascript. Not only can you enhance the alt text boxes to look nicer with Javascript, but you can also display hints entirely automatically. For example, when you create a personal website you might have a form that asks for someone's state and date of birth:

State: _____

Date of Birth: _____

When you create a personal website using Javascript's onfocus event, you can easily write a little code to not only highlight the box the visitor is currently typing into, but also provide a hint next to it – so when I'm typing my state, the hint can say 'two letters is fine – just CA or NY', and when I'm typing my date of birth the hint says 'dd/mm/yyyy'.

What does this approach achieve when you create a personal website? Well, it lets you provide hints when they're needed, without having to clutter the page with them or put them in small, faded text that makes them hard to see. When you create a personal website making your site sensitive to context when it comes to helping the user get things done is one of the big keys to better usability.

Valid XHTML 1.0! Valid CSS!
This website was designed with Cascading Style Sheets (CSS2) and valid "XHTML 1.0 Strict" markup for Netscape 7+, Mozilla 1.4+ or IE5.5+ browsers. You may need to upgrade your browser to view this website as inteneded.

Website by ISL Consulting Co.