Tab bar control for mobile devices

• US 8,924,894 B1
• Filed: 09/30/2011
• Issued: 12/30/2014
• Est. Priority Date: 07/21/2010
• Status: Active Grant

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google Inc. (Alphabet Inc.)
• Inventors: Yaksick, Jeffrey D., Brown, David A., Cleron, Michael A., Miller, James B., Gandhi, Amar S.
• Primary Examiner(s): TRAN, TUYETLIEN T
• Application Number:
  US13/250,100
• Time in Patent Office: 1,187 Days
• Field of Search: 715/863, 715/864
• US Class Current: 715/863
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures
• CPC Class Codes: G06F 3/04883 for inputting data by handwriting, e.g. gesture or text
• CPC Class Codes: G06F 3/04886 by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus

Abstract

Methods, systems, and apparatus, including computer programs encoded on a computer storage medium, for providing tab bar controls on a mobile computing device are described. In one aspect, a method includes displaying a first tab graphic in a first tab bar control, the first tab bar control being displayed at a first default position on a first edge of a touchscreen display, detecting a user selection in a first region of the touchscreen display, the first region associated with the first tab graphic, detecting user motion, animating the first tab bar control to extend from the first edge of the touch-screen display in response to detecting user motion, determining a measure of user motion, comparing the measure of user motion to a threshold measure, and performing one or more functions on the mobile device in response to the measure of user motion exceeding the threshold measure.

Claims

1. A mobile device, comprising:

a touchscreen display;

one or more processors; and

a computer-readable storage medium coupled to the one or more processors having instructions stored thereon which, when executed by the one or more processors, cause the one or more processors to perform operations comprising;

displaying a first tab graphic in a first tab bar control and a second tab graphic in a second tab bar control, the second tab bar control separate and distinct from the first tab bar control, the first tab bar control being displayed at a first default position on a first edge of the touchscreen display and the second tab bar control being displayed at a second default position on a second, opposite edge of the touchscreen display;

detecting a user selection in one of a first region and a second region of the touchscreen display, the one of the first region and the second region defining a selected region, the first region being associated with the first tab graphic and the second region being associated with the second tab graphic;

in response to selection of the selected region, removing a tab bar control and a tab graphic associated with the selected region from display at an associated default position on an associated edge of the touchscreen display such that a first target is displayed at the associated default position;

detecting user motion corresponding to the user selection;

in response to the user motion, animating the tab bar control associated with the selected region to extend from one of the first edge and the second edge of the touchscreen display to the first target;

determining a measure of the user motion;

comparing the measure of the user motion to a threshold measure; and

in response to the measure of the user motion being equal to or greater than the threshold measure, changing an unlocked mode of the mobile device if the selected region is the first region, and changing a mode of a ringer of the mobile device if the selected region is the second region.

2. The mobile device of claim 1, wherein animating further comprise extending the tab bar control to the opposite edge of the touchscreen display in response to a degree to which the user motion exceeds the threshold measure.

3. The mobile device of claim 1, wherein the operations further comprise:

detecting cessation of the user selection;

determining, upon detecting cessation of the user selection, that the measure of the user motion is less than the threshold measure; and

animating the tab bar control associated with the selected region to retract back toward the edge of the touchscreen display to a default position.

4. The mobile device of claim 1, wherein the operations further comprise:

removing the first tab bar control from the touchscreen display; and

displaying a plurality of icons on the touchscreen display, each icon corresponding to a respective application executable by the mobile device.

5. The mobile device of claim 1, wherein animating the tab bar control associated with the selected region further includes animating the tab bar control to extend from the one of the first edge and the second edge of the touchscreen display to the first target without displaying a defined path between the tab bar control and the first target.

6. The mobile device of claim 1, wherein the operations further comprise:

displaying a defined path between the tab bar control associated with the selected region and the first target, wherein the tab bar control is animated to extend towards the first target along the defined path.

7. The mobile device of claim 1, wherein the operations further comprise:

determining that the measure of the user motion is equal to or greater than the threshold measure when the tab bar control associated with the selected region contacts the first target on the touchscreen display, the first target corresponding to the threshold measure.

8. The mobile device of claim 1, wherein the operations further comprise displaying scrolling text within the tab bar control associated with the selected region as the tab control bar extends from the one of the first edge and the second edge of the touchscreen display, the scrolling text indicating a function associated with the tab bar control.

9. The mobile device of claim 1, wherein the operations further comprise highlighting the tab graphic associated with the selected region upon detecting the user selection.

10. The mobile device of claim 9, wherein highlighting comprises changing a color of the tab graphic from a first color to a second color, the second color being brighter than the first color.

11. The mobile device of claim 1, wherein the operations further comprise:

detecting an orientation change of the mobile device; and

rotating the first tab graphic in the first tab bar control and the second tab graphic in the second tab bar control in response to detecting the orientation change.

12. The mobile device of claim 1, wherein the measure comprises a distance and the threshold measure comprises a threshold distance.

13. A non-transitory computer storage medium encoded with a computer program, the program comprising instructions that when executed by one or more computers cause the one or more computers to perform operations comprising:

displaying a first tab graphic in a first tab bar control and a second tab graphic in a second tab bar control, the second tab bar control separate and distinct from the first tab bar control, the first tab bar control being displayed at a first default position on a first edge of the touchscreen display and the second tab bar control being displayed at a second default position on a second, opposite edge of the touchscreen display;

detecting a user selection in one of a first region and a second region of the touchscreen display, the one of the first region and the second region defining a selected region, the first region being associated with the first tab graphic and the second region being associated with the second tab graphic;

in response to selection of the selected region, removing a tab bar control and a tab graphic associated with the selected region from display at an associated default position on an associated edge of the touchscreen display such that a first target is displayed at the associated default position;

detecting user motion corresponding to the user selection;

in response to the user motion, animating the tab bar control associated with the selected region to extend from one of the first edge and the second edge of the touchscreen display to the first target;

determining a measure of the user motion;

comparing the measure of the user motion to a threshold measure; and

in response to the measure of the user motion exceeding the threshold, changing an unlocked mode of the mobile device if the selected region is the first region, and changing a mode of a ringer of the mobile device if the selected region is the second region.

14. A computer-implemented method comprising:

displaying a first tab graphic in a first tab bar control and a second tab graphic in a second tab bar control, the second tab bar control separate and distinct from the first tab bar control, the first tab bar control being displayed at a first default position on a first edge of the touchscreen display and the second tab bar control being displayed at a second default position on a second, opposite edge of the touchscreen display;

detecting a user selection in one of a first region and a second region of the touchscreen display, the one of the first region and the second region defining a selected region, the first region being associated with the first tab graphic and the second region being associated with the second tab graphic;

in response to selection of the selected region, removing a tab bar control and a tab graphic associated with the selected region from display at an associated default position on an associated edge of the touchscreen display such that a first target is displayed at the associated default position;

detecting user motion corresponding to the user selection;

in response to the user motion, animating the tab bar control associated with the selected region to extend from one of the first edge and the second edge of the touchscreen display to the first target;

determining a measure of the user motion;

comparing the measure of the user motion to a threshold measure; and

in response to the measure of the user motion exceeding the threshold measure, changing an unlocked mode of the mobile device if the selected region is the first region, and changing a mode of a ringer of the mobile device if the selected region is the second region.