If you are reading this, please get modern browser.
skip to main content | skip to main navigation | skip to secondary content

On Usable Links

~ 19th October 2004. · 03:08 CET · permanent link · printer friendly ~

Large headers force us to scroll down a bit to the main content. “Skip to content” is quite useful, but why not skipping the “skip to content” also and save one more click? I’ve recently finished my pets’ web site and once again (i set this at hr-netiquette.org before) set my inner site links to point to the speciffic part of the web page—the navigation division.

If you follow links to the web sites mentioned above, you’ll notice that when you click a link to another page within the same web site, the page does not appear from the top of the document. Instead, you see everything below the header—navigation bar and the main content.

This is easily done if your markup is well structured. I practice assigning an IDs to different important elements of the document and instead of pointing my links to example.html, with IDs placed, i point them to example.html#navbar. And that’s all.

6 Comments

  1. Not a bad idea, however, I think it could be distracting. For instance, on your pet’s page, seeing only the legs of the dog on the top left grabs my attention every time, instead of focusing on the articles straight. I would rather make the links to point to #content or to nothing at all inside the page if a figurative image would be cut in half.

  2. Ok, so this isn’t really related to linking patterns at all. I just wanted to let you know that your section on Bull Terriers has inspired me to include a section on Boxers and my dog Ajax on the upcoming redesign of my site.

  3. If it has not been said, nice job on the design of your new site. I think you have made colors that are often difficult to pull off very desirable. It reminds me a little bit of this site:

    Lousco Labradors

    As for the topic at hand, I like the idea but not sure if I would make that sort of decision for the user.

  4. Thanks for the compliments!

    The similarity with Louscos is obvious. I already had everything done before Louscos’ launched, and there was no time to start all over. Bad luck :(

    Regarding the technique, it’s just an idea, which has to be applied with caution. These websites are demonstrating it, so you can see pros and cons, before using it.

  5. I love the idea, in principle, especially on sites large with large headers or navbars. However, I think it could create problems. Users expect to see certain things in certain places, and they are unlikely to notice the scrollbar on the right telling them there is more above what to them is the top of the page…

    Perhaps an “onLoad” event taking them to the content would be better. They’d see the top of the page then, before moving, and it wouldn’t rely on anchors in links…

  6. Isto sam primenio na sopstvenom sajtu, kao veoma korisno, kod upućivanja posetilaca na sekcije pisanja i čitanje komentara. Ovim sam uvećao usability preusmeravajući čitaoce priloga direktno na sekciju od njihovog interesa, lišavajući i h nepotrebnog scrollovanja.

Sorry, the comment form is closed at this time, but if you have anything to say, please send me a message.

* Please keep in mind that this is a personal web site and it does not reflect the position or opinion of my respective employers, organizations or partners.

Typetester – compare screen type Supported by Veer.

What is this?

A web log of Marko Dugonjić, web professional from Croatia. Topics covered:

Translate this site

German, Spanish, Italian, French or Japanese (via).

See you there!

Feel like buying a book?

Try with maratz.com aStore

Worth visiting

top of the page | skip to main content | skip to main navigation | skip to secondary content