Summary: Follow these 12 design guidelines for tab controls to distinguish tabs from site navigation and address click uncertainty.

 

 

Simplest GUI widgets are the building blocks for most functionality on the web, but it's rare to find sites that use all the dialog controls correctly.

Even something as simple as radio buttons and checkboxes are incorrectly used half the time.

And let's not even get started on drop-down menus, which are horribly abused.

 

This article talks about another design element that gets frequently misused: tabs.


(Here, I'm talking about in-page tabs, as shown in the several example screenshots