IP Library Granted Patent US 9,778,821
Granted Patent B2
US 9,778,821 · App. 14/735,749 · Granted Oct 3, 2017

Methods and systems for managing a graphical interface

Inventors: Andrew Robert Blackman (Surrey, GB); Alaa Abdulkhaleq Saeed (London, GB); David Niall O'Byrne (London, GB); Javier Anthony Diaz (London, GB)
Assignee: Citibank, N.A.
G06F3/0482G06F3/04817G06F3/04842G06T13/80
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 9,778,821
App. No.
14/735,749
Granted
Oct 3, 2017
Kind
B2
Abstract

Methods and systems for managing a graphical user interface involve, for example, one or more processors displaying on a display screen a visualization of a hub element defined in part by an arc-shaped boundary portion and defining a badge element within the visualization of the hub element. Thereafter, a radial menu element may be animated by the one or more processors for rotation to a position adjacent and extending radially from the arc-shaped boundary portion of the hub element and defined in part by an arc-shaped boundary portion of the radial menu element spaced apart from the arc-shaped boundary portion of the hub element.

Claims (33)

1. A method for managing a graphical user interface, comprising:

displaying, by one or more processors, on a first display screen, a visualization of a widget application hub element defined in part by at least one arc-shaped boundary portion of said hub element, said hub element occupying an area on the first display screen that is not greater than 5 percent of a total area of the display screen;

defining, by the one or more processors, a badge element within said visualization of the hub element;

animating, by the one or more processors, rotation of a first radial menu element having a leading edge moving from a position aligned with a first edge of the first display screen in an arcuate path along said at least one arc-shaped boundary portion of said hub element to a position adjacent and extending radially from said at least one arc-shaped boundary portion of the hub element and said first radial menu element being defined in part by said leading edge and by at least one arc-shaped boundary portion of said first radial menu element spaced apart from said at least one arc-shaped boundary portion of the hub element;

animating, by the one or more processors, rotation of a second radial menu element having a leading edge moving from a position aligned with said first edge of the display screen in an arcuate path along said at least one arc-shaped boundary portion of said first radial menu element spaced apart from said at least one arc-shaped boundary portion of the hub element to a position adjacent and extending radially from said at least one arc-shaped boundary portion of the first radial menu element spaced apart from said at least one arc-shaped boundary portion of the hub element and defined in part by at least one arc-shaped boundary portion of the second radial menu element spaced apart from said at least one arc-shaped boundary portion of the first radial menu element;

launching, by the one or more processors, at least one entity platform application from at least one of said radial menu elements;

wherein displaying the visualization of the hub element defined in part by said at least one arc-shaped boundary portion of said hub element further comprises displaying a visualization of a semi-circular shaped hub element;

wherein defining the badge element within said visualization of the hub element further comprises defining an alert notification badge element within said visualization of the hub element; and

wherein defining said alert notification badge element within the visualization of the hub element further comprises displaying a numeric indicator of a number of received alert notifications within said alert notification badge element.

2. The method of claim 1 , wherein displaying the visualization of the hub element further comprises displaying the hub element in a first position with at least a second boundary portion of said hub element aligned to a first edge of the first display screen.

3. The method of claim 2 , wherein displaying the visualization of the hub element further comprises repositioning the hub element from said first position with said at least the second boundary portion of the hub element aligned to the first edge of the first display screen to a second position with said at least the second boundary portion of the hub element aligned to a second edge of the first display screen.

4. The method of claim 1 , wherein displaying the visualization of the hub element further comprises repositioning the hub element from the first display screen to a second display screen.

5. The method of claim 4 , wherein repositioning the hub element from the first display screen to the second display screen further comprises repositioning the hub element from the first display screen to the second display screen responsive to a corresponding repositioning of a focus of a user input device from the first display screen to the second display screen.

