Presentation of rich search results in delineated areas

• US 9,286,390 B2
• Filed: 12/30/2011
• Issued: 03/15/2016
• Est. Priority Date: 12/30/2011
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Inventors: Marantz, Daniel, Regier, Keith Alan, Nagpal, Sarvesh
• Primary Examiner(s): Tran, Quoc A
• Application Number:
  US13/341,043
• Publication Number:
  US 20130174023A1
• Time in Patent Office: 1,537 Days
• Field of Search: 715/862, 715/248, 715/243
• US Class Current: 1/1
• CPC Class Codes: G06F 16/951 Indexing; Web crawling techniques
• CPC Class Codes: G06F 16/9538 Presentation of query results
• CPC Class Codes: G06F 16/9577 Optimising the visualization of content, e.g. distillation of HTML documents
• CPC Class Codes: G06F 3/038 Control and interface arrangements therefor, e.g. drivers or device-embedded control circuitry
• CPC Class Codes: G06F 3/0481 based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
• CPC Class Codes: G06F 3/04812 Interaction techniques based on cursor appearance or behaviour, e.g. being affected by the presence of displayed objects
• CPC Class Codes: G06F 3/0482 Interaction with lists of selectable items, e.g. menus
• CPC Class Codes: G06F 40/103 Formatting, i.e. changing of presentation of documents automatic justification G06F40/189; automatic line break hyphenation G06F40/191
• CPC Class Codes: G06F 40/106 Display of layout of documents; Previewing
• CPC Class Codes: G06F 40/14 Tree-structured documents parsing G06F40/205; validation G06F40/226
• CPC Class Codes: G06F 40/154 Tree transformation for tree-structured or markup documents, e.g. XSLT, XSL-FO or stylesheets
• CPC Class Codes: G06F 40/166 Editing, e.g. inserting or deleting
• CPC Class Codes: G06F 40/186 Templates
• CPC Class Codes: G06Q 10/10 Office automation; Time management

Abstract

Search results are provided with rich content in defined display areas defined via a border, background, other like graphical elements, or combinations thereof. Within the defined display area, search results content is formatted to evoke a particular theme or concept appropriate for the information identified by the search result. Additionally, within the defined display area, a graphical preview of the search result is provided in an animated manner evocative of user scrolling. Collections of search results are arranged in grids, like tiles. Search results are reviewed on a grid-by-grid basis, with small portions of prior, or subsequent, grids being displayed at the edges of the display, thereby visually indicating that further, or subsequent, grids are accessible. Alternatively, other grids can represent different types of search results. The quantity in a grid, and their size, are dynamically adjusted based on the size of the display.

Claims

1. A computing device comprising:

one or more processing units;

a display device; and

one or more computer-readable storage media comprising computer-executable instructions, which, when executed by the one or more processing units, cause the computing device to;

generate, on the display device, a defined display area for each search result in a first set of search results, the defined display area being visually distinct from other defined display areas;

align, on the display device, the defined display areas for the first set of search results into a grid comprising at least one column;

generate, on the display device, along a first edge, a visual hint of a second set of search results, the visual hint comprising a portion of defined display areas for at least some search results of the second set of search results, the portion hinting that a remaining portion of the defined display areas for the at least some search results of the second set of search results exist, undisplayed, beyond the first edge;

generate, on the display device, wholly within at least some of the defined display areas for the first set of search results, at least one of;

a preview of information that is identified by a search result of the defined display area within which the preview is generated and a formatting of content in accordance with a category of information that is identified by the search result of the defined display area within which the formatting of content is performed;

detect a user input directed to the visual hint of the second set of search results;

regenerate the defined display areas for the first set of search results so as to generate, along a second edge, opposite the first edge, a portion of defined display areas for at least some search results of the first set of search results, hinting that a remaining portion of the defined display areas for the at least some search results of the first set of search results exist, undisplayed, beyond the second edge; and

regenerate the portion of defined display areas for the at least some search results of the second set of search results, the regenerating comprising generating a defined display area for each search result in the second set of search results, the defined display areas for the search results in the second set of search results being visually distinct from all other defined display areas.

2. The computing device of claim 1, wherein at least some of the defined display areas for the first set of search results are defined by a border.

3. The computing device of claim 1, wherein at least some of the defined display areas for the first set of search results are defined by a background color of the defined display areas, each defined display area for the first set of search results having a different background color than adjacent defined display areas.

4. The computing device of claim 1, wherein the computer-executable instructions that cause the computing device to align the defined display areas for the first set of search results into the grid comprising at least one column, comprise computer-executable instructions, which, when executed by the one or more processing units, cause the computing device to align the defined display areas for the first set of search results into a grid comprising a dynamic number of columns dependent upon a smaller of:

a size of the display device of the computing device or a window, displayed on a portion of the display device, that is associated with the computer-executable instructions.

5. The computing device of claim 1, wherein the user input directed to the visual hint of the second set of search results is

a user swipe from the first edge along which the portion of the defined display areas for the second set of search results are displayed and towards the a second edge, opposite the first edge.

6. The computing device of claim 1, wherein the second set of search results are search results identifying a different type of information than the first set of search results.

7. The computing device of claim 1, wherein the computer-readable storage media comprise further computer-executable instructions, which, when executed by the one or more processing units, cause the computing device to:

