Calendar UI Dynamic Representation via Mouse Hover
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Conventional web-based calendars become cluttered and difficult to read, especially for sight-impaired users, due to overlapping calendar items, which can be partially obscured, making it hard to discern details.
Innovation Solution
The system displays reduced visual representations of calendar items based on mouse cursor movement, allowing detailed information to be revealed upon cursor interaction, with optional auditory feedback for improved accessibility.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If detailed visual representations of all calendar items are displayed simultaneously, then complete information is provided, but the interface becomes cluttered and difficult to read
Solution Approach 1:
The calendar item representations dynamically change between reduced and detailed states based on mouse cursor movement. When the cursor hovers over a reduced representation, it transforms into a detailed representation, allowing information to be revealed on-demand without permanently cluttering the interface.
Solution Approach 2:
The calendar items are segmented into multiple representation states: reduced visual representations for normal display and detailed visual representations for interaction. This segmentation allows the interface to maintain cleanliness while providing complete information when needed.
2Ease of operation
If reduced visual representations are displayed to maintain a clean interface, then readability is improved, but detailed information becomes difficult to discern
Solution Approach 1:
The system prepares reduced visual representations in advance for display, and upon user interaction (mouse hover), immediately provides the corresponding detailed visual representations without requiring additional actions from the user.
Solution Approach 2:
The mouse cursor movement acts as an intermediary trigger that mediates between the reduced representation state and the detailed representation state, allowing smooth transition and information revelation.
3Loss of information
If overlapping calendar items are displayed to show all events, then complete scheduling information is provided, but sight-impaired users cannot discern details
Solution Approach 1:
Calendar items dynamically transition from reduced to detailed representations when users interact with them, allowing sight-impaired users to obtain complete information about overlapping events through sequential interaction rather than attempting to discern details from cluttered simultaneous display.
Data Source
AI summary
Disclosed are examples of systems, apparatus, methods and computer program products for displaying reduced and detailed visual representations of calendar items based on mouse cursor movement. A database storing data objects identifying calendar items can be maintained. Each calendar item can comprise a subject, a date, and a time range. A reduced visual representation of a first calendar item can be displayed in a first region of a user interface on a display of a device. The reduced visual representation of the first calendar item can comprise an at least partially obscured presentation of the subject, the date, and/or the time range of the first calendar item. Mouse cursor movement in the first region of the user interface can be detected. A detailed visual representation of the first calendar item can be displayed in the first region of the user interface in response to detecting the mouse cursor movement.