Touch-Sensitive Interface for Gesture-Based Data Visualization
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Data visualization on portable devices with small screens poses challenges due to limited input methods and space, leading to complex and cumbersome user interfaces that increase cognitive burden and reduce efficiency.
Innovation Solution
The development of intuitive user interfaces that allow users to interact with data visualizations using touch inputs, such as gestures, to filter and manipulate data sets directly on the screen, reducing the need for nested menu systems and enhancing user experience.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If conventional menu systems are used for data visualization on portable devices, then data manipulation functionality is provided, but user interface complexity and cognitive burden increase
Solution Approach 1:
The system automatically generates contextual menu options based on the user's current interaction state and selection. When a user taps or gestures on a data visualization element, the system presents relevant manipulation options without requiring the user to navigate through predetermined menu hierarchies, making the interface adapt to user needs rather than vice versa.
Solution Approach 2:
The user interface transitions from static menu structures to dynamic, context-sensitive interactions. Gesture-based selections and contextual menus appear and disappear based on user actions, allowing the interface to adapt its complexity and presentation based on the current operational state, thereby reducing cognitive burden while maintaining functionality.
2Productivity
If nested menu systems are used for data filtering and manipulation, then comprehensive control is achieved, but interaction efficiency and speed decrease
Solution Approach 1:
The system pre-presents relevant manipulation options in contextual menus based on the user's current selection or gesture, rather than requiring navigation through multiple nested menu levels. This allows users to access frequently needed functions with minimal interaction steps, significantly reducing the time required for data manipulation tasks.
Solution Approach 2:
The interface breaks down data manipulation tasks into discrete, gesture-based selections rather than requiring navigation through hierarchical menu structures. Each gesture or tap presents a segmented set of relevant options, allowing users to complete tasks through a series of simple, focused interactions rather than deep navigation.
3Adaptability or versatility
If complex input methods are used to compensate for small screen size, then data visualization functionality is maintained, but power consumption increases
Solution Approach 1:
The system replaces complex mechanical input methods (physical keyboards, multiple buttons, trackpads) with touch-sensitive surface gestures. This substitution reduces the hardware complexity and power consumption associated with additional input devices while maintaining full data visualization and manipulation functionality through intuitive touch interactions.
Data Source
Figure 1
Figure 2
Figure 3A
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, the first chart concurrently displaying a first dimension and a first measure. The method further includes (i) detecting a touch input at a location that corresponds to a location on the first chart; (ii) determining whether the touch input is in a first region corresponding to the first dimension or in the second region corresponding to the first measure; and (iii) in response to detecting the touch input in the first region, adding another dimension through an animated transition to display a second chart, where at least one visual mark in the first chart is split into a plurality of visual marks in the second chart through the animated transition.