2

Is it OK to put buttons (or a toolbar) in the "tab area" of a page control?

enter image description here

In the example above, the number of tabs is fixed.
The rationale behind this is to "save space".

However.
It "feels" quite wrong, but I can't put my finger on why...

MS IE does something similar (but it still looks wrong, imho): enter image description here

Any other examples of similar solutions?
Any suggestion on how this space could be used without "mentally conflicting" with the "reserved for tabs"-area of the page control.

  • 2
    I suppose that some users might wonder if buttons are related to the actually open tab or maybe they're independent from of the tabs. In other words if buttons are associated with the content displaying in the open tab, or maybe there is no connection between open tab and button action. I might be wrong, but this is my first thought. – steppenwolf Apr 2 '14 at 22:11
3

This is purely a matter of visual cognition - if the visual design makes it easy to group related elements, there is no problem putting anything anywhere, including buttons on a tab space. So long users can interpret the tabs as tabs and buttons (or other elements) as such, there shouldn't be a problem.

In the top example, the distinction is fairly clear - the visual features of the tab handles make them distinguishable from the buttons.

This is not the case with IE, where not only there is similarity between the tab handles and the search box, but also the tabs are positioned in between other elements making their nature less obvious.

Neither examples do well in terms of colours - ideally the tab handle and the panel will have the same colour so the two are visually grouped.

An example of good visual design for this can be seen in chrome:

A screengrab of Chrome

The tab handles are highly distinguishable from the title bar buttons (minimise, etc.), new tab button, and the full screen button.

I can provide some reference to gestalt principles and additional visual examples.

But to answer your question directly - it is "OK" so long the visual design is not confusing (and it should be fairly easy to make it so).

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.