Animated Data Visualization Transitions on Touch Interfaces
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing data visualization systems on portable devices face challenges in providing user-friendly interfaces for manipulating data due to smaller screens and limited input devices, leading to complex menu systems that increase cognitive burden and reduce efficiency.
Innovation Solution
The development of intuitive user interfaces that allow users to interact with data visualizations through simple touch inputs on touch-sensitive displays, eliminating the need for nested menu systems by enabling gestures such as taps, swipes, and finger movements to filter and manipulate data visualizations.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If traditional menu systems are used to manipulate data visualizations on portable devices, then data manipulation functionality is provided, but user interface complexity and cognitive burden increase
Solution Approach 1:
The patent replaces traditional mechanical menu navigation systems with direct touch gestures on the display surface. Users interact with data visualizations by tapping, swiping, or pinching directly on the visual elements themselves, eliminating the need for separate menu layers and reducing cognitive burden while maintaining full data manipulation functionality
Solution Approach 2:
The patent introduces gesture recognition as an intermediary between the user and data visualization manipulation. Touch gestures serve as the mediating mechanism that translates user intent into data filtering, drilling, and transformation operations, providing a more intuitive interface than traditional menu systems
2Loss of information
If detailed data visualizations are displayed on portable devices, then data exploration capability is enhanced, but screen real estate is limited
Solution Approach 1:
The patent employs pinch-to-zoom and pan gestures that enable users to navigate data visualizations across multiple spatial dimensions. By allowing dynamic scaling and positioning of visual elements, the system effectively adds temporal and spatial dimensions to the limited physical screen area, enabling comprehensive data exploration without increasing physical display size
Solution Approach 2:
The patent makes the data visualization layout dynamic and adaptable to user interactions. Visual elements can be dynamically filtered, expanded, or collapsed based on touch gestures, allowing the display to optimally utilize available screen real estate while maintaining visibility of relevant data at different levels of detail
3Measurement precision
If complex data filtering operations are implemented, then data analysis precision is improved, but processing time and power consumption increase
Solution Approach 1:
The patent pre-loads and pre-processes data in optimized formats and structures before user interaction. Data is organized in hierarchical structures that enable rapid filtering operations, and common filter operations are pre-computed, significantly reducing the time required for data filtering while maintaining high precision
Solution Approach 2:
The patent optimizes processing parameters dynamically based on the specific filtering operation and data characteristics. By adjusting processing depth, filter complexity, and rendering resolution according to user needs and device capabilities, the system achieves high filtering precision with minimized processing time and power consumption
Data Source
AI summary
The various embodiments described herein include methods and devices for interactive data visualization. In one aspect, a method is performed at a device with a touch-sensitive surface and a display. The method includes displaying a first chart, where the first chart concurrently displays a first dimension and a first measure, the display of the first dimension including a plurality of categories and the display of the first measure including a plurality of visual marks corresponding to the plurality of categories. The method further includes: (i) detecting a first touch input; and (ii) in response to detecting the first touch input: (a) adding a second dimension through an animated transition, the second dimension having a second plurality of categories; and (b) transforming a visual mark into a second plurality of visual marks via an animated transition, the second plurality of visual marks corresponding to the second plurality of categories.