Fullscreen Notification Banner Layout With Reduced Visual Interference
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Electronic devices display notifications that obstruct the current task, causing visual interference and poor user experience.
Innovation Solution
Display notifications in a single-line form at the top or bottom of the full-screen mode, allowing detailed information to be displayed upon user interaction, and enabling operations like replying, ignoring, or deleting the notification.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Loss of information
If the notification is displayed in a banner form blocking the current task window, then the notification information is clearly visible to the user, but the visual interference to the user increases and user experience deteriorates
Solution Approach 1:
The notification is transformed from a traditional banner form occupying horizontal space to a vertical dropdown panel that extends downward from the status bar. This dimensional change allows the notification to be displayed without blocking the current task window, as it utilizes the vertical space above the navigation bar rather than horizontal space across the screen.
Solution Approach 2:
The notification display is segmented into multiple levels: a compact single-line form showing only essential information (icon, app name, brief content) in the status bar area, and an expanded detailed form accessible through user interaction. This segmentation allows the system to display notification information concisely when needed without continuously blocking the task window.
2Object-affected harmful factors
If the notification is displayed in a compact single-line form, then the visual interference is reduced, but the display of detailed notification information becomes limited
Solution Approach 1:
The notification display implements dynamic transformation between two states: a compact single-line form for minimal visual interference and an expanded detailed form for comprehensive information display. The transition between these states is triggered by user interaction (clicking or long-pressing the notification), allowing the system to adapt the information display level to user needs while minimizing visual interference during normal task execution.
3Ease of operation
If the notification is displayed in a floating manner in full-screen mode, then the notification remains accessible without blocking the entire screen, but the notification area still occupies display space
Solution Approach 1:
The notification is positioned in a specific localized area (the status bar region at the top of the screen) rather than floating freely or occupying the entire screen. This localized positioning concentrates the notification display in a small, defined space that does not interfere with the main task content area, while remaining accessible through the status bar.
Data Source
Figure 1
Figure 2A
Figure 2B
AI summary
Embodiments of this application provide a notification handling method and an electronic device, and relate to the field of electronic technologies, to reduce visual interference of a notification to a user, and improve user experience. A specific solution is as follows: An electronic device displays a first window in a full-screen mode; displays, if detecting a to-be-displayed banner notification, the banner notification in a single-line form in the first window in a floating manner, where the banner notification in the single-line form is located at the top or the bottom of the first window, and the banner notification in the single-line form includes some or all of information of content of the notification; and displays detailed information about the banner notification in the first window in response to detection of a touch operation of a user on the banner notification in the single-line form, where the detailed information includes all information of the content of the banner notification. The embodiments of this application are used to display a notification.