UX Digest attacked

June 14th, 2009

As many readers have recently pointed out, UX Digest has been flagged as “hosting malicious activities” causing browser warnings to appear when trying to access this site. This occurred as a result of a link injection attack whereby links to harmful sites (ones that do

Dr. Jekyll and Mr. Hyde on dvd

host malicious activity) were inserted discretely into multiple posts. Furthermore, I discovered today that the @uxdigest twitter account has also been suspended (whether it’s related or not, I’m not sure yet) and that tweets with links to this site have also been prohibited.

Southland Tales divx

A few words of reassurance to loyal readers:

I apologize for the inconveniences that has come out of this. While I work on getting everything back to normal, I’d like to thank all the readers for their continued support of UX Digest. Stay put and hopefully we’ll be back to the regularly scheduled program soon!

Shanghai Kiss movie download

Update (June 26): The UX Digest Twitter account is back in action! Follow it here. The Golden Compass full Four Christmases 2001: A Space Odyssey movie download A American in Parisn dvd

Mum & Dad psp

American Gangster movies

daybreakers movie trailer

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

Recommend a solution on your pricing table

May 23rd, 2009

Recommend a solution on your pricing table

More to Love movie

daybreakers divx Fearless movie

If you’ve ever purchased a hosting plan or anything else that gave you the option of choosing between several The House on the Edge of the Park film options and packages, you’re familiar with the pricing table. On many sites, it’s a monster of a chart that tries to show you the difference in value between two or more different product packages.

If you’ve got a pricing table or something similar on your site, rather than simply listing all the options you have, offer a recommendation on which one to choose. It may not be the right solution for all your customers, but it’ll be a good starting and reference point for them.

37signals on designing the Highrise

The Grifters movie Nanny McPhee divx Smart People movie download

While looking at the new signup chart, and our previous charts, I noticed something. We don’t suggest a plan. We give people choice, but we don’t point them in a recommended direction. We should. The thinking goes that more options are OK if you help direct someone to a default choice. But more options without a recommendation just lead to decision paralysis, uncertainly, and buyer’s remorse.

download Klute dvd Source: Design Decisions: The new Highrise signup chart (37signals)

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

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)

Creating better paper prototypes

May 13th, 2009

The burbs ipod

Alien vs. Hunter ipod

Creating better paper prototypesPaper prototypes were previously discussed as a great method to give ideas some shape quickly without having to worry about the technicalities of building mockups in Photoshop (you’ll do this eventually, but it’s a tiresome process when you’re just brainstorming). However, from reader comments and conversations with designers, it seems that many struggle with bringing sketches accurately into the Photoshop environment. To ease your struggles, follow these 4 tips:

Dances with Wolves ipod Catch and Release full movie The Woman in Green hd

Godzilla vs. Mechagodzilla dvd

Dunston Checks In movie

Angelas Ashes divx

The Final Terror hd

  1. Visualize your idea before bringing out the paper and pen.
  2. Keep proportions of web elements in mind while sketching.
  3. Look at the bigger picture and avoid dwelling over small details.
  4. Consider technical limitations.

Source: Improving the transition from paper to Photoshop (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

Test your information architecture with Treejack

April 16th, 2009

Test your Information Architecture with TreejackWe put a lot of emphasis on optimizing usability, user interactions and user interfaces. One area of the user experience that we often overlook testing on is information architecture. This is likely due to an absence of methods to test the effectiveness of information architecture. Sam Ng of Optimal Workshop saw the gap and built Treejack – an online test that helps site owners make decisions on their information architecture.

From the Treejack site:

Run simple online tests to get real numbers. Upload your sitemap, set tasks and see the paths participants take for each task. Results will focus your efforts on the areas of the IA that matter most.

Control trailer

The Scorpion King dvd Bloodline film Source: Treejack (Optimal Workspace)

Incendiary dvd

Kate & Leopold film

Oliver & Company trailer

download House of the Dead dvd

Godzilla vs. Mechagodzilla divx

Brother divx

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