Methods and Systems for Transitioning between Native Content and Web Content

• US 20160313908A1
• Filed: 04/21/2015
• Published: 10/27/2016
• Est. Priority Date: 04/21/2015
• Status: Active Application

• Current Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Original Assignee: Meta Platforms, Inc. (f/k/a Facebook, Inc.)
• Inventors: Matas, Michael James, Langholz, Benjamin S., Amerige, Brian Daniel
• Granted Patent: US 10,275,148 B2
• Time in Patent Office: Days
• US Class Current: 1/1
• CPC Class Codes: G06F 2203/04803 Split screen, i.e. subdividing the display area or the window area into separate subareas
• CPC Class Codes: G06F 3/0483 Interaction with page-structured environments, e.g. book metaphor
• CPC Class Codes: G06F 3/0485 Scrolling or panning
• 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

In an electronic device, a cover page of a first content item is displayed and a first swipe gesture in a first direction is detected. In response to detecting the first swipe gesture, the electronic device transitions from displaying the cover page to displaying the first content item. During the transition, a portion of the cover page and a portion of the first content item are simultaneously displayed. After the transitioning, the first content item is displayed, and a second swipe gesture is detected in a second direction substantially opposite to the first direction. In response to detecting the second swipe gesture, the electronic device transitions from displaying the first content item to displaying the cover page, during which the portion of the first content item and the portion of the cover page are simultaneously displayed.

Claims

1. A method, comprising:

at an electronic device having one or more processors and memory storing instructions for execution by the one or more processors;

displaying a cover page of a first content item;

detecting a first swipe gesture in a first direction;

in response to detecting the first swipe gesture, transitioning from display of the cover page of the first content item to display of the first content item, comprising simultaneously displaying a first portion of the cover page of the first content item and a first portion of the first content item;

after the transitioning, displaying the first content item;

while displaying the first content item, detecting a second swipe gesture in a second direction substantially opposite to the first direction; and

in response to detecting the second swipe gesture, transitioning from display of the first content item to display of the cover page of the first content item, comprising simultaneously displaying the first portion of the first content item and the first portion of the cover page of the first content item.

2. The method of claim 1, further comprising:

detecting a third swipe gesture in a third direction substantially perpendicular to the first direction and the second direction; and

in response to detecting the third swipe gesture, transitioning to display of a cover page of a second content item.

3. The method of claim 2, wherein:

the third swipe gesture is detected while displaying a respective portion of the first content item; and

transitioning to display of the cover page of the second content item comprises transitioning from display of the respective portion of the first content item.

4. The method of claim 3, further comprising:

after transitioning from display of the respective portion of the first content item to display of the cover page of the second content item;

detecting a fourth swipe gesture in a fourth direction that is opposite to the third direction; and

in response to detecting the fourth swipe gesture, transitioning to display of the respective portion of the first content item.

5. The method of claim 4, wherein the fourth swipe gesture is detected while displaying the cover page of the second content item.

6. The method of claim 1, wherein:

the cover page of the first content item comprises a title and a byline; and

the first content item comprises the title, the byline, and a body of content.

7. The method of claim 6, wherein:

the cover page of the first content item further comprises a picture; and

the first content item further comprises a scaled-down version of the picture.

8. The method of claim 1, wherein transitioning from display of the cover page of the first content item to display of the first content item comprises:

decreasing an amount of the cover page of the first content item being displayed, until the cover page of the first content item is no longer displayed, and

while decreasing the amount of the cover page of the first content item being displayed, increasing an amount of the first content item being displayed until the cover page of the first content item is no longer displayed.

9. The method of claim 1, wherein transitioning from display of the cover page of the first content item to display of the first content item comprises continuously scrolling, within a window, from display of the cover page of the first content item to display of the first content item.

10. The method of claim 1, wherein:

displaying the cover page of the first content item is performed within a first application;

transitioning from display of the cover page of the first content item to display of the first content item and transitioning from display of the first content item to display of the cover page of the first content item are performed within the first application; and

displaying the first content item is performed within the first application.

11. The method of claim 1, wherein displaying the first content item comprises initially displaying a second portion of the first content item after the cover page of the first content item is no longer displayed.

12. The method of claim 11, further comprising:

detecting a third swipe gesture in the first direction; and

in response to detecting the third swipe gesture, displaying a third portion of the first content item, distinct from the first portion and second portion.

13. The method of claim 1, wherein transitioning from display of the first content item to display of the cover page of the first content item comprises continuously scrolling from display of the first content item to display of the cover page of the first content item.

14. The method of claim 13, wherein continuously scrolling from display of the first content item to display of the cover page comprises scrolling from display of a top portion of the first content item to display of the cover page.

15. The method of claim 1, wherein transitioning from display of the first content item to display of the cover page of the first content item comprises displaying a gap between a top portion of the first content item and the cover page of the first content item.

16. The method of claim 1, further comprising:

detecting a third swipe gesture that occurs before the second swipe gesture, the third swipe gesture being in the second direction and having a magnitude less than a magnitude of the second swipe gesture; and

in response to detecting the third swipe gesture, displaying an elastic rebound of a top portion of the first content item.

17. The method of claim 1, wherein:

the first swipe gesture is a substantially vertical swipe in the first direction; and

the second swipe gesture is a substantially vertical swipe in the second direction.

18. The method of claim 1, further comprising downloading the first content item in response to detecting the first swipe gesture.

19. An electronic device, comprising:

one or more processors; and

memory storing one or more programs for execution by the one or more processors, the one or more programs including instructions for;

displaying a cover page of a first content item;

detecting a first swipe gesture in a first direction;

in response to detecting the first swipe gesture, transitioning from display of the cover page of the first content item to display of the first content item, comprising simultaneously displaying a first portion of the cover page of the first content item and a first portion of the first content item;

after the transitioning, displaying the first content item;

while displaying the first content item, detecting a second swipe gesture in a second direction substantially opposite to the first direction; and

in response to detecting the second swipe gesture, transitioning from display of the first content item to display of the cover page of the first content item, comprising simultaneously displaying the first portion of the first content item and the first portion of the cover page of the first content item.

20. A non-transitory computer-readable storage medium storing one or more programs for execution by one or more processors of an electronic device, the one or more programs including instructions for:

displaying a cover page of a first content item;

detecting a first swipe gesture in a first direction;

in response to detecting the first swipe gesture, transitioning from display of the cover page of the first content item to display of the first content item, comprising simultaneously displaying a first portion of the cover page of the first content item and a first portion of the first content item;

after the transitioning, displaying the first content item;

while displaying the first content item, detecting a second swipe gesture in a second direction substantially opposite to the first direction; and

in response to detecting the second swipe gesture, transitioning from display of the first content item to display of the cover page of the first content item, comprising simultaneously displaying the first portion of the first content item and the first portion of the cover page of the first content item.