Vertical tabs, Self-assessing Usability

Bevan@drupal.org's picture
public
group: Usability
Bevan@drupal.org - Tue, 2008-03-25 00:13

Interesting application of vertical tabs.

Interesting idea of self-assessing a website for usability.

http://www.vkistudios.com/usability_assessment.cfm


Vertical tabs for local tasks

SteveJB's picture
SteveJB - Mon, 2008-04-14 18:30

In acidfree galleries, having the vertical tabs horizontally laid out above the node content wasn't exactly the best placement.

I re did a theme and inserted vertical tabs to the left of the node content (floating the tabs to the left and the node content to the right with complementary widths.)

The image link displays how vertical tabs can be used to navigate between local tasks (I hope thats what local tasks are) of view and list options in acidfree galleries:
http://stevejbayer.com/files/images/tabbed%20nodes.png

As a side effect, I noticed that the user log in form benefited from the the above changes to the theme:
http://stevejbayer.com/files/images/tabbed%20user%20login.png

While the use of vertical tabs for local tasks is best left to visual designers and information architects to decide on for their websites, having a default theme setup to use vertical tab placements, such as in the above linked images, could prove to be useful if such placements were supported right out of the box.


Looks nice and clean. People

tjholowaychuk - Mon, 2008-04-14 18:36

Looks nice and clean. People really need to learn to use outline: none; I get so annoyed having outlines all over anchor tags

vision media
350designs
Print Huge Edmonton Printing Services
Design Inspiration Gallery