Rotatable Display UI Guidance for Vertical Content Viewing
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Users experience limited viewing comfort when consuming content on mobile devices due to restricted display sizes and the prevalence of vertical content on traditionally horizontal-oriented display devices, necessitating a method to guide rotation and operation of rotatable displays for optimal viewing.
Innovation Solution
A display device and method that provide visual cues and guide information for rotating the display between horizontal and vertical modes, allowing users to easily switch and adjust the display orientation based on content resolution, using user interface elements and guide messages to facilitate optimal viewing angles.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If the display device uses a fixed horizontal orientation, then the display structure is simple and stable, but the user cannot comfortably view vertical content and the display is less versatile
Solution Approach 1:
The display device incorporates a rotatable display module that can dynamically change orientation between horizontal and vertical modes. The display is mechanically coupled to a drive mechanism allowing it to rotate and stop at different angles, enabling the same hardware to adapt to different content requirements without increasing fundamental structural complexity
Solution Approach 2:
The display device is designed to perform multiple functions by supporting both horizontal and vertical display modes. The same display hardware can universally handle different content types (video, images, text) in different orientations, eliminating the need for separate devices or displays for different content formats
2Adaptability or versatility
If the display device adds rotation functionality, then the display becomes more versatile for different content, but the user may be confused without proper guidance on rotation operations
Solution Approach 1:
The system provides real-time feedback to users during rotation operations. When the display is rotated, the controller detects the rotation state and provides corresponding visual feedback by rotating UI elements or displaying guide information, helping users understand the current state and how to proceed with operations in the new orientation
Solution Approach 2:
The controller acts as an intermediary between the mechanical rotation system and the user interface. It translates physical rotation states into appropriate UI responses and provides guide information, mediating the interaction between the user's rotation action and the system's response to ensure clear communication of operational status
3Adaptability or versatility
If UI elements are rotated with the display, then the interface adapts to the new orientation, but the user may lose context without visual cues about the rotation direction and operation methods
Solution Approach 1:
The system performs preliminary actions by providing rotation guide information before or during the rotation process. The controller displays guide information that indicates the rotation direction and operation methods in advance, helping users prepare for and understand the upcoming orientation change before it fully occurs
Solution Approach 2:
The system uses visual changes including color adjustments and brightness modifications of UI elements during rotation. These visual cues help users perceive the rotation state and maintain context by providing distinguishable feedback about the current orientation and transition status
Data Source
Figure 1
Figure 2a(a)~2b
Figure 3(a)~3(c)
AI summary
A method of controlling a display device outputting an image in either one of display modes including a horizontal mode and a vertical mode, the display device including a display configured to be rotatable, includes displaying at least one user interface (UI) element corresponding to at least one image content. The method further includes based on a user instruction of positioning a highlight on a first UI element among the displayed at least one UI element, identifying whether a resolution of a first image content corresponding to the first UI element corresponds to a current display mode, and based on the resolution of the first image content being identified to not correspond to the current display mode, providing a visual effect to the first UI element.