Web Page Sub-object Segmentation for Small Display Readability

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current methods for displaying large multimedia content, such as web pages and 3D objects, on small devices like PDAs and mobile phones result in uncomfortable user experiences due to excessive scrolling, loss of structural overview, and difficulty in reading text, as they are not optimized for smaller displays.

Innovation Solution

The method involves dividing large objects into sub-objects, presenting them in a reduced first representation, and allowing users to select active sub-objects for viewing in a larger second representation, optimizing content for smaller displays through scaling, cropping, and iconization, while preserving the object's structure and layout.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Area of moving object

If web pages are rendered to fit the width of the display, then the display width is utilized efficiently, but the pages become very tall requiring excessive vertical scrolling

Engineering Contradiction:
Improvedisplay width utilizationVSAvoidvertical scrolling effort
Core Design Contradiction:
Area of moving objectVSEase of operation

Solution Approach 1:

The patent divides the web page into multiple sub-objects (e.g., tables, forms, images, text blocks) that can be independently managed. Each sub-object can be selectively displayed or hidden, allowing the system to present only relevant content on the limited display area without requiring excessive scrolling through the entire page.

Inventive Principle:
Principle #1Segmentation

2Adaptability or versatility

If web pages are rendered to fit the display width, then the layout is adapted to the small screen, but the structure of the web page is not preserved well

Engineering Contradiction:
Improvedisplay format adaptationVSAvoidweb page structure preservation
Core Design Contradiction:
Adaptability or versatilityVSStability of the object's composition

Solution Approach 1:

By segmenting the web page into distinct sub-objects with preserved structural relationships, the patent maintains the original page structure while adapting the presentation. The hierarchical organization of sub-objects allows the system to respect the logical structure of the page while displaying only relevant portions on the small screen.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent introduces a third dimension of organization by creating a hierarchical structure with parent-subobject relationships. This allows the system to navigate the page structure through multiple levels of detail, preserving the original layout while adapting the visual presentation for the small display.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

3Stability of the object's composition

If the web page is displayed in original layout mode, then the structure and layout are preserved, but a lot of panning and zooming is needed to explore the content

Engineering Contradiction:
Improveoriginal layout preservationVSAvoidpanning and zooming effort
Core Design Contradiction:
Stability of the object's compositionVSEase of operation

Solution Approach 1:

The patent segments the web page content into manageable sub-objects that can be selectively accessed. Instead of requiring the user to pan and zoom through the entire original layout, the system allows direct access to specific sub-objects through the hierarchical structure, reducing the exploration effort while maintaining structural integrity.

Inventive Principle:
Principle #1Segmentation

4Quantity of substance

If text paragraphs are displayed in original layout mode, then the complete text is visible, but the paragraphs are wider than the display width making them difficult to read

Engineering Contradiction:
Improvetext content visibilityVSAvoidreadability
Core Design Contradiction:
Quantity of substanceVSEase of operation

Solution Approach 1:

The patent segments text content into manageable portions through the sub-object structure. Text can be divided into logical sections that fit within the display width, allowing complete text visibility while maintaining readability. The hierarchical structure enables selective display of text portions that are optimized for the display dimensions.

Inventive Principle:
Principle #1Segmentation

Data Source

PatentUS8302029B2Presentation of large objects on small displays
Publication Date: 2012.10.30 III HOLDINGS 3 LLC
  • US8302029B2 patent drawing
  • US8302029B2 patent drawing
  • US8302029B2 patent drawing

AI summary

A method for presenting at least a part of an object is shown, including at least partially dividing at least one object into a plurality of sub-objects, presenting the plurality of sub-objects in a first representation, making at least one sub-object of the plurality of sub-objects an active sub-object, and in response to a user operation on the at least one active sub-object, presenting at least one of the at least one active sub-objects in a second representation. The at least one object may be a 2D object, e.g. a Hypertext Markup Language HTML page or a page of a text document, or a 3D object, e.g. a Virtual Reality Markup Language VRML object, and the display may be integrated in a portable electronic device. A device, a system, a computer program and a computer program product for performing such methods are also provided.