kaioa.com

There shall be structure

Benefits

Hierarchical structures are always rather hard to explain with words alone. You've to identify the key items and then lay out their relation to each other - two at a time. This can take a couple of sentences and you'll also have to carefully check if everything is at the right place.

But it doesn't stop there. The worst part is probably that every user will have to parse your explanation very carefully. Of course that only adds a few seconds to the whole process, but those seconds accumulate. Your thousands (or even millions) of users might have done something more important during that time. They could have picked their nose for example, which is an activity many people enjoy more than reading documentation.

Yes, it's true. Reading documentation is really that exciting. So, we really should try everything possible to make it as quick and pain free as possible.

Whenever you're creating some user interfaces you'll often have to recreate/reinvent some concepts. Things you've seen a zillion times. Usually this isn't much of a problem, but sometimes you forget specific usability details, which can degenerate the user experience quite a bit.

Anders Toxboe's website UI-Patterns.com fills the gap by providing dozens of examples for common UI crafting tasks. Each one is illustrated and explained in detail. Additionally, everything is categorized which makes it easy to find related patterns.

It's not that difficult, is it?

The diagram on the right illustrates how things everywhere are. Everywhere except Firefox, that is. For reasons unknown to me Firefox does the exact opposite of what would have been intuitive. I.e. increase the font size with up and decrease it with down. Firefox, however, does it the other way around.

I'm using Firefox for years and I still mix that up over and over again. Today was the first day I became aware of that though. After failing to increase the font size I stopped reading, looked at the mouse wheel, and wondered why it didn't increase the font size. I moved the mouse wheel up, didn't I?