Search Result Page Layout with Dynamic Image-Text Stacking
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Search engine results pages (SERPs) do not effectively guide users' attention to process information efficiently, as users instinctively scan top-to-bottom but often focus on images before text, leading to suboptimal information retrieval.
Innovation Solution
The SERP is designed with an image region at the top providing contextual information for multiple search results, followed by a text region at the bottom, allowing users to derive insights quickly, and switching to a second mode where the image is locked at the top, providing context for a single search result, facilitating efficient information processing with minimal eye movements.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If the SERP displays text results in the traditional top-to-bottom order, then the information is presented in a structured manner, but users must make more eye movements to efficiently process both images and text
Solution Approach 1:
The patent reorganizes the traditional linear top-to-bottom text-only layout by introducing a vertical stacking dimension where images are positioned above their corresponding text results. This dimensional change allows users to naturally scan images first (top of page) then immediately view related text (below images), reducing horizontal eye movements and improving information processing efficiency without altering the chronological order of results.
2Ease of operation
If the SERP places images at the top for each search result, then users can quickly derive insights from visual information, but the page layout becomes more complex and consumes more display space
Solution Approach 1:
The patent segments each search result into distinct visual components: an image region positioned above a text region. This segmentation allows the layout to systematically alternate between image-heavy and text-heavy sections, creating a predictable pattern that reduces overall layout complexity while maximizing visual information delivery. Each result unit is self-contained with clear visual hierarchy.
Solution Approach 2:
The patent implements dynamic layout adjustment where the SERP automatically adapts the image-text stacking arrangement based on available display space and user interaction patterns. When space is limited, the layout dynamically consolidates elements; when space is abundant, it expands the visual hierarchy. This dynamic responsiveness simplifies the fixed layout structure while maintaining ease of visual processing.
3Loss of information
If the SERP displays detailed text for each search result, then users obtain comprehensive information, but the page becomes longer and requires more scrolling
Solution Approach 1:
The patent extracts the most visually informative elements (images) and positions them at the top of each result unit, allowing users to quickly assess relevance without immediately reading detailed text. This extraction reduces the perceived page length by providing key information visually, while the complete text remains available below for users who need comprehensive details, thus maintaining information completeness while reducing effective scrolling requirements.
Data Source
AI summary
Methods, systems, and apparatus, including computer programs encoded on a computer storage medium, for presenting search results. In one aspect, a method includes displaying a search engine results page in a first presentation mode or a second presentation mode, wherein, in the first presentation mode and the second presentation mode, the search engine results page includes (i) a text region that displays textual information relating to one or more search results that are responsive to a search query and (ii) an image region, wherein, in the first presentation mode, the image region displays contextual information relating to two or more of the search results that are responsive to the search query, and wherein, in the second presentation mode, the image region displays contextual information relating to a single search result that is responsive to the search query; and receiving a user input, then switching the search engine results page between the first presentation mode and the second presentation mode.