generate, on the display device, along the second edge opposite the first edge, a second visual hint of a third set of search results, the second visual hint comprising a portion of defined display areas for at least some search results of the third set of search results, hinting that a remaining portion of the defined display areas exist, undisplayed, beyond the second edge.

8. The computing device of claim 1, wherein the computer-executable instructions that cause the computing device to generate the preview of information that is identified by a search result, comprise computer-executable instructions, which, when executed by the one or more processing units, cause the computing device to animate the preview of the information by sequentially displaying a succeedingly subsequent portion of the preview of the information.

9. The computing device of claim 1, wherein the computer-executable instructions that cause the computing device to generate the formatting of the content, comprise computer-executable instructions, which, when executed by the one or more processing units, cause the computing device to format the content to resemble a business card if the information that is identified by the search result of the defined display area within which the formatting of content is performed is information about a person or business.

10. A graphical user interface physically generated on a physical display device by a computing device for providing a user with rich content search results, the graphical user interface comprising:

multiple defined display areas, one for each search result in a first set of search results, the defined display areas being visually distinct from one another and being arranged in a column;

at least one of;

a preview of information, wholly displayed within one of the multiple defined display areas for the first set of search results, that is identified by a search result of the one defined display area within which the preview is displayed and a formatting of content, wholly displayed within one of the defined display areas for the first set of search results, in accordance with a category of information that is identified by the search result of the one defined display area within which the formatting of content is displayed; and

a visual hint of a second set of search results, the visual hint comprising portions of defined display areas, arranged along a first edge, for at least some search results of the second set of search results, the portions hinting that corresponding remaining portions of the defined display areas for the at least some search results of the second set of search results exist, undisplayed, beyond the first edge;

wherein, in response to user input directed to the visual hint of the second set of search results;

the multiple defined display areas are changed such that the graphical user interface comprises a portion of defined display areas for at least some search results of the first set of search results are shown along a second edge opposite the first edge, the portion of the defined display areas hinting that a remaining portion of the defined display areas for the at least some search results of the first set of search results exist, undisplayed, beyond the second edge; and

the portion of defined display areas for the at least some search results of the second set of search results are changed such that the graphical user interface comprises a defined display area for each search result in the second set of search results, the defined display areas for the search results in the second set of search results being visually distinct from all other defined display areas.

11. The graphical user interface of claim 10, further comprising a border around at least some of the multiple defined display areas for the first set of search results.

12. The graphical user interface of claim 10, further comprising background colors in at least some of the multiple defined display areas for the first set of search results that are different from background colors of adjacent defined display areas.

13. The graphical user interface of claim 10, further comprising a second visual hint of a third set of search results, the second visual hint comprising portions of defined display areas, arranged along the second edge, for at least some search results of the third set of search results, hinting that corresponding remaining portions of the defined display areas for the at least some search results of the third set of search results exist, undisplayed, beyond the second edge.

14. The graphical user interface of claim 10, further comprising an animated preview of the information, the animated preview comprising sequentially displayed succeedingly subsequent portions of the preview of the information.

15. The graphical user interface of claim 10, wherein the formatting of the content resembles a business card if the information that is identified by the search result of the defined display area within which the formatting of content is displayed is information about a person or business.

16. A method of generating a presentation of rich content search results, the method comprising the steps of:

generating, on a display device of a computing device, a defined display area for each search result in a first set of search results, the defined display area being visually distinct from other defined display areas;

aligning, on the display device of the computing device, the defined display areas for the first set of search results into a grid comprising at least one column;

generating, on the display device of the computing device, along a first edge, a visual hint of a second set of search results, the visual hint comprising a portion of the defined display areas for at least some search results of the second set of search results, the portion hinting that a remaining portion of the defined display areas for the at least some search results of the second set of search results exists, undisplayed, beyond the first edge;

generating, on the display device of the computing device, wholly within at least some of the defined display areas for the first set of search results, at least one of;

a preview of information that is identified by a search result of the defined display area within which the preview is generated and a formatting of content in accordance with a category of information that is identified by the search result of the defined display area within which the formatting of content is performed;

detecting a user input directed to the visual hint of the second set of search results;

regenerating the defined display areas for the first set of search results so as to generate, along a second edge, opposite the first edge, a portion of defined display areas for at least some search results of the first set of search results, the regenerated portion of the defined display areas hinting that a remaining portion of the defined display areas for the at least some search results of the first set of search results exist, undisplayed, beyond the second edge; and

regenerating the portion of defined display areas for the at least some search results of the second set of search results, the regenerating comprising generating a defined display area for each search result in the second set of search results, the defined display areas for the search results in the second set of search results being visually distinct from all other defined display areas.

17. The method of claim 16, wherein the aligning the defined display areas for the first set of search results into the grid comprising at least one column comprises aligning the defined display areas for the first set of search results into a grid comprising a dynamic number of columns dependent upon a smaller of:

a size of the display device of the computing device or a window, displayed on a portion of the display device, in which the grid is displayed.

18. The method of claim 16, wherein the user input directed to the visual hint of the second set of search results is

a user swipe from the first edge along which the portion of the defined display areas for the second set of search results are displayed and towards the a second edge, opposite the first edge.

19. The method of claim 16, wherein the generating the preview of information that is identified by a search result comprises animating the preview of the information by sequentially displaying a succeedingly subsequent portion of the preview of the information.

20. The method of claim 16, wherein the generating the formatting of the content comprises formatting the content to resemble a business card if the information that is identified by the search result of the defined display area within which the formatting of content is performed is information about a person or business.