Multi-Section GUI for File Storage Organization on Mobile Screens
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing document hosting systems face inefficiencies in graphical user interfaces (GUIs) for organizing and managing electronic media on mobile devices, requiring cumbersome navigation and multiple steps due to limited screen space, inflexible functionality, and excessive user interactions.
Innovation Solution
A multi-section graphical user interface (GUI) is implemented, displaying digital content items in one section and candidate destination folders in another, allowing users to move icons between sections with drag-and-drop interactions, which adjusts the underlying file storage structure accordingly.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If conventional separate windows and multi-step menus are used for organizing files, then navigation options are provided, but screen real estate is excessively consumed and navigation becomes cumbersome
Solution Approach 1:
The patent combines the file browser window and folder selection window into a single integrated interface. The source file list and destination folder list are displayed simultaneously in different sections of the same screen, eliminating the need for separate windows and reducing navigation steps while maintaining full functionality for file organization.
2Adaptability or versatility
If multiple separate windows are used to view different parts of folder hierarchy, then comprehensive file access is enabled, but windows overlap and consume excessive screen space
Solution Approach 1:
The interface is segmented into distinct sections: a source section displaying files to be moved, a destination section displaying available folders, and a preview section showing the folder hierarchy. This segmentation allows all necessary information to be visible simultaneously without window overlap, providing comprehensive file access while optimizing screen space utilization.
3Loss of information
If traditional finder windows with hierarchy visualization are used, then folder structure is clearly shown, but navigation requires numerous clicks and swipes
Solution Approach 1:
The interface performs preliminary actions by automatically displaying the relevant folder hierarchy and selecting appropriate destination folders based on the chosen files. The system pre-populates the destination section with relevant folders and pre-configures the move operation, eliminating the need for users to manually navigate through multiple menu levels and reducing navigation time.
4Ease of operation
If multi-step menus are implemented for document reorganization, then detailed control is provided, but user interactions become overly cumbersome on mobile devices
Solution Approach 1:
The interface dynamically adapts to user selections by automatically updating the available destination folders and adjusting the display based on the chosen files. When files are selected in the source section, the destination section dynamically filters and displays only relevant folders, reducing the number of manual navigation steps while maintaining detailed control over the reorganization process.
Data Source
AI summary
This disclosure describes embodiments of systems, methods, and non-transitory computer readable storage media that can display icons for target digital content items and candidate destination folders within different sections of a multi-section graphical user interface (GUI) and adjust a corresponding file storage structure to reflect organization changes indicated by user interactions that move digital-content-items icons into folder icons. For example, the disclosed system can (i) display, within a first section of a multi-section GUI, icons representing digital content items and (ii) display, within a second section of the multi-section GUI, icons representing folders as candidate destination folders. Then, the disclosed systems can detect user interactions that move digital-content-item icons to folder icons and adjust an underlying file storage structure to reflect the organization indicated by the user interaction.