Browse Prior Art Database

A Mobile Solution for Limited Screen Space for a Control that Enables Folder Organization

IP.com Disclosure Number: IPCOM000033499D
Original Publication Date: 2004-Dec-13
Included in the Prior Art Database: 2004-Dec-13
Document File: 3 page(s) / 50K

Publishing Venue

IBM

Abstract

UI designs often call for the use of tabs to contain and additional level of information. Scalability of tabs is always an issue especially on a mobile device. Constraints on screen real estate limit the user to only viewing 3 to 4 tabs at a time before they are forced to scroll. The typical implementation for scrolling tabs is to place arrows on both sides of the tabs and scroll one tab at a time. This implementation limits the user for two reasons:

This text was extracted from a PDF file.
At least one non-text object (such as an image or picture) has been suppressed.
This is the abbreviated version, containing approximately 100% of the total text.

Page 1 of 3

A Mobile Solution for Limited Screen Space for a Control that Enables Folder Organization

Main Idea

The design invokes the use of a popup like model for scrolling through tabs. The last tab in view contains an icon (>>). When selected this tab launches a listbox of ALL available tabs. The user can select a tab from the list. Once selection is made, the tab order moves based on the selection. As you can see below in Figure 2 and Figure 3: the user selects 'Tab Seven' from the >> listbox and the tabs move to correlate with this selection. The selected tab (Tab 7) moves to the furthest left edge and the screen is populated with the tabs that follow. The user can continue to utilize the '>> Listbox' to navigate back the original tabs or move forward to additional tabs.

Figure 1: View of scrolling tabs

Figure 2: Pop up dialog presented by scrolling tab

1

[This page contains 1 picture or other non-text object]

Page 2 of 3

Figure 3: Refresh view after tab selection

Here are some more pictures of the usage. The popup enables help in the tabs also.

2

[This page contains 2 pictures or other non-text objects]

Page 3 of 3

3

[This page contains 1 picture or other non-text object]