Pull down navigation mode

Patent metadata

Field	Value
Publication number	US-9600172-B2
Application number	US-201414147175-A
Country	US
Kind code	B2
Filing date	Jan 3, 2014
Priority date	Jan 3, 2014
Publication date	Mar 21, 2017
Grant date	Mar 21, 2017

Abstract

In examples of the disclosure, a user may both expand a menu and select a menu item by overscrolling the displayed content—that is, by attempting to scroll the displayed content past a boundary of the content (e.g., an edge of a document or image, among other possibilities). The menu may be expanded in response to detection of overscrolling, and the selection of the menu item may be based on a determined overscroll value.

First claim

What is claimed is:

1. A method comprising:
at an electronic device with a display and one or more input devices:
concurrently displaying, in a user interface on the display, an expandable menu and a scrollable content area, the expandable menu including a first selectable menu item associated with first content and a second selectable menu item associated with second content, wherein:
the first selectable menu item that is associated with the first content is currently selected,
the expandable menu displays the first selectable menu item, and
the scrollable content area displays the first content;

receiving, via the one or more input devices, user input scrolling the first content in the scrollable content area;
detecting an overscroll of the first content in the scrollable content area based on the user input; and
in response to the detection of the overscroll, expanding the expandable menu to display the first selectable menu item and the second selectable menu item.

2. The method of claim 1 , the method further comprising:
determining an overscroll value based on the user input, the overscroll value indicating an amount by which the user input has scrolled past an end of the first content; and
selecting a menu item included in the expandable menu, other than the first selectable menu item, based on the overscroll value.

3. The method of claim 2 , the method further comprising:
receiving user input including liftoff of a contact on a touch surface;
in response to the liftoff, displaying, in the scrollable content area, content associated with the selected menu item when the liftoff of the contact was detected.

4. The method of claim 2 , wherein the user interface includes an item indicator that indicates a currently selected menu item in the expandable menu, and expanding the expandable menu includes displaying an animation of the item indicator moving to the selected menu item of the expandable menu.

5. The method of claim 2 , wherein selecting the menu item based on the overscroll value includes comparing the overscroll value to a predetermined overscroll threshold associated with the selected menu item and determining that the overscroll value exceeds the predetermined overscroll threshold.

6. The method of claim 3 , the method further comprising, in response to the liftoff, collapsing the expandable menu, which includes hiding menu items other than the selected menu item, and displaying the selected menu item in the expandable menu.

7. The method of claim 1 , wherein the expandable menu is a drop-down menu and displaying the expandable menu includes displaying only the first selectable menu item.

8. The method of claim 1 , wherein receiving the user input scrolling the first content in the scrollable content area includes receiving touch input dragging the first content in the scrollable content area.

9. The method of claim 1 , wherein:
the user input includes a dragging input, detected in the scrollable content area, that includes a contact and dragging of the contact, the dragging input continuing past an end of the first content in the scrollable content area such that the overscroll of the first content is detected, and the method further comprises:
after expanding the expandable menu, determining an amount by which the dragging input continues past the end of the first content in the scrollable content area;
selecting a respective selectable menu item, other than the first selectable menu item, in the expandable menu based on the amount by which the dragging input continues past the end of the first content in the scrollable content area;
while the respective selectable menu item is selected, detecting liftoff of the contact included in the dragging input; and
in response to detecting the liftoff of the contact included in the dragging input:
collapsing the expandable menu and displaying the respective selectable menu item in the expandable menu, without displaying the first selectable menu item in the expandable menu, after the expandable menu has collapsed; and
replacing the first content in the scrollable content area with respective content associated with the respective selectable menu item.

10. A non-transitory computer readable medium, the computer readable medium containing instructions that, when executed, perform a method comprising:
at an electronic device with a display and one or more input devices:
concurrently displaying, in a user interface on the display, an expandable menu and a scrollable content area, the expandable menu including a first selectable menu item associated with first content and a second selectable menu item associated with second content, wherein:
the first selectable menu item that is associated with the first content is currently selected,
the expandable menu displays the first selectable menu item, and
the scrollable content area displays the first content;

receiving, via the one or more input devices, user input scrolling the first content in the scrollable content area;
detecting an overscroll of the first content in the scrollable content area based on the user input; and
in response to the detection of the overscroll, expanding the expandable menu to display the first selectable menu item and the second selectable menu item.

11. The non-transitory computer readable medium of claim 10 , the method further comprising:
determining an overscroll value based on the user input, the overscroll value indicating an amount by which the user input has scrolled past an end of the first content; and
selecting a menu item included in the expandable menu, other than the first selectable menu item, based on the overscroll value.

12. The non-transitory computer readable medium of claim 11 , the method further comprising:
receiving user input including liftoff of a contact on a touch surface;
in response to the liftoff, displaying, in the scrollable content area, content associated with the selected menu item when the liftoff of the contact was detected.

13. The non-transitory computer readable medium of claim 11 , wherein the user interface includes an item indicator that indicates a currently selected menu item in the expandable menu, and expanding the expandable menu includes displaying an animation of the item indicator moving to the selected menu item of the expandable menu.

14. The non-transitory computer readable medium of claim 11 , wherein selecting the menu item based on the overscroll value includes comparing the overscroll value to a predetermined overscroll threshold associated with the selected menu item and determining that the overscroll value exceeds the predetermined overscroll threshold.

15. The non-transitory computer readable medium of claim 12 , the method further comprising, in response to the liftoff, collapsing the expandable menu, which includes hiding menu items other than the selected menu item, and displaying the selected menu item in the expandable menu.

16. The non-transitory computer readable medium of claim 10 , wherein the expandable menu is a drop-down menu and displaying the expandable menu includes displaying only the first selectable menu item.

17. The non-transitory computer readable medium of claim 10 , wherein receiving the user input scrolling the first content in the scrollable content area includes receiving touch input dragging the first content in the scrollable content area.

18. The non-transitory computer readable medium of claim 10 , wherein:
the user input includes a dragging input, detected in the scrollable content area, that

Assignees

• Apple Inc

Inventors

• Schimon David

Classifications

• G06F3/0488 Primary

  using a touch-screen or digitiser, e.g. input of commands through traced gestures · CPC title

• G06F3/0482

  Interaction with lists of selectable items, e.g. menus · CPC title

• G06F3/0485

  Scrolling or panning · CPC title