All these not so much sideways and "at the same level" and view switching - solutions to tabs not fitting, like USAT scrolling the tab bar. Note that tabs are terrible because text is horizontally inefficient
Problem
Lateral access, bunch of directly equal levels of information at the IA...
Solution
Tabs are real, even if not looking like their machine-era counterparts, need to follow the same principles:
- Clearly label what is inside them.
- Indicate when you have the one you want selected, or open.
- Make sure all tabs and labels are visible at once, or it is clear there are more to be seen if you try harder.
Variations
Aside from graphic design distinctions, there are basically two axes upon which tabs may vary:
High level vs. lower level (top nav vs. section or even in-page navs)...
All visible vs. not-enough-room (e.g. USAT scrolling tab bar)...
Interaction Details
Scroll and select: usually used so page contents are vertical only, tabs are horizontal keys anywhere on the page. If the page interaction is more complex, or uses a free-roving cursor, tabs are not suggested... tabs that don't all fit will work just like those that do, and scrolling reveals the next one. WAIT: Two ways to work, scroll to see page, or scroll to select then OK to see page... I /think/ the latter even when tabs not visible is suggested, to avoid accidental loss of data or context...
Touch and pen will directly interact with tabs. However, this can be a problem as the tabs must be correspondingly larger to allow for the touch target. Again, unless the labels can be small enough or the device is large, tabs may not be the best option.
For tabs that do not fit on the screen.
Presentation Details
Tabs really only work well when arrayed horizontally, or when all are on one row. Vertical tabs of any sort are rarely are understood by the user to be tabs, so will not be discussed here.
Try to get all tabs visible. However, tabs are a troublesome item as they are usually labeled with text. Text is an inefficient user of horizontal space, so it is easy on a small mobile device to run out of room with only one or two tabs. Alternatives are to use... SIDE SCROLL??? think nokia single-visible as well...
When only one or a few tabs are visible, assure the tab paradigm is clear, and it is obvious the tab is not just a page title, but is one option of many to be chosen from.
When scrolling through the tab list, make sure a visible but non-selected tab is different from the selected one, even without comparison, so that users do not mistake it for the page Title.
Circular lists are strongly suggested when not all tabs are visible,...
Antipatterns
Clever solutions for space rarely work. A second row of tabs always is perceived as subsidiary to the top row, and is not read as a second row of text would be.