Usability

18
Feb 10

Hey iTunes, Where’s My Cart?

Oh, how I miss thee.

As we all know, Apple likes to try to make things easier, to streamline things. However, their recent decision to abolish the iTunes shopping cart was a big mistake. Now, instead of adding a song to your shopping cart, you can either add it to a wishlist, or buy it immediately.

Sounds reasonable, right? Wrong.

Say, like me, you want to give several songs to a friend as a gift. Well, unless those songs are in one album, you’ll have to buy and send one song a time. Oh, but wait…you can add them to your wishlist, and then purchase and give them all at once, right? Wrong again: if any of the songs you want to give are already in your own library, they cannot be added to your wishlist.

Some people have claimed the reason Apple got rid of the shopping cart was to streamline the buying experience, similar to the one-click option at Amazon. However, Amazon didn’t get rid of their shopping cart; they merely added the option to purchase with one-click. In other words, they didn’t remove a feature, they added an enhancement. In fact, Amazon not only provides one-click and a shopping cart, they have a wishlist, as well. Why? Because a wishlist is, in fact, different from a shopping cart; it’s a place where you keep things you’re not ready to buy yet, but might want to consider later. Apple’s decision to make the wishlist act like a shopping cart is incongruent with how people think of wishlists.

Is this just a tempest in a teapot? Probably, but it points up an important usability issue: never remove any feature users are familiar with without providing a functional, obvious alternative.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
15
Jan 10

Are My Fingers Smart Enough?

10/GUI from C. Miller on Vimeo.

The future of touch screens could involve … not touching the screen. And, using all ten fingers (assuming you haven’t blown some off with dynamite or other explosives). Very cool.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
15
Jan 10

MobileMe Fail

Note to Apple: if you are going to showcase how awesome your product is, you should make sure it works.

Try and try again. No dice.

Apple is touting its revamped MobileMe galleries which, in theory, are pretty cool. However, for several months members of my family who used Windows machines were unable to view any of the videos I was posting; Apple later released a Quicktime patch that fixed the problem, but during that period they were curiously and infuriatingly mum about the actual cause of the problem. (The usual fanboys came out in droves on the discussion boards to claim the problem was Windows; no, in fact, it was Quicktime after all.)

Yesterday, Apple announced a revised MobileMe gallery. Excited (and hopeful that they had finally moved from the finicky Quicktime plugin to the more ubiquitous Flash plugin), I trundled over to the site to check it out.

There, much to my surprise, I found that the MobileMe gallery doesn’t play videos on my Mac. Let me write that again: Apple’s MobileMe gallery doesn’t play videos on my Mac. The screenshot above is what I saw when I tried to view Apple’s demo video. No error message; no next steps; no way to figure out what is wrong. Just a dead end.

Apple, you’re known for excellent product design, if nothing else. It’s time for you to bring your MobileMe galleries into the 21st century.

In the meantime, I’ll be using Vimeo.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
3
Jan 10

Ugliness Degrades Usability

Would you trust these tools and calculators?

I often tell people that a good-looking site is also a more usable site. My reasoning goes like this: a major factor in usability is trust. If you don’t trust a site, you’re less likely to use it. In other words, ugly visual design is similar to an overly-complex layout: it prevents people from progressing through the site.

Take the example above: this is the tools and calculators page on Geico’s website. While these tools are very useful, I had to scratch my head at first. Could these tools be reliable, when they look like this? The fact that the site is presented to me by Geico gives me confidence, but if this were the site of a firm which I was unfamiliar with, I’d be much less likely to trust it, and therefore I’d probably take my business elsewhere.

Essentially the same type of content; does it seem more usable?

People sometimes like to remind me that Craigslist is a bit ugly, and it’s very usable. But if you really consider it, Craigslist’s design is just bare bones; beyond that, the design is very clear and functional. In fact, the simplicity of the design is useful and appropriate for a search site. But would I trust my money with a financial institution whose site looked like Cragislist? Probably not.

While design is not everything, it is something, and it shouldn’t be overlooked.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
24
Dec 09

The Pee Fly Solution

Two truisms:

  1. The most effective solution to a problem must acknowledge human behavior
  2. The simplest solution is usually the best solution

Aim here.

In a practice that began over 20 years ago, urinals around the world are starting to be engraved with one small black fly each. Why? Because it’s a known fact that men like to aim when they urinate, so all you have to do is give them something to aim at and you have a great chance of reducing spillage. In fact, Schiphol Airport reports an 80% reduction in errant urine since the fly urinals made their debut.

Sure, someone like an enterprising James Dyson could have redesigned the urinal as a baroque suction / capture device that ensured a significant reduction in overspray. But the plain and inescapable truth is that men like peeing on things, and the best way to get them to stop missing their mark is to give them a target.

The urinal fly.

In other words, the inventor of the fly urinal — Dutch maintenance man Jos Van Bedoff — didn’t try to change human behavior; instead, he happily adapted to it and found an elegant, simple, low-cost solution to the problem.

And that, ladies and gents, is great design.

Related links:


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
26
Oct 09

10 UI Design Fundamentals

Here is a quick summary of the 10 fundamentals of UI design from Carsonified. In particular, I like the quotes from known experts.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
6
Oct 09

A Waste of Space

Avert your eyes...to the left.

Avert your eyes...to the left.

One of my biggest pet peeves is sites that do not center their content. In the past, it was technically difficult to center pages, and since everyone had low resolution monitors, most of the screen was filled up with content anyway.

These days, though, the proliferation of high resolution monitors means that sites that are left-justified will end up creating vast amounts of dead space to the right of the content well.

More to the point, however, is the usability issue here: when we read things (books, magazines, packages, newspapers), we put them directly in front of our faces, not to the side (pirates excluded). However, these left-justified sites require users to either manually shrink their browser windows or crane their heads to the left side of their monitors, causing fatigue.

