Stackable Pagination Indicators for Small Screen Navigation

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing user interfaces with touch-sensitive displays face challenges in efficiently navigating multiple pages or segments, particularly in small form factor devices, where users need to quickly access frequently used applications without scrolling through numerous pages.

Innovation Solution

A device presents user interface segment indicators in various configurations, such as stacked concentric rings or discs, which can be viewed from different angles, allowing users to visually distinguish the active segment through highlighting, and enables swiping gestures to change the active page while maintaining a constant dock section for quick access to frequently used applications.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If traditional linear pagination indicators are used, then the interface is simple to implement, but the visual clarity and ease of identifying the active page deteriorates on small screens

Engineering Contradiction:
Improveease of identifying active pageVSAvoidscreen real estate
Core Design Contradiction:
Ease of operationVSArea of stationary object

Solution Approach 1:

The patent transforms the traditional linear pagination indicator into a three-dimensional stacked configuration. Multiple circular indicators are arranged in vertical layers, creating a depth dimension that allows more pages to be displayed simultaneously. This spatial transformation enables users to visually distinguish the active page through its position in the stack (e.g., highlighted or elevated position) while accommodating more pagination indicators within the limited screen area of mobile devices.

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

2Loss of information

If more pagination indicators are displayed to represent more pages, then the navigation context is improved, but the device complexity and interface clutter increases

Engineering Contradiction:
Improvenavigation contextVSAvoidinterface complexity
Core Design Contradiction:
Loss of informationVSDevice complexity

Solution Approach 1:

The patent implements a nested arrangement where circular pagination indicators are stacked concentrically, with smaller circles nested within or adjacent to larger ones in a vertical stack. This nesting strategy allows multiple pagination indicators to occupy a compact visual space while maintaining their individual identity. The hierarchical stacking provides clear navigation context showing the user's position among multiple pages without creating interface clutter, as the nested structure naturally organizes the indicators in a visually cohesive manner.

Inventive Principle:
Principle #7Nested doll (Nesting)

Data Source

PatentUS10133454B2Stackable pagination indicators
Publication Date: 2018.11.20 APPLE INC
  • US10133454B2 patent drawing
  • US10133454B2 patent drawing
  • US10133454B2 patent drawing

AI summary

Instead of displaying interface elements such as pagination indicators side-by-side on a display, a device can present such interface elements in other visible configurations relative to each other. For example, the device can display pagination indicators of different sizes stacked on top of each other. When such stacked pagination indicators are presented as viewed from directly overhead, the pagination indicators can be appear as concentric rings. Alternatively, the device can display such stacked pagination indicators from various different non-overhead angle perspectives. When shown at some of these angles, the stacked pagination indicators can appear as a three-dimensional stack of discs. The device can highlight a particular pagination indicator to distinguish that particular pagination indicator visibly from the other pagination indicators. The highlighted pagination indicator can serve to indicate which of several interface segments, such as pages, is currently being shown on the display.