Webpage Navigation Map for Handheld Devices

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional Web browsers on handheld devices face challenges in displaying full Webpages due to limited screen size, requiring users to scroll or reduce font size, and existing navigation methods may miss important details depending on algorithm accuracy.

Innovation Solution

A method that loads Webpages into portions, displays a navigation map allowing users to control which portions are visible, and embeds meta data to highlight relevant content based on user preferences, using a navigation map module that can be integrated into Web browsers.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Area of stationary object

If a Webpage is displayed on a handheld device with limited screen size, then the display area is constrained, but the user cannot view the entire Webpage content at once

Engineering Contradiction:
Improvedisplay areaVSAvoidWebpage content visibility
Core Design Contradiction:
Area of stationary objectVSLoss of information

Solution Approach 1:

The Webpage is divided into multiple portions (first portion, second portion, etc.) that can be independently displayed. The navigation map displays thumbnails representing different portions of the Webpage, allowing users to select and view specific segments without scrolling through the entire page.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent introduces a navigation map dimension that provides an overview of the entire Webpage content. This map allows users to navigate to different portions of the Webpage by selecting corresponding thumbnails, effectively adding a spatial dimension for content access beyond the limited display area.

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

2Ease of operation

If conventional scrolling methods are used to navigate Webpages on handheld devices, then users can access different portions of the Webpage, but the process is time-consuming and inefficient

Engineering Contradiction:
ImproveWebpage navigationVSAvoidnavigation time
Core Design Contradiction:
Ease of operationVSLoss of time

Solution Approach 1:

The navigation map pre-generates and displays thumbnails representing different portions of the Webpage before the user needs to navigate. This preliminary organization of content allows users to immediately see and select their desired portion without sequential scrolling through the entire page.

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent creates thumbnail copies of different Webpage portions in the navigation map. These copies serve as simplified representations that users can quickly scan and select, replacing the need for time-consuming full-page scrolling while preserving the essence of each content section.

Inventive Principle:
Principle #26Copying

3Quantity of substance

If the font size is reduced to fit more content on the display, then more Webpage content becomes visible, but the readability and user experience deteriorate

Engineering Contradiction:
Improvevisible content quantityVSAvoidreadability
Core Design Contradiction:
Quantity of substanceVSEase of operation

Solution Approach 1:

Instead of uniformly reducing font size across the entire Webpage, the patent allows each displayed portion to maintain its original formatting and quality. The navigation map provides an overview at a reduced scale, but when users select a portion, it is displayed at full quality and readability in the main view area.

Inventive Principle:
Principle #3Local quality

4Extent of automation

If existing navigation methods using algorithms are used to identify key phrases, then some navigation assistance is provided, but important details may be omitted depending on algorithm accuracy

Engineering Contradiction:
Improvenavigation assistanceVSAvoiddetail completeness
Core Design Contradiction:
Extent of automationVSLoss of information

Solution Approach 1:

The navigation map serves as an intermediary between the automated algorithm and the user. While algorithms can identify key phrases and portions, the navigation map visually presents all portions as thumbnails, allowing users to manually select content based on their own judgment, thus preventing information loss that might occur with purely automated selection.

Inventive Principle:
Principle #24Intermediary (Mediator)

Data Source

PatentUS11657113B2Facilitating navigation of a webpage on a computer device
Publication Date: 2023.05.23 INTERNATIONAL BUSINESS MACHINE CORPORATION
  • US11657113B2 patent drawing
  • US11657113B2 patent drawing
  • US11657113B2 patent drawing

AI summary

A method of Webpage navigation can include a computer device loading a Webpage having at least a first portion and a second portion, arranging the Webpage in order to present the first portion in the display area of the computer device and to place the second portion out of the display area, and presenting a navigation map corresponding to the Webpage in the display area. In response to a control command input with respect to the navigation map, the Webpage can be arranged in order to present the second portion in the display area.