The strange thing is this: many new sites are being developed that are left-justified, despite the obvious usability issues. I recently heard a client say that they thought left-justification looks better. Really?


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
1
Sep 09

% Loaded = % Frustrated

This is gonna be great!

This is gonna be great!

I went to your Web site because I was interested in doing business with you. I dutifully waited while your site loaded…and loaded…and loaded. But I kept waiting, because the more that little progress bar crept along, the better I knew the experience was going to be. It was as though the “percent loaded” diagram was actually a “coolness you can expect” indicator.

And then, at some point, I grew weary, and I decided to open another browser tab and see what your competition was up to.

Guess what? Their site loaded almost instantly. Sure, your wares might be a lot better, but I’m in a hurry, and your competitor showed me they respect that. So, for now, I’ll go with them.

And, yes, I do have a broadband connection…but I’ve also got a lot of things to do with my time. Maybe you weren’t aware of that.

Anyway, perhaps when I’m ready to make another purchase, your site will finally have loaded, and I can see what you’ve got. If not, at least I know where else to go.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
5
Aug 09

A Modest (iPhone) Proposal

Too many steps to switch email accounts.

Too many steps to switch email accounts.

I find navigating between the four email accounts I have on my iPhone tiresome; I have to click-click-click dozens of times a day to see what’s in each mail account.

One common suggestion is to consolidate all your email accounts into one master account, like gmail. But, for a number of reasons, that won’t work for my situation.

This will save dozens of clicks a day.

This will save dozens of clicks a day.

Therefore, I humbly offer my solution to this problem: change the account name at the top of each mail screen into a pulldown menu.

Problem solved. Now where do I collect my fee?


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
6
Apr 09

Twitter is Overloaded

A smile-inducing error page?

A smile-inducing error page?


Several times today, I received the notice that Twitter was overloaded, and I think I know who is overloading the system (you know who you are, Mr. Post-a-Minute).

Anyway, I give Twitter credit for following my 4th Rule of Error Messaging: error messages needn’t be glum. This one brought a brief smile to my face.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
6
Apr 09

Apple, Where Are Your Stores?

I was just trying to find the location of Apple’s flagship 5th Avenue store in NYC using the Apple Web site. I tried a search. Nada. I went to the “Store” page looking for a link. Nada. Finally, I reverted to Google and, voila, there was the store, first link. (Using Google, I didn’t even have to enter “Apple,” just “5th Avenue Store!”)

A good lesson for all corporations with search on their sites: when Google returns more accurate results than your own search engine, you have a problem. If it can happen to Apple, it can happen to you. Test keywords in your search engine frequently.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
29
Mar 09

A Word is Worth a Thousand Pictures

From the ikea.com lighting section.

From the ikea.com lighting section.

I was shopping on Ikea’s Web site for a ceiling lamp. At the bottom of each product listing is a tiny, indecipherable icon. It took me a while to figure out that it was a shopping cart with a red mark. Does this mean it’s not in my cart? No, it means the item is not available online.

Companies frequently subscribe to the notion that an icon is a better way to describe something than text. While an icon can be smaller and more discreet, the time it takes to read a few words (in the case above, “Not available online”) is far less than the time it takes to understand the meaning of an ambiguous icon, especially when there is no legend provided.

Icons can provide valuable shorthand cues, but they must be used judiciously. In some cases, as in desktop icons, they should be accompanied by descriptive text. In others, as on maps, a legend should be provided. In some instances, when the meaning, configuration, and context is so unambiguous that an icon will suffice (as in a fuel pump icon on a dashboard), using an icon without further description is fine.

My recommendation is that we assume an icon is an inferior choice unless we can meet the stringent criteria above.

(As an aside, it turns out NO ceiling lamps are available for purchase online at ikea.com. They should have provided a search results filter with online availability as a criteria.)

For more reading:


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
5
Mar 09

Going on a Safari

As if I don’t have enough to do, I’m going to try the new Safari 4 Beta. If the new features match their descriptions, this version will set an entirely new standard in what a browser can and should be.

Cover Flow: a visual way to see sites you've visited or bookmarked.

Cover Flow

The Top Sites features is a visual way to show you your favorites.

Top Sites

History

History

Developer Tools

Developer Tools

Tabs on top.

Tabs on top.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
11
Feb 09

Another Hard-to-Find Search Box

Where's that Search box?

Where's that search box?

Related to an earlier post, here is another hard-to-find search box. Contributing factors include:

  • Visual design that is very similar to other navigation elements
  • A submit button that looks similar to a dropdown menu
  • Its contiguity with the rule underneath it
  • Lack of contrast from its background

On the other hand, it is located in an expected location.


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS
27
Jan 09

Searching for Search

Oh, there it is!

Oh, there it is!

 

I remember the first time I saw an oversized search field. I thought, “Of course! Why didn’t I think of that?” Instead of relying on the standard, system-sized field, some smart designers created oversized, easy-to-find search fields.

However, in some instances the application of design to the search field can actually reduce its visibility to users. For example, the colors, location, typography, and lack of a clear border around the search field on MenuPages all contribute to a less usable search experience. The result is a search field that looks more like a graphic header or banner ad than what it actually is.

I showed this to a few friends, and each of them either missed the search field altogether, or noticed it only after looking around for a bit. 

Since search should be the easiest thing to spot on most sites, it’s important to make sure users don’t have to search for it!


Share and Enjoy:
  • Facebook
  • Twitter
  • LinkedIn
  • Digg
  • del.icio.us
  • Technorati
  • Google Bookmarks
  • StumbleUpon
  • FriendFeed
  • PDF
  • Print
  • email
  • RSS