7:7 Present Tabs Effectively
Strength of Evidence:
Document Type: Guideline
Ensure that navigation tabs are located at the top of the page, and look like clickable versions of real-world tabs.
Users can be confused about the use of tabs when they do not look like real-world tabs. Real-world tabs are those that resemble the ones found in a file drawer. One study showed that users are more likely to find and click appropriately on tabs that look like real-world tabs.
Bailey, R.W., Koyani, S., & Nall, J. (2000, September 7). Usability testing of several health information Web sites, National Cancer Institute Technical Report. Bethesda, MD.
Kim, J. (1998). An empirical study of navigation aids in customer interfaces. Behavior and Information Technology, 18(3), 213-224
These links behave like tabs, but they are confusing because they do not look like tabs.
Title: Welie.com Tabs pattern
Description: Describes the appropriate visual appearance of tabs.
Related Usability Guidelines: