Filter Widget for Space-Constrained List Sorting
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
In graphical user interfaces, efficiently filtering a list of items on space-constrained devices like mobile phones is challenging due to limited screen space and the need to navigate through multiple views, leading to a confusing user experience.
Innovation Solution
A method and apparatus that displays a filter widget alongside the list, allowing users to select and apply filters without changing views, with visual depictions of filters stacking linearly and a modification overlay for refining filters, enabling users to manage filters without leaving the list view.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If traditional filtering components are used on space-constrained devices, then filtering functionality is provided, but screen space is consumed and user experience becomes confusing due to multiple views
Solution Approach 1:
The filtering functionality is nested within the list view itself. Filter chips are embedded directly in the list interface, allowing users to apply filters without navigating to separate filtering screens. This nesting approach preserves screen space by integrating the filter controls within the existing list display area rather than requiring additional dedicated space.
Solution Approach 2:
The patent merges the filtering interface with the list view interface. Instead of providing separate filtering components that consume additional screen space, the filter controls are combined with the list display, creating a unified interface where both listing and filtering operations occur in the same view.
2Adaptability or versatility
If multiple views are used for filtering, then filtering options are available, but navigation complexity increases and user focus is lost
Solution Approach 1:
The patent combines multiple filtering options within a single list view interface. Instead of requiring users to navigate between multiple views to access different filter options, all filtering controls are merged into the list view, allowing users to access and modify filters without changing views or navigating through complex interface structures.
Solution Approach 2:
The list view is designed to serve multiple functions simultaneously: displaying the list items and providing filtering controls. This multi-functionality eliminates the need for separate dedicated filtering views, as the list view itself becomes a universal interface that handles both data display and filter management operations.
3Area of stationary object
If filter controls are integrated in the list view, then screen space is preserved and user focus is maintained, but filter management functionality must be simplified
Solution Approach 1:
The filtering functionality is segmented into individual filter chips, each representing a specific filter option. This segmentation allows complex filter management to be broken down into simple, manageable units that can be independently controlled. Users can add, remove, or modify individual filter chips without affecting the overall system complexity, enabling sophisticated filter management through simple modular interactions.
Solution Approach 2:
Filter chips serve as intermediary elements between the user and the underlying filtering system. These visual representations mediate complex filter operations by providing simple tap-to-select interactions. The filter chips translate complex filter management tasks into simple visual selections, maintaining full filtering functionality while simplifying the user interaction model.
Data Source
AI summary
Techniques for sorting and filtering a list in a space-constrained viewing area are described. A filter widget and a list of items are displayed in a view of an electronic display screen. In response to user input selecting the filter widget, and without changing to a different view, a filter category overlay is displayed in the view to provide various selectable filter categories. In response to selection of a filter category, a visual depiction of the selected filter category is displayed in the view. The list of items is filtered according to the selected filter category and displayed in the view without changing to any other view. Subsequently added visual depictions are linearly stacked in the view. Further, a filter modification overlay, which provides selectable filtering attributes, is displayed upon selection of a visual depiction.