Search perceived performance
The present disclosure provides a method including identifying an initial search result corresponding to a search query; concurrently displaying an animation for a context module comprising information associated with the initial search result and retrieving additional search results corresponding to the search query; and after the animation has completed, displaying information associated with the additional search results.
1. A method comprising:
by a client computing device, receiving a search query;
by the client computing device, retrieving, from a remote search backend, an initial search result corresponding to the search query;
by the client computing device, storing the initial search result in association with the search query in a local cache of the client computing device;
by the client computing device, rendering a search results page comprising a context module and a search results module, wherein the search results module is initially empty;
by the client computing device, concurrently:
displaying an animation indicating a progress of retrieving information for the search results page;
displaying the initial search result in the context module, the initial search result being accessed from the local cache; and
retrieving, from the remote search backend, additional search results corresponding to the search query, the additional search results being stored in a data store of the remote search backend; and
by the client computing device, after the animation has progressed, populating the search results module with the additional search results.
2. The method of claim 1 , wherein displaying the initial search result in the context module comprises:
initially displaying a first portion of the initial search result in the context module; and
expanding to display additional portions of the initial search result in the context module.
3. The method of claim 1 , further comprising, after the displaying of the animation is completed, displaying a progress indicator while the additional search results are retrieved.
4. The method of claim 1 , wherein each of the additional search results are retrieved serially, and wherein the method further comprises displaying a respective progress indicator for each of the additional search results as it is retrieved.
5. The method of claim 4 , wherein each respective progress indicator provides an indication of a period of time estimated for retrieving the respective additional search result.
6. The method of claim 1 , wherein search results corresponding to the search query are retrieved by a typeahead process, wherein as each additional character of the search query is received at the client computing device, the initial search result is updated and a new animation corresponding to the updated initial search result is initiated.
7. The method of claim 6 , further comprising displaying one or more suggested search queries in response to the typeahead process.
8. The method of claim 7 , wherein the suggested search queries are rendered in a drop-down menu of a user interface (UI) of the client computing device.
9. The method of claim 7 , wherein:
each suggested search query is associated with a respective initial search result; and
each suggested search query is stored with the respective initial search result in the local cache of the client computing device.
10. The method of claim 1 , wherein the initial search result comprises information from a third-party system or a trending topic of a social-networking system.
11. The method of claim 1 , wherein the initial search result comprises a title.
12. The method of claim 1 , wherein retrieving the additional search results comprises rendering one or more images of the additional search results separately from a remainder of the additional search results.
13. The method of claim 12 , further comprising:
initially rendering the images in a low-resolution; and
subsequently rendering the images in a high-resolution.
14. The method of claim 1 , wherein:
one or more placeholder graphical elements are assigned as the initial search result in response to an unsuccessful retrieval of the initial search result from the cache; and
the displaying of the initial search result in the context module comprises displaying the one or more placeholder graphical elements in the context module.
15. One or more computer-readable non-transitory storage media embodying software that is operable when executed by a processor to:
receive a search query;
retrieve, from a remote search backend, an initial search result corresponding to the search query;
store the initial search result in association with the search query in a local cache of a client computing device comprising the processor;
render a search results page comprising a context module and a search results module, wherein the search results module is initially empty;
concurrently:
display an animation indicating a progress of retrieving information for the search results page;
display the initial search result in the context module, the initial search result being accessed from the local cache; and
retrieve, from the remote search backend, additional search results corresponding to the search query, the additional search results being stored in a data store of the remote search backend; and
after the animation has progressed, populate the search results module with the additional search results.
16. The one or more computer-readable non-transitory storage media of claim 15 , wherein the software is further configured to:
initially display a first portion of the initial search result in the context module; and
expand to display additional portions of the initial search result in the context module.
17. The one or more computer-readable non-transitory storage media of claim 15 , wherein the software is further configured to, after the displaying of the animation is completed, display a progress indicator while the additional search results are retrieved.
18. The one or more computer-readable non-transitory storage media of claim 15 , wherein each of the additional search results are retrieved serially, and wherein a respective progress indicator is displayed for each of the additional search results as it is retrieved.
19. A computing device comprising: a processor; and a memory coupled to the processor comprising instructions executable by the processor, wherein the instructions are executed by the processor to:
receive a search query;
retrieve, from a remote search backend, an initial search result corresponding to a search query;
store the initial search result in association with the search query in a local cache of the computing device;
render a search results page comprising a context module and a search results module, wherein the search results module is initially empty;
concurrently:
display an animation indicating a progress of retrieving information for the search results page;
display the initial search result in the context module, the initial search result being accessed from the local cache; and
retrieve, from the remote search backend, additional search results corresponding to the search query, the additional search results being stored in a data store of the remote search backend; and
after the animation has progressed, populate the search results module with the additional search results.
20. The computing device of claim 19 , wherein the instructions are further configured to:
initially display a first portion of the initial search result in the context module; and
expand to display additional portions of the initial search result in the context module.
21. The computing device of claim 19 , wherein the software is further configured to, after the displaying of the animation is completed, display a progress indicator while the additional search results are retrieved.