Collapsing Views of Content Items in Graphical User Interfaces

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current methods for browsing, selecting, and inspecting electronic media files are cumbersome and time-consuming, especially when dealing with large collections of similar files, as they require individual selection and often result in cluttered user interfaces.

Innovation Solution

The system improves navigability by collapsing duplicate and similar content items into a single representative item, allowing users to select multiple items with a single gesture and preview items without disturbing the selection state, thereby reducing clutter and enhancing user experience.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Measurement precision

If individual selection of electronic media files is performed, then selection precision is improved, but time consumption increases

Engineering Contradiction:
Improveselection precisionVSAvoidtime consumption
Core Design Contradiction:
Measurement precisionVSLoss of time

Solution Approach 1:

The patent merges multiple similar or duplicate content items into a single collapsed view representation. Users can select multiple items simultaneously by interacting with the collapsed view, eliminating the need for individual selection of each item while maintaining accurate selection tracking through expanded views.

Inventive Principle:
Principle #5Merging (Combining)

Solution Approach 2:

The patent segments the selection process into two stages: initial bulk selection through collapsed views for efficiency, and detailed verification through expanded views for precision. This segmentation allows users to quickly select groups of items while maintaining the ability to review and adjust individual selections.

Inventive Principle:
Principle #1Segmentation

2Loss of information

If detailed preview of content items is provided, then information completeness is improved, but interface clutter increases

Engineering Contradiction:
Improveinformation completenessVSAvoidinterface clutter
Core Design Contradiction:
Loss of informationVSDevice complexity

Solution Approach 1:

The patent implements a dynamic interface where content items transition between collapsed and expanded states based on user interaction. The collapsed view provides a clean interface for overview, while the expanded view provides detailed information when needed. This dynamic transformation allows the interface to adapt between simplicity and completeness without permanent clutter.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The patent uses a nested structure where expanded content items are contained within the collapsed view framework. When items are expanded for detailed preview, they nest within the existing interface layout rather than creating separate full-screen views, maintaining interface organization while providing complete information.

Inventive Principle:
Principle #7Nested doll (Nesting)

3Measurement precision

If multiple content items are displayed individually, then selection accuracy is improved, but navigability deteriorates

Engineering Contradiction:
Improveselection accuracyVSAvoidnavigability
Core Design Contradiction:
Measurement precisionVSEase of operation

Solution Approach 1:

The patent combines multiple content items into a single navigable unit in the collapsed view, improving navigability by reducing the number of items users must scroll through and interact with individually. Selection accuracy is maintained through the expansion mechanism that allows users to verify their selections before finalizing.

Inventive Principle:
Principle #5Merging (Combining)

4Measurement precision

If individual selection process is used, then selection precision is improved, but productivity decreases

Engineering Contradiction:
Improveselection precisionVSAvoidprocessing speed
Core Design Contradiction:
Measurement precisionVSProductivity

Solution Approach 1:

The patent merges multiple content items into collapsed views that can be selected in bulk, dramatically increasing processing speed when dealing with large numbers of similar items. Selection precision is preserved through the expansion capability that allows users to review and adjust selections before finalization.

Inventive Principle:
Principle #5Merging (Combining)

Data Source

PatentUS12277103B2Techniques for collapsing views of content items in a graphical user interface
Publication Date: 2025.04.15 DROPBOX INC
  • US12277103B2 patent drawing
  • US12277103B2 patent drawing
  • US12277103B2 patent drawing

AI summary

The present disclosure is directed toward systems and methods that provide users with efficient and effective user experiences when browsing, selecting, or inspecting content items. More specifically, systems and methods described herein provide users the ability to easily and effectively select multiple content items via a single touch gesture (e.g., swipe gesture). Additionally, systems and methods disclosed herein can allow users to select various content items in a selection interface, preview a content item, and return to the selection interface with the previous selections remaining intact. Still further, systems and methods described herein allow users to transition between a content graphical user interface and a selection interface based on touch gestures with content items. Embodiments of the present invention further provide improved navigability by collapsing views of content items.