Multi-Section File Organization GUI for Reduced Mobile Navigation
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 excessive navigation steps, consuming screen real estate, and generating inflexible and rigid interfaces that obscure content and require multiple user interactions.
Innovation Solution
A multi-section graphical user interface (GUI) is introduced, displaying digital content items and candidate destination folders in separate sections, 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 separate windows and menus are used for organizing documents, then document management functionality is provided, but screen real estate is excessively consumed and navigation becomes cumbersome
Solution Approach 1:
The interface is segmented into distinct functional zones: a source area displaying documents to be organized, a destination area displaying folder options, and a preview area showing document thumbnails. This segmentation allows each zone to serve its specific purpose without requiring separate windows, reducing overall screen real estate consumption while maintaining ease of navigation through intuitive drag-and-drop operations between zones.
Solution Approach 2:
Multiple previously separate functions (document selection, folder selection, preview, and organization) are merged into a single integrated interface. The source area, destination area, and preview area work together in one continuous workflow, eliminating the need for users to switch between separate windows and menus, thereby conserving screen real estate while improving navigational efficiency.
2Adaptability or versatility
If multi-step menus and separate finder windows are used, then document reorganization options are provided, but the number of user interactions is multiplied and navigation is slowed
Solution Approach 1:
The interface prepares and displays all necessary organization options upfront. The destination area shows available folders before the user commits to an action, and the preview area displays document thumbnails in advance. This preliminary presentation of options allows users to make informed decisions immediately, eliminating the need for multi-step menu navigation and reducing navigation time while preserving comprehensive organization functionality.
Solution Approach 2:
The preview area acts as an intermediary between the source documents and destination folders. Instead of requiring users to navigate through multiple menus to understand what will be moved, the preview area visually represents the documents to be organized and their potential destinations, enabling direct drag-and-drop operations that reduce navigation time while maintaining versatile organization capabilities.
3Loss of information
If folder hierarchy visualization is displayed, then document location context is provided, but screen real estate is consumed and content visibility is reduced
Solution Approach 1:
The interface extracts only the essential location context information needed for organization and presents it in a condensed format. Instead of displaying the complete folder hierarchy, the destination area shows only the relevant folder names and paths that users need to know for organizing documents. This extraction approach provides sufficient location context while minimizing screen real estate consumption and maximizing content visibility.
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.