Graphical user interface with virtual extension areas

• US 10,353,564 B2
• Filed: 12/21/2015
• Issued: 07/16/2019
• Est. Priority Date: 12/21/2015
• Status: Active Grant

• Current Assignee: SAP SE
• Original Assignee: SAP SE
• Inventors: Voutta, Emil, Jann, Florian, Krenkler, Michael
• Primary Examiner(s): Brahmachari, Mandrita
• Application Number:
  US14/976,187
• Publication Number:
  US 20170177185A1
• Time in Patent Office: 1,303 Days
• 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/04845 for image manipulation, e.g. dragging, rotation, expansion or change of colour
• 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
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G09G 5/005 Adapting incoming signals to the display format of the display terminal
• CPC Class Codes: H04M 1/72469 for operating the device by selecting functions from two or more displayed items, e.g. menus or icons

Abstract

A device and a method for generating a graphical user interface on a display area involve displaying main content in an initial location on the display area. Supplemental content is assigned to a virtual extension area and include a fixed set of user interface elements. Responsive to a request to switch from the main content to the supplemental content, the main content is shifted away from the virtual extension area together with shifting the supplemental content from the virtual extension area onto the display area.

Claims

1. A processor implemented method for generating a graphical user interface on a display area of a display device, comprising:

determining a content area to be displayed in a display area of a device;

determining that the content area exceeds the display area;

assigning a second selection of the content area to one or more virtual extension areas, wherein the one or more virtual extension areas extend beyond the display area and are not displayed;

displaying a first selection of the content area in an initial location in the display area;

displaying a trigger button that indicates when there is unread content that was not previously displayed in the display area of the device available for display in the second selection of the content area corresponding to one of the virtual extension areas, wherein the trigger button corresponds to displaying at least a portion of the unread content from the one or more virtual extension areas; and

responsive to a selection of the trigger button indicating a request to scale down an original size of the content, shifting a focus of the display area from the first selection of the content area to the second selection of the content area including the unread content and scaling down the first selection of the content area, and displaying the second selection of the content area in accordance with the selection of the trigger button, wherein the shifting comprises displaying an animated camera pan from the first selection of the content area of the second selection of the content area, wherein during the shifting;

at least a first portion of the first selection of the content area remains visible, and wherein after the shifting at least a second portion of the first selection of the content area is no longer visible, and the second selection of the content area is visible.

2. The method of claim 1, wherein the first selection of the content area and the second selection of the content area are shifted simultaneously using a panning motion.

3. The method of claim 1, further comprising:

displaying, on the display area, an icon that triggers the request.

4. The method of claim 1, wherein the display area is touch-sensitive, and wherein the request is triggered by a gesture applied to the display area.

5. The method of claim 1, further comprising:

reducing a size of the first selection of the content area when the second selection of the content area is shifted onto the display area.

6. The method of claim 1, wherein the first selection of the content area is shifted such that part of the first selection of the content area is cut off by a border of the display area and a rest of the first selection of the content area remains on display.

7. The method of claim 6, wherein the shifting of the first selection of the content area is adapted to a size of the display area, such that a degree to which the first selection of the content area is cut off depends on an amount of space available for simultaneous display of the first selection of the content area and the second selection of the content area.

8. The method of claim 1, further comprising:

responsive to a request to switch back to the first selection of the content area, shifting the first selection of the content area back to the initial location on the display area together with shifting the second selection of the content area out of the display area.

9. The method of claim 8, further comprising:

reducing a size of the first selection of the content area when the second selection of the content area is shifted onto the display area; and

restoring the first selection of the content area to its original size when switching back to the first selection of the content area.

10. The method of claim 1, wherein the displaying a trigger button comprises displaying a numerical counter indicating a number of unread messages in at least one of the virtual extension areas.

11. The method of claim 10, wherein the unread messages include messages collected from a plurality of data sources including two or more of:

an e-mail server, a web forum, an instant messaging service, and a website to which a user has subscribed.

12. A computer device comprising:

a display area; and

a hardware processor that is configured to generate a graphical user interface on the display area by being configured to;

determine a content area to be displayed in a display area of a device;

determine that the content area exceeds the display area;

determine a first selection of the content area in an initial location on the display area;

assign a second selection of the content area to one or more virtual extension areas, wherein the one or more virtual extension areas extend beyond the display area and are not displayed;

display the first selection of the content area in the initial location in the display area;

display a trigger button that indicates when there is unread content that was not previously displayed in the display area of the device available for display in the second selection of the content area corresponding to one of the virtual extension areas, wherein the trigger button corresponds to displaying at least a portion of the unread content from the one or more virtual extension areas; and

responsive to a selection of the trigger button indicating a request to scale down an original size of the content, shifting a focus of the display area from the first selection of the content area to the second selection of the content area including the unread content and scaling down the first selection of the content area, and displaying the second selection of the content area in accordance with the selection of the trigger button, wherein the shifting comprises displaying an animated camera pan from the first selection of the content area of the second selection of the content area, wherein during the shifting;

at least a first portion of the first selection of the content area remains visible, and wherein after the shifting at least a second portion of the first selection of the content area is no longer visible, and the second selection of the content area is visible.

13. The computer device of claim 12, wherein the first selection of the content area and the second selection of the content area are shifted simultaneously using a panning motion.

14. The computer device of claim 12, wherein the processor is configured to reduce a size of the first selection of the content area when the second selection of the content area is shifted onto the display area.

15. The computer device of claim 12, wherein the first selection of the content area is shifted such that part of the first selection of the content area is cut off by a border of the display area and a rest of the first selection of the content area remains on display.

16. The computer device of claim 15, wherein the processor is configured to adapt the shifting of the first selection of the content area to a size of the display area, such that a degree to which the first selection of the content area is cut off depends on an amount of space available for simultaneous display of the first selection of the content area and the second selection of the content area.

17. The computer device of claim 12, wherein responsive to a request to switch back to the first selection of the content area, the processor is configured to shift the first selection of the content area back to the initial location on the display area together with shifting the second selection of the content area out of the display area.

18. The computer device of claim 17, wherein the processor is configured to:

reduce a size of the first selection of the content area when the second selection of the content area is shifted onto the display area; and

restore the main content to its original size when switching back to the first selection of the content area.

19. A system, comprising:

a memory; and

at least one processor coupled to the memory and configured to;

determine a content area to be displayed in a display area of a device;

determine that the content area exceeds the display area;

assign a second selection of the content area to one or more virtual extension areas, wherein the one or more virtual extension areas extend beyond the display area and are not displayed;

displaying a first selection of the content area in an initial location in the display area;

display a trigger button that indicates when there is unread content that was not previously displayed in the display area of the device available for display in the second selection of the content area corresponding to one of the virtual extension areas, wherein the trigger button corresponds to displaying at least a portion of the unread content from the one or more virtual extension areas; and

responsive to a selection of the trigger button indicating a request to scale down an original size of the content, shifting a focus of the display area from the first selection of the content area to the second selection of the content area including the unread content and scaling down the first selection of the content area, and displaying the second selection of the content area in accordance with the selection of the trigger button, wherein the shifting comprises displaying an animated camera pan from the first selection of the content area of the second selection of the content area, wherein during the shifting;

at least a first portion of the first selection of the content area remains visible, and wherein after the shifting at least a second portion of the first selection of the content area is no longer visible, and the second selection of the content area is visible.