Posts Tagged ‘navigation’

Use breadcrumbs for multilevel hierarchies

May 24th, 2009

Use breadcrumbs for multilevel hierarchiesAs part of helping your user navigate your site’s content, consider implementing breadcrumbs to compliment your primary navigation. Breadcrumbs are a series of links that show the hierarchical path to the current page a user is on and usually follows the convention of Parent > Child > … > Current Page. If you’re running a site that hosts many different pages that are categorized or organized in some kind of multilevel hierarchy, breadcrumbs will come in handy for the following reasons:

Taken In Broad Daylight aka Snatched movie download

Magicians divx

Kaena: The Prophecy hd Lars and the Real Girl divx

daybreakers hd

  1. It helps the user easily identify where they are in the site.
  2. It requires less clicks to return to a parent page.
  3. It can attract users to browse other areas of the site if they’ve entered the site through a child page.
    1. Ideally, breadcrumbs should be used on sites with 3 or more levels (i.e. an ecommerce site).
    2. Breadcrumbs should be in the top half of the site, but below the primary navigation (if it is horizontal).
    3. Breadcrumbs are most commonly horizontal and ordered left to right.
    4. Typically, ‘>’ is used to separate links in a breadcrumb, but anything that implies the parent-child relationship can work.

    Halloween 4: The Return of Michael Myers divx

    download Elegy Asylum movie Juice video

    Bronson movie

    Creating a World: Aeon Flux dvd

    Source: Breadcrumbs in Web Design: Examples and Best Practices (Smashing Magazine)

    Conspiracy Theory movie download

Use relevant pagination styles

May 22nd, 2009

Use relevant pagination stylesPagination is found all over the web – from blogs to galleries to directories – and choosing the right style of pagination to use has important implications for how your users sort through your pool of information. Most opt to go with the most common convention of using numbers (Page 1, 2, 3). However, consider how annoying page numbers can be for somebody sorting through a directory of people. On which page do people starting with the letter ‘k’ begin?

Whether you use numbers, letters, dates or any other convention, be considerate of the relevance of your pagination style with the content it is organizing.

Miss Conception movie download Source: Easy as 1, 2, 3? (Good Usability)

Life as a House dvdrip

Tomorrow Never Dies ipod

The Game movie

Kaena: The Prophecy movie download The Last Legion ipod

Remember the Titans dvdrip

Optimize your pathway pages

May 22nd, 2009

Pee-wees Big Adventure ipod Optimize your pathway pagesPathway pages are pages on your site that provides links and information about a collection of individual items (be they articles, products, pictures, etc). Pathway pages usually represent a category or group of items. For example, clicking Patio Furniture on a furniture website’s navigation will bring you to a pathway page that shows all the various types of patio furniture available. From this collection, a user will choose one to explore.

It’s important to recognize the purpose of a pathway page: to help the user find what they’re looking for. As such, pathway pages act more as a supplementary navigation more than a content page.

From Good Usability

:

When we’re on a pathway page, we’re still on the journey to the content we need. We don’t want to read, we just want to find the link and move on.

The lesson here is to optimize your pathway pages by:

  1. Making it stupid simple to find specific items by laying them out in an intuitive and friendly manner;
  2. Making it easy to navigate to specific items by linking headings, thumbnails and Read More text; and
  3. Decluttering the page by removing all unnecessary content.

Four Dragons aka Kinta video Avenging Angelo dvdrip

The Hoax full movie Source: Good pathway pages (Good Usability)

The Score movie download

T.A.C.T.I.C.A.L. divx

horror movie

Legend dvd Kevin & Perry Go Large ipod

Usability Checklist

April 9th, 2009

Usability ChecklistWebsites come in many shapes, forms, designs, colours and layouts. But nearly every site has a common set of elements that subconsciously help the user to identify where they are, what they’re looking for, how to find it, and what to do next. Before you go any further, run your sites through this checklist to make sure you have all the basic elements: a site ID, a page name, a clear navigation, an option to search, an indication of the user’s current location, a tagline or site description, and a sense of the site’s page hierarchy.

Source: Quick Usability Checklist (UX Booth)

Cadillac Records divx

The Wrestler trailer Legal Eagles movie

Underground trailer

Smart People divx

Crimson Rivers II: Angels of the Apocalypse movie download

Spy Game ipod

In the Line of Fire movie Kidulthood download

E.T. the Extra-Terrestrial

Avoid common usability issues

February 2nd, 2009

Avoid common usability issuesAvoid some of the most common usability pitfalls by ensuring that you:

  1. Keep the main site navigation consistent throughout the entire site.
  2. Set expectations when it comes to the number of steps/stages required on a web form.
  3. Keep copy concise and to-the-point and break paragraphs up using headings.
  4. Make links distinct. Nightmare Man video
  5. Let users access the information they’re searching for as easily as possible.
  6. Make your contact information easy to find.

Source: Common Web Site Usability Issues to Avoid (Ranting & Raving)

Ranting & Raving also offers a great list of 10 Commandments of User Experience. articles on cytotec

Bud Abbott and Lou Costello in Hit The Ice buy The Big Blue movie download

download Porridge movie

Feast film

Romeo Is Bleeding dvdrip The Muppets Take Manhattan film

Candyman buy Coons! Night of the Bandits of the Night Star Hunter ipod

download Towelhead aka Nothing Is Private movie