Adaptive page layout utilizing block-level elements
Computer-storage media, computerized methods and systems for formatting a page layout according to form factors of a display area are provided. Initially, search results are received and dynamically converted into respective block-level elements, where each of the block-level elements is associated with a portion of content from one of the received search results. Form factors are retrieved from a graphical user interface. Typically the form factors are associated with properties of a display area initiated to present the search results. At least one adaptive template is selected according to the retrieved form factors. The portion of content of each of the block-level elements is formatted based on at least one adaptive template. Also, the adaptive template is utilized to establish content panes within the page layout, as directed by the form factors. These content panes are populated with one or more of the block-level elements.
1. A computerized method for focusing a user's attention to one of a plurality of search results presented within a display area divided into one or more content panes, the method comprising:
providing search results, wherein the search results are generated according to a query;
accessing form factors that describe attributes of the display area provided to present the search results;
dynamically converting the search results into respective block-level elements, wherein the block-level elements reveal content extracted from the received search results, respectively, and wherein converting comprises removing formatting rules imposed by original documents associated with the search results;
selecting at least one adaptive template according to the accessed form factors, wherein the at least one adaptive template is employed to provide a page layout via an application process comprising:
(a) formatting the converted content of the block-level elements as a function of the at least one adaptive template; and
(b) specifying the page layout comprising one or more content panes as a function of the at least one adaptive template;
populating the one or more content panes with the block-level elements;
recognizing that a search result of the search results is selected;
identifying a block-level element associated with the selected search result;
identifying a content pane of the one or more content panes that is populated with the identified block-level element; and
visually distinguishing the identified block-level element such that, when rendered on a graphical user interface (GUI), the identified block-level element is appears distinct from a remainder of the block-level elements populated within the identified content pane.
2. The method of claim 1 , wherein visually distinguishing comprises highlighting the identified content pane such that the identified content pane is visually distinct from a remainder of the content panes comprising the one or more content panes when rendered on the GUI.
3. The method of claim 1 , further comprising determining a format for highlighting the identified block-level element using the adaptive template.
4. The method of claim 1 , further comprising dividing the display area into the one or more content panes according to the attributes of the display area.
5. The method of claim 3 , further comprising determining a format for highlighting the identified content pane by referencing the adaptive template.
6. The method of claim 5 , further comprising rendering the identified block-level element and the identified content pane on the GUI according to the determined format for highlighting.