Archive for July, 2006

Kitchen design

Jul 06
30

Common design wisdom says that similar looking things should behave in similar ways. Yet every kitchen you walk into is designed with dozens of cabinets in every imaginable configuration. Every door is unlabeled, there is little to no consistency.

If software was designed like a kitchen you would have beautiful granite toolbars but none of your icons would be labeled and every application would be work completely different.

Are kitchens an example of form over function? Most people would say no. In fact kitchens tend to be very efficient, perhaps in-part due to the fact that you have to learn where everything lives.

Perhaps in some cases it’s appropriate to have ease of learning take a back seat to long-term use? If you use it every day you learn where things are and how things work. Text interfaces like DOS and mainframe systems may be an example of this. It takes much longer to learn but once you have learned the software you can do things quicker and more efficiently then with a GUI.

If you’re designing for a poweruser some features should have the efficiency of a kitchen while others need the simplicity of a toaster.

Post to Twitter

How to design bad site for a great brand

Jul 06
20

Take one world-class brand: Coca-Cola. Now imagine a truly awful website. This is probably one of the worst sites for a global brand that I’ve ever seen. Here’s a quick breakdown:

  • Don’t chop your logo in half. This seems obvious yet on the home page the Coca-Cola logo is cut in half. For any users with 800×600 resolution the bottle is cut in half as well.
  • Don’t use cascading drop-down menus. These are hard to use and if your mouse slips off the menu goes away and you have to start over. Amazingly the site does seem accessible although it appears to have taken a ton of JavaScript. Why not just provide links to these other sites? (See Craigslist) Once the choice is made perhaps the site could remember this for my next visit? Remember how links can turn purple once visited? That’s a nice feature of Web 1.0.
  • Don’t use a full screen pop-up for your primary screen design
    • You can’t bookmark a pop-up
    • You can’t forward a pop-up to a friend or copy the URL into an email
    • You can’t print the page
    • You can’t navigate (back/forward)
  • Don’t use flash as a primary site element. Flash is a great tool for developing and designing applications and animated page elements but it’s not great for everything. I ended up on some video site that as far as I could tell had nothing to do with Coca-Cola products.
  • If you do decide to use flash make sure you use a loading graphic so users aren’t staring at a white screen wondering what happened.
  • Provide some basic top-level navigation for your site. ( Products, Corporate Information, Ads, Company History, Press, Shopping, Etc. )
  • Provide a site search on your home-page in a clearly marked area.
  • Don’t use a pop-up for your site map. If you do have a site-map mark it with the words site-map, not just an icon.
  • Once I closed the flash graphic there’s no way to get back to it. Poof, and the page navigates to a ‘thank-you’ page.

Interestingly if you happen to find the hidden link at the bottom of the page you can get to a site that does a better job of giving visitors the information they need. This hidden site is rich with information, search, links etc. It has it’s own set of problems but is leaps beyond the current home page design. The current flash design certainly has some graphical appeal but it sacrifices content and functionality.

Post to Twitter

Uncommon controls

Jul 06
6

Uncommon controls

I received an email a few weeks ago from Sergio asking me about filter controls. I didn’t get the light bulb of the idea until today. Sergio was interested in creating a more standard image to set users expectations of how a text box will behave with filters. This got me thinking that this type of edit box as a very common problem. Not just for filters but for all kinds of text based data-entry.

This turns out to be an issue on most web-sites and it ends up in the web-developers lap to create controls that properly filter, interact and show data. What if the browser makers got together and agreed on something more meaningful then an RSS icon?

Imagine a set of defined icons and behaviors that can integrate with system level functionality and applications. The set of icons is based off the standard combo-box. Derivatives would allow type filters, date filters, email addresses, postal addresses and passwords.

The control itself would have a standard look but it would be up to the browser/OS to determine the pop-down action. For example the calendar pop-down could display your current schedule and appointments. The email drop-down could integrate with your email application allowing you to easily email friends and family by name. The password drop-down could allow you to generate a password or perhaps retrieve the password from your list of saved passwords.

The key idea is to create a small (3-6) set of standard control that would have predictable behaviors across both web-applications as well as client side applications.

Post to Twitter