Pull down navigation mode

• US 9,600,172 B2
• Filed: 01/03/2014
• Issued: 03/21/2017
• Est. Priority Date: 01/03/2014
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Schimon, David
• Primary Examiner(s): PHANTANA ANGKOOL, DAVID
• Application Number:
  US14/147,175
• Publication Number:
  US 20150193137A1
• Time in Patent Office: 1,173 Days
• Field of Search: 715/883
• US Class Current: 1/1
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• CPC Class Codes: G06F 3/0488 using a touch-screen or digitiser, e.g. input of commands through traced gestures

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.

Claims

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 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.

19. An electronic device, comprising:

a display;

one or more input devices;

a processor to execute instructions; and

a memory coupled with the processor to store instructions, which when executed by the processor, cause the processor to perform operations to generate an application programming interface (API) that allows an API-calling component to perform a method comprising;

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.

20. The electronic device of claim 19, 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.

21. The electronic device of claim 20, 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.

22. The electronic device of claim 20, 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.

23. The electronic device of claim 20, 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.

24. The electronic device of claim 21, 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.

25. The electronic device of claim 19, wherein the expandable menu is a drop-down menu and displaying the expandable menu includes displaying only the first selectable menu item.

26. The electronic device of claim 19, 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.

27. The electronic device of claim 19, 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.