Tile-Based User Interface Gesture Mode Switching
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Tile-based user interfaces in mobile computing devices are limited by the small size of tiles, which restricts the amount and type of information displayed and available functionality, requiring users to switch to full-screen mode for detailed access.
Innovation Solution
Implementing a system that allows users to switch between tile view and full-screen view using gestures, where tile view provides an abbreviated representation of information and remains active, while full-screen view offers detailed functionality, with animations to facilitate the transition between modes.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Productivity
If a tile-based user interface is used to display multiple applications, then the device can present multiple applications concurrently with efficient screen space utilization, but the amount of information and functionality available in each application is limited due to the small tile size
Solution Approach 1:
The display area is segmented into multiple tiles, each capable of independently displaying a different application. This segmentation allows concurrent access to multiple applications while maintaining an organized, space-efficient layout. Each tile acts as an independent display unit that can be individually controlled and manipulated.
Solution Approach 2:
The system transitions between two-dimensional tile view and full-screen view modes. By allowing users to expand a selected tile to occupy the entire display area, the system adds a dimensional aspect to the interface, enabling access to detailed information and full functionality while maintaining the efficiency of the multi-tile layout for overview navigation.
2Area of stationary object
If a tile-based user interface is used, then screen space is utilized efficiently, but the functionality available through each tile is limited and users must switch to full-screen mode for detailed functionality
Solution Approach 1:
The tile size and display mode are made dynamic rather than static. Users can interact with tiles to expand them to full-screen mode when detailed functionality is needed, and return to tile view when overview is sufficient. This dynamic adjustment allows the interface to adapt to different user needs and task contexts.
Solution Approach 2:
The tile-based interface serves multiple functions: it provides an overview of multiple applications simultaneously, allows individual application access through expansion, and maintains application activity states. Each tile can function as both a thumbnail preview and a full functional display area, eliminating the need for separate overview and detail views.
3Ease of operation
If users access detailed information and full functionality of an application, then complete functionality is available, but the user must leave the tile-based view and switch to full-screen mode
Solution Approach 1:
The system maintains application activity states while in tile view, so that when a user expands a tile to full-screen mode, the application is already active and ready for immediate interaction. This preliminary preparation eliminates the delay that would otherwise occur during mode transitions, as the application context is preserved and loaded in advance.
Solution Approach 2:
The transition between tile view and full-screen mode is designed to be seamless, with animations that maintain visual continuity and preserve the user's place in the application. The system maintains continuous application state across mode transitions, allowing users to switch between views without losing their context or requiring re-navigation within applications.
Data Source
AI summary
A tile-based user interface (UI) may be presented on a display device in tile view in full-screen view. The underlying application is active whether the UI is in tile view or in full-screen view, and may generate data that can be presented via the UI. In tile view, the UI may present abbreviated representations of information generated by the underlying application. In full-screen view, the UI may present detailed representations of information, including graphical UI elements and data elements that were not presented in the tile view UI.