Mobile Calendar Screen Transitions Based on Index Position
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing mobile device interfaces lack intuitive methods for navigating and presenting information efficiently, particularly in calendar applications, making it difficult for users to quickly access and view relevant content.
Innovation Solution
A method and apparatus for mobile terminals that utilize a touchscreen interface to allow users to navigate calendar content by selecting indices, where the display unit changes the content presentation direction based on the relative position of the selected index to the highlighted index, either horizontally or vertically, ensuring seamless and intuitive content transitions.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of operation
If traditional scroll bar display is used for calendar navigation, then the interface structure is simple, but the user cannot quickly observe corresponding information by operating only the desired date
Solution Approach 1:
The calendar interface is segmented into multiple interactive date buttons arranged in a grid layout, allowing users to directly access specific dates without scrolling. Each date cell becomes an independent interactive element that can be selected to display corresponding event information.
Solution Approach 2:
The interface transitions from a one-dimensional scroll bar navigation to a two-dimensional grid layout where dates are arranged in rows and columns. This dimensional change enables direct visual access to any date by simply looking at the grid position, eliminating the need for sequential scrolling through the calendar.
2Loss of information
If multiweek calendar with event list overlay is displayed, then comprehensive information is presented, but the display space is limited and may clutter the interface
Solution Approach 1:
Event information is extracted from the main calendar grid and presented in a separate overlay panel or side panel. This allows the calendar grid to remain clean and uncluttered while providing comprehensive event details in a dedicated information display area that can be shown or hidden as needed.
Solution Approach 2:
The event information panel is nested within or adjacent to the calendar view, allowing both the calendar and event details to be displayed simultaneously in a layered arrangement. The event panel can be collapsed or expanded to adjust the visible area dynamically.
Data Source
Figure 1
Figure 2
Figure 3
AI summary
A screen display method and apparatus of a mobile terminal is provided for changing a screen represented by an index to another screen represented by a newly selected index. A screen display method of a mobile terminal includes displaying a page represented by an index, the page including an index region having a plurality of indices and a content region displaying content corresponding to the index highlighted in the index region, selecting a new index in the index region according to a selection input, and changing the page represented by the highlighted index for a new page represented by the new index, the new page appearing in a direction from a position of the new index to a position of the highlighted index.