Devices and methods for navigating between user interfaces

Patent metadata

Field	Value
Publication number	US-10303354-B2
Application number	US-201514866989-A
Country	US
Kind code	B2
Filing date	Sep 27, 2015
Priority date	Jun 7, 2015
Publication date	May 28, 2019
Grant date	May 28, 2019

Abstract

An electronic device displays a plurality of user interface representations in a stack on a display. The device detects a first drag gesture by a first contact at a location on a touch-sensitive surface that corresponds to a location of a first user interface representation on the display. While the first contact is at a location on the touch-sensitive surface that corresponds to the location of the first user interface representation on the display and is moving across the touch-sensitive surface in a direction that corresponds to a first direction on the display, the device moves the first user interface representation in the first direction on the display at a first speed in accordance with a speed of the first contact on the touch-sensitive surface and moves a second user interface representation, disposed above the first user interface representation in the stack, in the first direction at a second speed greater than the first speed.

First claim

What is claimed is:

1. A method, comprising:
at an electronic device having one or more processors, memory, and a touch-sensitive display:
displaying a plurality of user interface representations in a stack on the touch-sensitive display, wherein:
at least a first user interface representation and a second user interface representation, disposed above the first user interface representation in the stack, are visible on the touch-sensitive display,
the second user interface representation is offset from the first user interface representation in a first direction, and
the second user interface representation partially exposes the first user interface representation;

detecting a first drag gesture by a first contact at a location of the first user interface representation on the touch-sensitive display, the first contact moving across the touch-sensitive display in the first direction; and,
while the first contact is moving across the touch-sensitive display in the first direction:
moving the first user interface representation in the first direction on the touch-sensitive display at a first speed in accordance with a speed of the first contact on the touch-sensitive display, while maintaining a constant positional relationship between the first contact and the first user interface representation throughout the first contact moving across the touch-sensitive display; and
moving the second user interface representation, disposed above the first user interface representation, in the first direction on the touch-sensitive display at a second speed greater than the first speed such that the second user interface representation moves farther away from the first contact as the first contact moves farther in the first direction, wherein the second speed increases relative to the first speed as the first contact moves across the display in the first direction.

2. The method of claim 1 , wherein:
the stack includes at least a third user interface representation disposed below the first user interface representation,
the first user interface representation is offset from the third user interface representation in the first direction, and
the first user interface representation partially exposes the third user interface representation;

and the method includes:
while the first contact is moving across the touch-sensitive display in the first direction:
moving the third user interface representation, disposed below the first user interface representation, in the first direction at a third speed less than the first speed.

3. The method of claim 2 , including:
after detecting the first drag gesture, detecting a second drag gesture by a second contact at a location of the first user interface representation on the touch-sensitive display, the second contact moving across the touch-sensitive display in a second direction opposite to the first direction; and,
while the second contact is moving across the touch-sensitive display in the second direction opposite the first direction:
moving the first user interface representation in the second direction at a new first speed on the touch-sensitive display in accordance with a speed of the second contact on the touch-sensitive display, while maintaining a constant positional relationship between the second contact and the first user interface representation;
moving the second user interface representation, disposed above the first user interface representation, in the second direction at a new second speed greater than the new first speed; and
moving the third user interface representation, disposed below the first user interface representation, in the second direction at a new third speed less than the new first speed.

4. The method of claim 3 , including:
while moving the second user interface representation in the second direction faster than moving the first user interface representation in the second direction, detecting that the second user interface representation has moved in between the first user interface representation and a location of the second contact on the touch-sensitive display; and,
in response to detecting that the second user interface representation has moved in between the first user interface and the location of the second contact on the touch-sensitive display:
moving the second user interface representation in the second direction at a modified second speed in accordance with a current speed of the second contact, while maintaining a constant positional relationship between the second contact and the second user interface representation; and
moving the first user interface representation, disposed below the second user interface representation, in the second direction at a modified first speed less than the modified second speed.

5. The method of claim 4 , wherein a difference between the modified second speed and the modified first speed maintains a first constant z-position difference between the second user interface representation and the first user interface representation, while a difference between the modified first speed and the modified third speed maintains a second constant z-position difference between the first user interface representation and the third user interface representation, wherein the first constant z-position difference is the same as the second z-position difference.

6. The method of claim 2 , wherein a difference between the second speed and the first speed maintains a first constant z-position difference between the second user interface representation and the first user interface representation, while a difference between the first speed and the third speed maintains a second constant z-position difference between the first user interface representation and the third user interface representation, wherein the first constant z-position difference is the same as the second z-position difference.

7. The method of claim 1 , wherein a respective user interface representation is associated with a respective title area with respective title content, and the method includes:
for a respective user interface representation currently visible below an adjacent user interface representation on the touch-sensitive display, applying a visual effect to at least a first portion of the respective title content of the respective user interface representation as the adjacent user interface representation approaches.

8. The method of claim 7 , wherein applying a visual effect to at least a portion of the respective title content of the respective user interface representation as the adjacent user interface representation approaches includes:
applying the visual effect to title text in the respective title content while maintaining an original appearance of an icon in the respective title content, as the respective title area of an adjacent user interface representation or the adjacent user interface representation moves within a threshold lateral distance on the touch-sensitive display of the respective title content.

9. An electronic device, comprising:
a touch-sensitive display;
one or more processors;
memory; and
one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
displaying a plurality of user interface representations in a stack on the touch-sensitive display, wherein:
at least a first user interface representation and a second user interface representation, disposed above the first user interface representation in the stack, are visible on the touch-sensitive display,
the second user interface representation is offset from the first user interface representation in a first directio

Assignees

• Apple Inc

Inventors

• Alonso Ruiz Marcos
• Bauer Sebastian J
• Cato Andrew B
• Chaudhri Imran A
• Dascola Jonathan R
• Foss Christopher P
• Hagedorn Joseph A
• Karunamuni Chanaka G
• Lemay Stephen O

Classifications

• G06F3/0481

  based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance · CPC title

• G06F3/017

  Gesture based interaction, e.g. based on a set of recognized hand gestures (interaction based on gestures traced on a digitiser G06F3/04883) · CPC title

• G06F9/451

  Execution arrangements for user interfaces · CPC title

• G06F3/0485

  Scrolling or panning · CPC title

• G06F3/0482

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