On-screen user-interface graphic

• US 8,407,590 B1
• Filed: 02/12/2010
• Issued: 03/26/2013
• Est. Priority Date: 02/15/2009
• Status: Expired due to Fees

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google Inc. (Alphabet Inc.)
• Inventors: Yeung, Bryan, Phillips, Derek Jason, Nicolaou, Alex, Shamis, Zhanna, Kroeger, Robert John, Sheth, Shyam
• Primary Examiner(s): HUYNH, CONG LAC T
• Application Number:
  US12/705,452
• Time in Patent Office: 1,138 Days
• Field of Search: 715/273, 715/786, 715/787, 715/864
• US Class Current: 715/273
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents

Abstract

Systems and methods to provide a user-interface graphic are implemented on a client system having one or more processors and memory to store programs. The method includes, while executing a browser application on the client system, displaying a page on a display of the client system; displaying the user-interface graphic over the page at a first position relative to the page. The method further includes receiving a request to scroll the page, responding to the request by scrolling the page, and in response to detecting an end of the scrolling, displaying the user-interface graphic at a second position relative to the page.

Claims

1. A computer-implemented method comprising:

receiving a webpage, the webpage associated with a plurality of contexts;

receiving a request to view the webpage in a first of the plurality of contexts;

in response to receiving the request to view the webpage in the first of the plurality of contexts, editing at least one property of the webpage to include a first version of a user-interface graphic and displaying the first version of the user-interface graphic over the webpage at a first position relative to the webpage;

receiving a request to view the webpage in a second of the plurality of contexts;

updating the at least one property of the webpage to include a second version of the user-interface graphic on the webpage and displaying the second version of the user-interface graphic on the webpage at the first position relative to the webpage;

receiving a request to scroll from an input of the client system;

in response to the request to scroll, scrolling the webpage; and

in response to detecting an end of the scrolling;

displaying the second version of the user-interface graphic at a second position relative to the webpage.

2. The method of claim 1, wherein the first position relative to the webpage corresponds to a default position within a display.

3. The method of claim 2, wherein the default position is defined in a style sheet associated with the webpage.

4. The method of claim 1, wherein the scrolling is in accordance to a native scrolling mode of the client system.

5. The method of claim 1, further including, while scrolling the webpage, maintaining the second version of the user-interface graphic at the first position relative to the webpage.

6. The method of claim 1, further including, while scrolling the webpage, eliding the second version of the user-interface graphic.

7. The method of claim 1, further comprising:

receiving, by the client system, a trigger event native to the client system; and

in response to the trigger event, displaying, by the client system, the user-interface graphic over the webpage at the first position relative to the webpage.

8. The method of claim 1, wherein displaying the second version of the user-interface graphic over the webpage at the second position relative to the webpage includes animating, by the client system, a movement of the user-interface graphic from the first position relative to the webpage to the second position relative to the webpage.

9. The method of claim 1, wherein the client system is a mobile device.

10. The method of claim 1, further comprising:

receiving, by the client system, information from a server; and

creating, by the client system and based at least in part on the information received from the server, the user-interface graphic.

11. The method of claim 1, wherein the user-interface graphic adds functionality to the webpage.

12. The method of claim 1, wherein the webpage has a style sheet and displaying the second version of the user-interface graphic at the second position relative to the webpage comprises updating, by the client system, the style sheet.

13. The method of claim 1, wherein the webpage is associated with an online application having the plurality of contexts, wherein the webpage has a style sheet, and the method further includes:

in response to receiving the request to view the webpage in the first of the plurality of contexts, setting, by the client system, a predefined group of characteristics in the style sheet so as to generate the first version of the user-interface graphic; and

in response to receiving the request to view the webpage in the second of the plurality of contexts, setting, by the client system, the predefined group of characteristics in the style sheet so as to generate the second version of the user-interface graphic.

14. The method of claim 1, wherein the user-interface graphic is selected from a group consisting of a toolbar, a calendar, a keyboard and a color palette.

15. The method of claim 1, wherein the webpage includes an on-screen portion and an offscreen portion.

16. The method of claim 1, wherein the webpage includes a style sheet.

17. The method of claim 1, wherein the first position is defined in the style sheet.

18. The method of claim 1, wherein the second position is at a location different than the first position and wherein displaying the second version of the user-interface graphic includes moving, by the client system, the user-interface graphic from the first position relative to the webpage to the second position relative to the webpage in accordance with an animated transition defined in the style sheet.

19. A computer system comprising:

memory; and

one or more processors that execute one or more programs stored in the memory, execution of the one or more programs causing the computer system to;

edit, in response to receiving a request to view a webpage in a first of a plurality of contexts associated with the webpage, at least one property of the webpage such that a first version of a user-interface graphic is displayed over the webpage at a first position relative to the webpage;

in response to receiving a request to view the webpage in a second of the plurality of contexts associated with the webpage, updated the at least one property of the webpage such that the webpage includes a second version of the user-interface graphic at the first position relative to the webpage;

in response to receiving a scroll request, scroll the webpage; and

in response to detecting an end of the scrolling, display the second version of the user-interface graphic over the webpage at a second position relative to the webpage.

20. A computer-readable storage medium storing one or more programs that, when executed by one or more processors of a computer system, cause the computer system to:

display a webpage within a browser window on a display of the computer system;

edit, in response to receiving a request to view the webpage in a first of a plurality of contexts associated with the webpage, at least one property of the webpage such that a first version of a user-interface graphic is displayed over the webpage at a first position relative to the webpage;

in response to receiving a request to view the webpage in a second of the plurality of contexts associated with the webpage, update the at least one property of the webpage such that the webpage includes a second version of the user-interface graphic at the first position relative to the webpage;

in response to receiving a scroll request, scroll the webpage; and

in response to detecting an end of the scrolling, display the second version of the user-interface graphic over the webpage at a second position relative to the webpage.