REUSABLE USER INTERFACE CONTROL AND RANKING CIRCLE

1 . A method, the method comprising:

retrieving state information and progress information for one or more key performance indicators;

displaying a page with one or more ranking circles on a display, each ranking circle including state information and progress information of a key performance indicator;

receiving a user input at the portable electronic device indicating that the user is selecting one of the ranking circles displayed on the page; and

in response to selecting one of the ranking circles, displaying additional key performance indicator information or controls for the selected ranking circle.

2 . The method according to claim 1 , wherein state information of a key performance indicator is displayed within an inner circle of a ranking circle.

3 . The method according to claim 1 , wherein progress information of a key performance indicator is superimposed as an arc along a perimeter of an inner circle of a ranking circle.

4 . The method according to claim 1 , wherein configuration information of at least one of the ranking circles is modified.

5 . The method according to claim 2 , wherein at least one updated ranking circle is displayed based on the modified configuration information.

6 . The method of claim 1 , wherein the color of an inner circle of a ranking circle is dependent upon state information.

7 . The method of claim 1 , wherein the page is modified to display ranking circles for different key performance indicators.

8 . A non-transitory computer readable storage medium storing one or more programs configured to be executed by a processor, the one or more programs comprising instructions for:

retrieving state information and progress information for one or more key performance indicators;

displaying a page with one or more ranking circles on a display, each ranking circle including state information and progress information of a key performance indicator;

receiving a user input at the portable electronic device indicating that the user is selecting one of the ranking circles displayed on the page; and

in response to selecting one of the ranking circles, displaying additional key performance indicator information or controls for the selected ranking circle.

9 . The computer readable storage medium of claim 8 , wherein state information of a key performance indicator is displayed within an inner circle of a ranking circle.

10 . The computer readable storage medium of claim 8 , wherein progress information of a key performance indicator is superimposed as an arc along a perimeter of an inner circle of a ranking circle.

11 . The computer readable storage medium of claim 8 , wherein configuration information of at least one of the ranking circles is modified.

12 . The computer readable storage medium of claim 11 , wherein at least one updated ranking circle is displayed based on the modified configuration information.

13 . The computer readable storage medium of claim 8 , wherein the color of an inner circle of a ranking circle is dependent upon state information.

14 . The computer readable storage medium of claim 8 , wherein the page is modified to display ranking circles for different key performance indicators.

15 . A portable electronic device comprising:

one or more process; and

memory storing one or more programs for execution by the one or more process, the one or more programs including instructions for:

retrieving state information and progress information for one or more key performance indicators;

displaying a page with one or more ranking circles on a display, each ranking circle including state information and progress information of a key performance indicator;

receiving a user input at the portable electronic device indicating that the user is selecting one of the ranking circles displayed on the page; and

in response to selecting one of the ranking circles, displaying additional key performance indicator information or controls for the selected ranking circle.

16 . The portable electronic device according to claim 15 , wherein state information of a key performance indicator is displayed within an inner circle of a ranking circle.

17 . The portable electronic device according to claim 15 , wherein progress information of a key performance indicator is superimposed as an arc along a perimeter of an inner circle of a ranking circle.

18 . The portable electronic device according to claim 15 , wherein configuration information of at least one of the ranking circles is modified.

19 . The portable electronic device according to claim 18 , wherein at least one updated ranking circle is displayed based on the modified configuration information.

20 . The portable electronic device according to claim 15 , wherein the color of an inner circle of a ranking circle is dependent upon state information.

21 . The portable electronic device according to claim 15 , wherein the page is modified to display ranking circles for different key performance indicators.

22 . A portable electronic device comprising:

a mobile communication handler adapted to retrieve state information and progress information for one or more key performance indicators;

a visualization module adapted to generate one or more ranking circles on a display, each ranking circle including state information and progress information of a key performance indicator; and

a user interface adapted to receive a user input at a touchscreen of the portable electronic device, the user input indicating that the user is selecting one of the ranking circles displayed on the page, and

wherein, in response to selecting one of the ranking circles, the additional key performance indicator information or controls for the selected ranking circle is displayed.