Posts Tagged ‘usability’

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

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

Emphasize important actions

May 16th, 2009

Emphasize important actionsBring clarity to the user’s experience by emphasizing actions that are more important than others. In the case of web forms, emphasizing the Save action over the Cancel/Back action helps the user find the button they’re looking for even quicker.

The Caretaker buy

daybreakers movie download

download Halloween II movie

Working Girl dvd

download AVP: Alien vs. Predator dvd

The Red Violin dvd

Aquamarine full movie

Source: Priority provides clarity (Creative Briefing)

Mimic the behaviour of desktop apps

May 7th, 2009

download Look Whos Talking dvd

Underground download

Stick It movie

Mimic the behaviour of desktop appsFor those building web apps, help the user’s transition from the desktop to the browser be more seamless and natural by mimicing the bahaviour of desktop apps on your web app. Code libraries have matured to allow for drag and drop and other advanced interactivity – take advantage of this to help deliver a more familiar and comfortable experience.

Murder in the First dvd Source: Google Docs intuitive drag and drop (UI Scraps)

This Christmas buy

Harry Potter and the Half-Blood Prince dvdrip

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

When to use text links and buttons

March 27th, 2009

When to use text links and buttonsText links are typically used to navigate between pages, sections or views, while buttons are used to perform an action whereby data is passed, processed, altered or stored.

Around the Bend dvdrip This is one of the most common conventions, but not the only one that exists. However, it is an important one to keep in mind when deciding when to use links and when to use buttons throughout your site.

Elegy movie

The Water Horse: Legend of the Deep dvdrip Source: Creating Usable Links and Buttons (UX Booth)

Around the World in 80 Days dvd

download Dracula 3000 movie Kicking & Screaming divx

daybeakers movie

Dead Man trailer

User testing with Userfly

March 12th, 2009

User testing with UserflyUser testing is one of the best ways to gather insight on the pains and gains of your site’s user experience. It’s difficult to fully picture how your users interact and react to your site’s features, interface and information until you’ve actually seen them do it in their own natural environment. Unfortunately, unless you can be a fly on every one of your site’s visitors’ wall, gathering this kind of data is next to impossible without investing into expensive usability tests.

A Womans Rage dvdrip

Autumn video

Userfly strives to fill this gap with its new usability testing service Secretary movie : a single line of javascript embedded into your site’s source code will give you access to information you thought you’d only see in your geeky dreams. By embedding the code, Userfly captures every click, scroll and type your visitors make and lets you replay them on your own screen, as if you were indeed a fly on their wall.

Be warned though – while you are able to capture your visitors’ every move, you’re still missing a critical piece in the mix: the user’s thought process. While you watch the silent playbacks, you have no sense of what is happening on the user’s end, which may skew the results. Nonetheless, Userfly provides a window into an area that was previously very difficult to access at an affordable rate (free to try, $0.05 per recorded user).

About a Boy divx

Head of State trailer Source: Userfly, discovered at Userfly Review (Usability Post)

daybreakers video

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

Stick with conventions for better recognition

January 27th, 2009

.!.

Without a Paddle: Natures Calling hd Legend of the Bog the movie

Stick with conventions for better recognitionBe careful when redesigning conventional elements as it may reduce your users’ ability to spot them easily. For example, the orange RSS feed icon has mass recognition, but changing it to a different colour may hinder users from finding it as fast.

Kevin & Perry Go Large psp

Runaway hd

Demolition Man ipod The key here is to make your site easy to use and to prevent visitors from having to think too hard Gremlins 2: The New Batch

Harry Potter and the Sorcerers Stone film

Reservation Road dvd

Police Academy 6: City Under Siege video

College Road Trip move .

scottsdale augmentation breast

Equilibrium psp Return to Never Land dvdrip

Other conventions better left untouched: shopping cart icons and search boxes. zyprexa lawyers southern california

Bat*21 movie download

Source: Keeping Conventions : When Being Unique is a Bad Thing (UX Booth)

download Eight Crazy Nights dvd

Provide visual feedback when actions are performed

January 25th, 2009

.!.

Provide visual feedback when actions are performedWhen clicking a button, expanding a section, moving an item, loading data, or interacting with your website in any other way, a user should receive some kind of visual feedback (i.e. a loading icon, the movement of elements, etc). breast enhancement brava

Slap Shot movies

prednisone for joint inflamation

The Greatest Game Ever Played download

Sharpshooter ipod

The Lena Baker Story on dvd Moonshot film Liberty Stands Still ipod Chill ipod

Google’s minimalist UI and OS X’s slow-responding window resizing are examples discussed.

Incubus video Class Action divx

Shooting Gallery video Final Exam trailer download Forever Strong dvd Source: Is Your App Responsive? (Usability Post) or without healing prozac freud Maid of Honor buy

download Unbreakable movie

Next movie

download The Last King of Scotland dvd