Multi-dimensional boundary effects for UI scrolling feedback

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Devices with small displays, such as smartphones, face challenges in providing optimal visual information due to space limitations, often overwhelming users with excessive data that cannot fit on the screen.

Innovation Solution

Implementing multi-dimensional boundary effects, such as compression effects, to visually indicate when boundaries of user interface elements have been exceeded during scrolling, providing feedback through visual distortion to manage content display effectively.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Loss of information

If more information is provided on the display, then the visual information available to the user increases, but the display space is exceeded and the interface becomes cluttered

Engineering Contradiction:
Improvevisual informationVSAvoiddisplay space
Core Design Contradiction:
Loss of informationVSArea of stationary object

Solution Approach 1:

The patent extends the display space by utilizing multiple dimensions beyond the physical screen boundaries. Through virtual scrolling and pagination, content is arranged in additional spatial dimensions that are accessible through interaction, effectively increasing the information capacity without expanding the physical display area.

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

Solution Approach 2:

The interface implements nested navigation structures where multiple levels of content are organized within each other. Users can access nested content through scrolling and pagination mechanisms, allowing hierarchical information presentation that fits within limited display space while providing access to extensive information.

Inventive Principle:
Principle #7Nested doll (Nesting)

2Loss of information

If the display area is increased to show more content, then the visual information increases, but the device size and portability are compromised

Engineering Contradiction:
Improvecontent visibilityVSAvoiddevice size
Core Design Contradiction:
Loss of informationVSVolume of moving object

Solution Approach 1:

Instead of expanding the physical display area, the patent creates virtual expansion through multi-dimensional scrolling and pagination. Content is organized in virtual spaces that extend beyond the physical screen, allowing extensive content visibility while maintaining a compact device form factor.

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

3Ease of operation

If traditional scrolling is used to navigate content, then navigation is possible, but clear feedback about boundary conditions is not provided

Engineering Contradiction:
ImprovenavigationVSAvoidboundary feedback
Core Design Contradiction:
Ease of operationVSLoss of information

Solution Approach 1:

The patent implements visual feedback mechanisms that clearly indicate when content boundaries are reached during scrolling. Pagination indicators, scroll position markers, and boundary visual cues provide users with immediate feedback about their navigation state and available content limits, enhancing situational awareness during interaction.

Inventive Principle:
Principle #23Feedback

Data Source

PatentUS8863039B2Multi-dimensional boundary effects
Publication Date: 2014.10.14 MICROSOFT TECHNOLOGY LICENSING LLC
  • US8863039B2 patent drawing
  • US8863039B2 patent drawing
  • US8863039B2 patent drawing

AI summary

Multi-dimensional boundary effects provide visual feedback to indicate that boundaries in user interface elements (e.g., web pages, documents, images, or other elements that can be navigated in more than one dimension) have been reached or exceeded (e.g., during horizontal scrolling, vertical scrolling, diagonal scrolling, or other types of movement). A compression effect can be displayed to indicate that movement has caused one or more boundaries (e.g., a horizontal boundary and/or a vertical boundary) of a UI element to be exceeded. Exemplary compression effects include compressing content along a vertical axis when a vertical boundary has been exceeded and compressing content along a horizontal axis when a horizontal boundary has been exceeded.