6. The method of claim 1 , wherein defining said alert notification badge element within the visualization of the hub element further comprises resizing said hub element in proportion to a pre-defined level of urgency of at least one received alert notification.

7. The method of claim 6 , wherein animating rotation of the first radial menu element further comprises animating rotation of the first radial menu element displaying at least one first radial menu element menu item.

8. The method of claim 6 , wherein animating rotation of the first radial menu element further comprises animating rotation of the first radial menu element displaying a plurality of first radial menu element menu items.

9. The method of claim 6 , wherein animating rotation of the first radial menu element further comprises animating rotation of the first radial menu element displaying a first radial menu element information item.

10. The method of claim 6 , wherein animating rotation of the first radial menu element further comprises animating rotation of the first radial menu element displaying a first radial menu element action item.

11. The method of claim 1 , wherein animating rotation of the first radial menu element further comprises animating rotation of the first radial menu element to the position adjacent and extending radially from said arc-shaped boundary portion of the hub element responsive to a user input device hover over said hub element.

12. The method of claim 1 , wherein animating rotation of the second radial menu element further comprises animating rotation of the second radial menu element to a position adjacent and extending radially from said at least one arc-shaped boundary portion of the first radial menu element responsive to a user input device hover over a first radial menu item displayed on the first radial menu element.

13. The method of claim 1 , wherein animating rotation of the second radial menu element further comprises animating rotation of the second radial menu element displaying a plurality of second radial menu element menu items.

14. The method of claim 1 , wherein animating rotation of the second radial menu element further comprises animating rotation of the second radial menu element displaying a second radial element menu element information item.

15. The method of claim 1 , wherein animating rotation of the second radial menu element further comprises animating rotation of the second radial menu element displaying a second radial element menu element action item.

16. A system for managing a graphical user interface, comprising:

a processor coupled to memory, the processor being programmed for:

displaying, on a first display screen, a visualization of a widget application hub element defined in part by at least one arc-shaped boundary portion of said hub element, said hub element occupying an area on the first display screen that is not greater than 5 percent of a total area of the display screen;

defining a badge element within said visualization of the hub element; and

animating rotation of a first radial menu element having a leading edge moving from a position aligned with a first edge of the first display screen in an arcuate path along said at least one arc-shaped boundary portion of said hub element to a position adjacent and extending radially from said at least one arc shaped boundary portion of the hub element and said first radial menu element being defined in part by said leading edge and by at least one arc-shaped boundary portion of said first radial menu element spaced apart from said at least one arc-shaped boundary portion of the hub element;

animating rotation of a second radial menu element having a leading edge moving from a position aligned with said first edge of the display screen in an arcuate path along said at least one arc-shaped boundary portion of said first radial menu element spaced apart from said at least one arc-shaped boundary portion of the hub element to a position adjacent and extending radially from said at least one arc-shaped boundary portion of the first radial menu element spaced apart from said at least one arc-shaped boundary portion of the hub element and defined in part by at least one arc-shaped boundary portion of the second radial menu element spaced apart from said at least one arc-shaped boundary portion of the first radial menu element;

launching, by the one or more processors, at least one entity platform application from at least one of said radial menu elements;

wherein displaying the visualization of the hub element defined in part by said at least one arc-shaped boundary portion of said hub element further comprises displaying a visualization of a semi-circular shaped hub element;

wherein defining the badge element within said visualization of the hub element further comprises defining an alert notification badge element within said visualization of the hub element; and

wherein defining said alert notification badge element within the visualization of the hub element further comprises displaying a numeric indicator of a number of received alert notifications within said alert notification badge element.

Assignments (1)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Jun 10, 2015
From: BLACKMAN, ANDREW ROBERT; SAEED, ALAA ABDULKHALEQ; O'BYRNE, DAVID NIALL; DIAZ, JAVIER ANTHONY
To: CITIBANK, N.A.
Reel/Frame 035818/0081 →
Continuity (1)
Related Publication 20160364089A1 · Dec 15, 2016