Dynamic Virtual Button Pagination for Mobile Accessibility
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Pagination design patterns on mobile devices are inaccessible due to the physical layout of graphical elements, particularly on larger devices and when changing orientations, making it difficult for users to reach certain elements without altering their device handling or using two hands.
Innovation Solution
Generating a pagination design pattern as virtual buttons that move along the periphery of the display screen, allowing users to access all graphical elements without altering the physical layout or obstructing the content, and dynamically adjusting the movement rate based on user identity.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If pagination graphical elements are placed in standard positions on the web page, then the layout is simple and content is preserved, but accessibility is poor for users on mobile devices
Solution Approach 1:
The patent applies dynamics by making the pagination graphical elements movable rather than static. The elements are rendered outside the web page content area and can be repositioned dynamically based on user interactions, device orientation, and accessibility needs, resolving the contradiction between simple layout and ease of operation
Solution Approach 2:
The patent moves pagination elements from the traditional two-dimensional web page layout into a third spatial dimension by rendering them outside the page content area. This allows elements to be positioned in accessible locations without obstructing content, improving accessibility while maintaining layout simplicity
2Ease of operation
If pagination elements are moved to improve accessibility, then ease of operation improves, but the physical layout changes and may obstruct content
Solution Approach 1:
The patent segments the pagination interface from the web page content by rendering graphical elements outside the page content area. This separation allows independent positioning and movement of pagination elements without affecting or obstructing the content display
Solution Approach 2:
The patent introduces an intermediary rendering layer that handles pagination elements separately from the web page content. This intermediary system manages the positioning and accessibility of pagination elements without directly interfering with the content layout
3Ease of operation
If virtual buttons move along the periphery of the display screen, then accessibility improves for single-handed operation, but the system complexity increases
Solution Approach 1:
The patent applies self-service by enabling the virtual pagination buttons to automatically move along the periphery and adapt to user needs without requiring complex manual repositioning or configuration. The system autonomously manages accessibility optimization
Solution Approach 2:
The patent creates a universal pagination interface that adapts to different user scenarios (single-handed operation, different device orientations, various screen sizes) through a single flexible system, reducing the need for multiple specialized interfaces
Data Source
AI summary
A computer-implemented method for graphical user interface element accessibility is disclosed. The computer-implemented method includes generating a graphical user interface element rendered on a web page as a virtual button displayed on a display screen of a device. The virtual button is not rendered on the webpage and includes an invocable function mapped to the graphical user interface element. The computer-implemented method further includes moving the virtual button along a periphery of the display screen of the device. A rate at which the virtual button moves along the periphery of the display screen of the device is dynamically modified based on a detected identity of a user of the device.