Landscape Springboard UI Orientation Adaptation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Portable electronic devices face challenges in designing user interfaces that allow easy interaction while efficiently organizing limited screen real estate, particularly in handheld devices that require accommodating different orientations and accessing additional content units or metadata without cluttering the display.
Innovation Solution
The implementation of a method that changes the user interface orientation in response to device rotation, rearranging user interface objects from a portrait to a landscape view by rotating the dock region from horizontal to vertical and vice versa, allowing for intuitive navigation and access to additional content without overwhelming the display.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If the user interface displays more content units and metadata on the screen, then the information availability is improved, but the display becomes cluttered and harder to navigate
Solution Approach 1:
The user interface is segmented into multiple pages, with each page displaying a subset of content units and metadata. Users can navigate between pages to access different portions of the information, preventing clutter while maintaining comprehensive information availability.
Solution Approach 2:
The patent introduces pagination as an additional dimension for organizing information. Instead of displaying all information on a single flat screen, the interface extends into a temporal dimension through page transitions, allowing comprehensive information display without spatial clutter.
2Adaptability or versatility
If the device accommodates both portrait and landscape orientations, then the adaptability is improved, but the user interface design complexity increases
Solution Approach 1:
The user interface is designed to dynamically adapt to device orientation. The system automatically detects whether the device is in portrait or landscape mode and reconfigures the UI layout accordingly, allowing a single interface design to serve multiple orientations without manual intervention.
Solution Approach 2:
The pagination mechanism serves as a universal solution that works effectively in both portrait and landscape orientations. The same page-based navigation structure adapts to different screen dimensions, eliminating the need for separate UI designs for each orientation.
3Quantity of substance
If the screen real estate is maximized to display more content, then the information density is improved, but the accessibility of individual content units decreases
Solution Approach 1:
Content is segmented into discrete pages, with each page containing a manageable number of content units. This segmentation allows the interface to display more total content across multiple pages while maintaining comfortable spacing and accessibility on each individual page.
Solution Approach 2:
The system prepares and organizes content into pre-defined pages before user interaction. This preliminary organization ensures that when users navigate to any page, the content is already optimally arranged for accessibility, eliminating the need for complex on-the-fly adjustments.
Data Source
AI summary
An electronic device with a display showing a user interface (UI) in different orientations relative to the display. In landscape orientation the user interface includes a dock region displayed along the right or left edge of the user interface. Application icons or other UI objects that are arranged in a row on the dock region in portrait orientation are arranged in a column on the dock region in the landscape orientation. UI objects and folders from other pages move from underneath the dock region onto the user interface. Furthermore, notification and control windows are overlay on top of portions of the dock region in landscape orientation of the user interface.