Notification display method, electronic equipment, medium and chip

Abstract

The invention relates to the technical field of display, and provides a notification display method, electronic equipment, a medium and a chip. In the process of displaying capsule notifications for the same service (such as a first service), after a first capsule notice for displaying state information of the first service is displayed for a first preset duration, the first capsule notice is not displayed any more, and a small-size second capsule notice associated with the same service is displayed. Therefore, the large-size first capsule notice does not need to be displayed all the time for a long time, so that the time for displaying the same picture for a long time by part of pixels is shortened, the aging of the pixels is slowed down to a certain extent, the burn-in phenomenon of the display screen is reduced, and the aim of preventing the burn-in is achieved; in addition, the second capsule notification and the first capsule notification are associated with the same service, so that the user can perceive that the service is in progress, and the user experience is not affected.

Description

Technical Field

[0001] This application relates to the field of display technologies, and in particular, to a notification display method, an electronic device, a medium, and a chip. Background Art

[0002] With the rapid development of intelligent terminal technologies, the types of applications (APPs) and services are increasing, and the corresponding notification messages of APPs and services are also increasing. To improve the efficiency of users obtaining important notification messages, a method of displaying service notifications at the front camera hole has been proposed in related technologies. The service notification is in a capsule style, and this capsule-style service notification can be called a capsule notification (or status capsule). To match the black camera hole, the color of the capsule notification is designed to be black, and finally, the capsule notification and the front camera hole present a complete capsule form. In this way, users can quickly obtain important notifications of services through the capsule notification, thus improving the efficiency of users obtaining important notifications.

[0003] However, since the black capsule notification is displayed on the display screen for a long time, the aging phenomenon of the pixels in this area is relatively serious, resulting in image afterglow or burn-in phenomena, which seriously affect the user's visual experience. Summary of the Invention

[0004] In view of this, this application provides a notification display method, an electronic device, a medium, and a chip, which can reduce the burn-in phenomenon of the display screen while minimizing the impact on the user experience.

[0005] In a first aspect, a notification display method is provided, which is applied to an electronic device. The electronic device includes a front camera hole located at the top of the display screen. The method includes: displaying a first interface, where the first interface includes a status bar, and the status bar includes a first capsule notification located in the middle area of the status bar. The first capsule notification includes a first capsule area and a second capsule area. The first capsule area is located on a first side (e.g., the left side) of the front camera hole, and the second capsule area is located on a second side (e.g., the right side) of the front camera hole. The first capsule area includes an icon of a first service (e.g., an icon of a taxi service), and the second capsule area includes status information of the first service (e.g., a license plate number); after displaying the first capsule notification for a first preset duration, updating and displaying a second capsule notification in the middle area of the status bar. The second capsule notification is associated with the first service, and the size of the second capsule notification is smaller than the size of the first capsule notification.

[0006] In the notification display method provided in the embodiment of the present application, when displaying capsule notifications for the same service (for example, the first service), after the first capsule notification is displayed for a first preset time, the first capsule notification is no longer displayed, but a small-sized second capsule notification associated with the same service is displayed. In this way, since the large-sized first capsule notification does not need to be displayed for a long time, the time for some pixels to display the same picture for a long time is reduced, and the aging of the pixels is slowed down to a certain extent, thereby reducing the burn-in phenomenon of the display screen and achieving the purpose of preventing burn-in; in addition, the second capsule notification is associated with the same service as the first capsule notification, which allows users to perceive that the service is in progress and will not affect the user experience.

[0007] Optionally, the method further includes: after updating and displaying the second capsule notification for a second preset duration, updating and displaying the first capsule notification in a middle area of the status bar.

[0008] That is to say, the first capsule notification and the second capsule notification appear alternately, and the two can alternate as long as the first service is not ended.

[0009] In the above embodiment, while achieving the purpose of preventing screen burn-in, since the large-sized first capsule notification and the small-sized second capsule notification are displayed alternately, the user can intermittently quickly learn about the relevant status of the first service through the large-sized first capsule notification, thereby ensuring the user's continuous perception of the service as much as possible and improving the user experience.

[0010] Optionally, the second preset duration is shorter than the first preset duration.

[0011] In the above embodiment, the screen burn-in phenomenon can be reduced by the second capsule notification with a shorter display time (i.e., the second preset time); moreover, the user knows that he can see the relevant status of the first service for a long time or quickly know it with the naked eye through the first capsule with a longer display time (i.e., the first preset time), which can reduce the screen burn-in phenomenon while ensuring the efficiency of users to obtain important notifications for a long time as much as possible.

[0012] Optionally, the step of updating and displaying the second capsule notification in the middle area of the status bar after displaying the first capsule notification for the first preset duration includes: updating and displaying the second capsule notification in the middle area of the status bar after displaying the first capsule notification for the first preset duration, and displaying the icon of the first service on one side of the second capsule notification.

[0013] In the above embodiment, while updating and displaying the second capsule notification, the icon of the first service (e.g., taxi service) is displayed on one side of the second capsule notification. The user can clearly perceive that the first service is running, better perceive the continuity of the service, and have a good user experience.

[0014] Optionally, no content is displayed in the second capsule notification.

[0015] In the above embodiment, no content is displayed in the second capsule notification, which can make the size of the second capsule notification as small as possible, or minimize the size of the second notification capsule, thereby reducing the duration of displaying the same screen by as many pixels as possible, better reducing the aging of pixels, better reducing the burn-in phenomenon of the display screen, and improving the anti-burn-in effect.

[0016] Optionally, an icon of the first service is displayed on the first side of the second capsule notification, and the first side of the second capsule notification is in the same direction as the first side of the front camera hole.

[0017] In the above embodiment, while updating the display of the second capsule notification, an icon of the first service (for example, a taxi service) is displayed on the first side of the second capsule notification on the same side as the first side of the front camera hole. Since the first capsule area that previously displayed the first capsule notification is also located on the first side of the front camera hole, when updating the display of the second capsule notification and displaying the icon of the first service, the consistency of the position of the icon of the first service in the status bar is maintained as a whole, and the visual experience of the user is better maintained.

[0018] Optionally, the method further includes: in response to an operation on the icon of the first service or the second capsule notification, displaying a first card, where the first card includes status information of the first service. For example, the operation may be a click or long press operation.

[0019] In the above embodiment, an operation can be performed on the icon of the first service or the second capsule notification, so that the first capsule notification expands into a card, and the card includes more detailed status information of the first service, so that the user can more comprehensively know the status information of the first service and improve the user experience.

[0020] Optionally, the method further includes: in response to an operation on the icon of the first service or the second capsule notification, displaying a notification center interface, where the notification center interface includes a first card, and the first card includes status information of the first service. For example, the operation may be a downward sliding operation.

[0021] In the above embodiment, the icon of the first service or the second capsule notification is equivalent to an entrance to the notification center, and through this entrance, the user can quickly enter the notification center, improving the convenience of user operation.

[0022] Optionally, the second capsule notification includes a third capsule area and a fourth capsule area located on both sides of the front camera hole respectively, the third capsule area includes an icon of the first service, and the fourth capsule area includes an information abbreviation identifier.

[0023] In the above embodiments, when updating and displaying the second capsule notification, a part of the key information of the first service originally displayed in the first capsule notification is retained, and the remaining information that is not retained is identified by an information abbreviation identifier. In this way, while being able to reduce the size of the capsule notification, a part of the key information can still be displayed, enabling the user to know that the first service is running, so that the user can perceive the continuity of the service and the user experience is good.

[0024] Optionally, the third capsule area and the first capsule area are located on the same side of the front camera hole, and the fourth capsule area and the second capsule area are located on the same side of the front camera hole.

[0025] In the above embodiments, since the third capsule area and the first capsule area are both used to display the icon of the first service, and the fourth capsule area and the second capsule area are both used to display content related to information, therefore, the third capsule area and the first capsule area are set on the same side of the front camera hole, and the fourth capsule area and the second capsule area are set on the same side of the front camera hole, which generally maintains the consistency of the position of the icon of the first service and the status information in the capsule notification, and better maintains the user's visual experience.

[0026] Optionally, a capsule ring is formed on the edge of the second capsule notification, and the color of the capsule ring is different from the color of the area of the second capsule notification other than the capsule ring, and no content is displayed in the second capsule notification.

[0027] In the above embodiments, when updating and displaying the second capsule notification, the capsule ring on the edge of the second capsule notification is used to remind the user that the first service is in progress, avoiding the illusion that the user cannot see the relevant content and misinterpreting that the first service has ended; in addition, no content is displayed in the second capsule notification, and the size of the second capsule notification can be as small as possible, or in other words, the size of the second notification capsule can be minimized, so as to reduce the duration of more pixels displaying the same screen as much as possible, better reduce the aging of pixels, better reduce the screen burn-in phenomenon of the display screen, and improve the anti-screen burn-in effect.

[0028] Optionally, the method further includes: in response to an operation on the second capsule notification, displaying a first card, and the first card includes the status information of the first service. For example, the operation can be a click or long-press operation.

[0029] Optionally, the method further includes: in response to an operation on the second capsule notification, displaying a notification center interface, and the notification center interface includes a first card, and the first card includes the status information of the first service.

[0030] In the above embodiments, the second capsule notification is equivalent to an entrance to the notification center, and through this entrance, the user can quickly enter the notification center, improving the convenience of user operation.

[0031] Optionally, the method further includes: if no operation on the first card is detected within a third preset duration after the first card is displayed, or in response to an operation on the first card, displaying a first capsule notification in the status bar.

[0032] In the above embodiments, regardless of whether the first card is expanded based on an operation on the first capsule notification or an operation on the icon of the second capsule notification or the first service, with or without a user operation, the first card is collapsed into the first capsule notification, which can keep the interface clean and facilitate the user to view other content. In addition, collapsing the card into the large-sized first capsule notification enables the user to quickly learn about the relevant status of the first service with the naked eye, improving the efficiency of learning important notifications.

[0033] Optionally, a first shadow area is formed on one side in the length direction of the first capsule notification, and the first shadow area is used to indicate that there are at least two service capsule notifications in the electronic device.

[0034] In the above embodiments, through the first shadow area of the first capsule notification, it can be confirmed that there are multiple capsule notifications in the electronic device, facilitating the user to operate on the first capsule notification to expand and view more notification messages.

[0035] Optionally, in the step of updating and displaying the second capsule notification in the middle area of the status bar after the first preset duration of displaying the first capsule notification: after the first preset duration of displaying the first capsule notification, update and display the second capsule notification in the middle area of the status bar, and display the icon and capsule brief identifier of the first service on the same side or both sides of the second capsule notification. The capsule brief icon is used to indicate that there are at least two service capsule notifications in the electronic device.

[0036] In the above embodiments, when updating and displaying the second capsule notification, the icon and capsule brief identifier of the first service (for example, the taxi service) are displayed on the same side or both sides of the second capsule notification, enabling the user to know that the first service is running and there are at least two service capsule notifications in the electronic device, making the user perceive the continuity of the service and providing a good user experience.

[0037] Optionally, the icon of the first service and the capsule brief icon are on the same side of the second capsule notification, the icon of the first service is on the upper layer of the capsule brief icon, and the icon of the first service covers a partial display area of the capsule brief icon.

[0038] In the above embodiments, the icon of the first service and the capsule simplified icon are located on the same side of the second capsule notification, with a compact design and beautiful visual effect. The icon of the first service is located above the capsule simplified identifier, enabling the entire area of the service icon to be displayed, facilitating the user to clearly see the service with the highest priority currently running. In addition, the icon of the first service covers a partial display area of the capsule simplified identifier, saving the space occupied by the status bar. In summary, the overall design has a good visual effect and is convenient for users to view, providing a good user experience.

[0039] Optionally, the method further includes: in response to an operation on the icon of the first service, the second capsule notification, or the capsule simplified identifier, displaying a notification list on the first interface, where the notification list includes a plurality of cards arranged in sequence from top to bottom. The plurality of cards are associated with a plurality of different services, and the plurality of cards include a topmost first card, and the first card includes the status information of the first service.

[0040] In the above embodiments, an operation is performed on the second capsule notification, the icon of the first service, or the capsule simplified identifier. The second capsule notification expands into a card and displays the cards corresponding to other capsule notifications. Each card includes more detailed status information of the associated service, enabling the user to more comprehensively obtain the status information of each service and improving the user experience.

[0041] Optionally, a first shadow area is formed on one side in the length direction of the first capsule notification, and the first shadow area is used to indicate that there are at least two capsule notifications in the electronic device; and a second shadow area is formed on one side in the length direction of the second capsule notification, and the second shadow area is used to indicate that there are at least two capsule notifications in the electronic device.

[0042] Optionally, the method further includes:

[0043] In response to an operation on the second capsule notification, displaying a notification list on the first interface, where the notification list includes a plurality of cards arranged in sequence from top to bottom. The plurality of cards are associated with a plurality of different services, and the plurality of cards include a topmost first card, and the first card includes the status information of the first service.

[0044] Optionally, the method further includes: in response to an operation on the bottom of the notification list or the blank area at the bottom of the notification list, displaying the first capsule notification in the status bar.

[0045] That is to say, regardless of whether the notification list is expanded based on the first capsule notification, the second capsule notification, the icon of the first service, or the capsule short identifier, performing a swiping-up operation or a click operation on the bottom of the notification list or the blank area at the bottom of the notification list will collapse the notification list into the first capsule notification. In this way, based on the user operation, when the notification list is collapsed into the capsule state, the interface can be kept clean, facilitating the user to view other content. In addition, collapsing the notification list into the first capsule notification enables the user to quickly learn about the relevant status of the first service with the naked eye, improving the efficiency of learning important notifications.

[0046] In a second aspect, the present application further provides an electronic device, which includes: one or more processors, a memory, and a touch screen; the memory is used for storing program codes; the processor is used for running the program codes so that the electronic device implements the notification display method according to any one of the first aspect.

[0047] In a third aspect, the present application further provides a computer-readable storage medium, on which instructions are stored. When the instructions are run on the electronic device, the electronic device is caused to execute the notification display method according to any one of the first aspect.

[0048] In a fourth aspect, the present application further provides a computer program product, on which an execution is stored. When the computer program product is run on the electronic device, the electronic device is caused to implement the notification display method according to any one of the first aspect.

[0049] It should be understood that the description of technical features, technical solutions, beneficial effects, or similar languages in the present application does not imply that all features and advantages can be achieved in any single embodiment. On the contrary, it can be understood that the description of features or beneficial effects means that specific technical features, technical solutions, or beneficial effects are included in at least one embodiment. Therefore, the descriptions of technical features, technical solutions, or beneficial effects in this specification do not necessarily refer to the same embodiment. Furthermore, the technical features, technical solutions, and beneficial effects described in this embodiment can be combined in any appropriate manner. Those skilled in the art will understand that an embodiment can be implemented without one or more specific technical features, technical solutions, or beneficial effects of a specific embodiment. In other embodiments, additional technical features and beneficial effects can also be identified in specific embodiments that do not embody all embodiments. Description of the Drawings

[0050] To more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the following will briefly introduce the drawings required for the description of the embodiments or the prior art. Obviously, the drawings in the following description are some embodiments of the present invention. For those of ordinary skill in the art, without creative efforts, other drawings can also be obtained based on these drawings.

[0051] Figure 1 It is a schematic diagram of the GUI of the capsule notification provided by the embodiment of the present application.

[0052] Figure 2 It is a schematic diagram of the GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card provided by the embodiment of the present application.

[0053] Figure 3 It is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card provided by the embodiment of the present application.

[0054] Figure 4 It is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card provided by the embodiment of the present application.

[0055] Figure 5 It is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card provided by the embodiment of the present application.

[0056] Figure 6 It is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card provided by the embodiment of the present application.

[0057] Figure 7 is Figure 6 an enlarged view of the second capsule notification in

[0058] Figure 8 It is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card provided by the embodiment of the present application.

[0059] Figure 9 It is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card provided by the embodiment of the present application.

[0060] Figure 10 is Figure 7 an enlarged view of the first capsule notification in

[0061] Figure 11 It is a schematic diagram of another GUI showing the process of alternately displaying capsule notifications in different forms and switching between capsule notifications and cards provided by an embodiment of the present application.

[0062] Figure 12A It is a schematic diagram of another GUI showing the process of alternately displaying capsule notifications in different forms and switching between capsule notifications and cards provided by an embodiment of the present application.

[0063] Figure 12B is Figure 12A an enlarged view of the second capsule notification in

[0064] Figure 13 It is a schematic diagram of another GUI showing the process of alternately displaying capsule notifications in different forms and switching between capsule notifications and cards provided by an embodiment of the present application.

[0065] Figure 14 It is a schematic diagram of another GUI showing the process of alternately displaying capsule notifications in different forms and switching between capsule notifications and cards provided by an embodiment of the present application.

[0066] Figure 15 It is a schematic diagram of another GUI showing the process of alternately displaying capsule notifications in different forms and switching between capsule notifications and cards provided by an embodiment of the present application.

[0067] Figure 16 It is a schematic flowchart of a notification display method provided by an embodiment of the present application.

[0068] Figure 17 It shows a schematic structural diagram of an electronic device provided by an embodiment of the present application.

[0069] Figure 18 It is a software structure block diagram of the electronic device provided by an embodiment of the present application. Detailed implementation manners

[0070] Terms such as "first", "second", and "third" in the specification, claims, and drawings of the present application are used to distinguish different objects, rather than to limit a specific order.

[0071] In the embodiments of the present application, words such as "exemplary" or "for example" are used to indicate examples, illustrations, or explanations. Any embodiment or design solution described as "exemplary" or "for example" in the embodiments of the present application should not be construed as being more preferred or having more advantages than other embodiments or design solutions. Rather, the use of words such as "exemplary" or "for example" is intended to present relevant concepts in a specific manner.

[0072] Before introducing the embodiments of the present application, some terms or concepts related to the embodiments of the present application are first explained. It should be understood that the present application does not make specific limitations on the naming of the following terms. The following terms may have other names. The renamed terms still satisfy the following related term explanations.

[0073] User interface (UI)

[0074] The UI is a media interface for interaction and information exchange between an application or an operating system and a user. It realizes the conversion between the internal form of information and the form acceptable to the user. The user interface is source code written in a specific computer language such as Java and Extensible Markup Language (XML). The interface source code is parsed and rendered on an electronic device and finally presented as content recognizable by the user, such as controls like pictures, texts, and buttons. A control (also known as a widget) is a basic element of the user interface. Typical controls include a toolbar, a menubar, a textbox, a button, a scrollbar, pictures, and texts. The attributes and content of the controls in the interface are defined through tags or nodes. For example, XML passes, <textview> 、 <imgview> 、 <videoview>Nodes such as these are used to define the controls included in the interface. One node corresponds to one control or property in the interface, and after being parsed and rendered, the node presents as visible content to the user.

[0075] A commonly used form of the user interface is the graphical user interface (GUI), which refers to the user interface related to computer operations displayed in a graphical manner. It can be interface elements such as an icon, window, control, etc. displayed on the display screen of an electronic device, where the controls can include visible interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, Widgets, etc.

[0076] Service

[0077] Services can also be called tasks, such as taxi-hailing, food delivery, flight, ticket booking, express delivery services, etc. Various services can be displayed in the form of cards in the notification center of the electronic device, and, various services can be displayed in the form of capsules.

[0078] Capsule notification

[0079] The capsule notification is actually a display method of service notification messages, and essentially it is a notification message.

[0080] With the rapid development of intelligent terminal technology, the types of applications (APPs) and services are increasing, and the corresponding notification messages of APPs and services are also increasing. To improve the efficiency of users obtaining important notification messages, a method of displaying service notifications at the front camera hole has been proposed in related technologies. The service notification presents in a capsule style, and this capsule-style service notification can be called a capsule notification (or status capsule). To match the black camera hole, the color of the capsule notification is designed to be black, and finally the capsule notification and the front camera hole present a complete capsule form. In this way, users can quickly learn important notifications of services through the capsule notification, thus improving the efficiency of users obtaining important notifications.

[0081] Figure 1 It is a schematic diagram of the GUI of the capsule notification provided by the embodiments of the present application. Refer to Figure 1 , Interface 11 is the desktop of the mobile phone, and a status bar 12 is displayed on interface 11.

[0082] The status bar 12 is located at the top of the display screen and includes a capsule notification 121. The capsule notification 121 is used to display service notifications. For example, Figure 1 Shown is a service notification for the ride-hailing service, which displays some important information about the ride-hailing service, enabling users to obtain important notifications of the ride-hailing service in a timely manner. The capsule notification 121 is located in the middle area of the status bar 12. The capsule notification 121 is presented in black, so it can blend in with the black front camera hole, presenting the style of a complete capsule.

[0083] The capsule notification 121 includes a capsule area 1211 on the left side of the front camera hole 13 and a capsule area 1212 on the right side of the front camera hole 13. In one embodiment, the capsule area 1211 can display a service icon. In addition, it can also display a service name, such as Figure 1 The icon and name "Ride-hailing" of the ride-hailing service can be displayed in it. The capsule area 1212 can display the key status information of the service; such as Figure 1 The key information of the ride-hailing service can be displayed in it, such as the license plate number of the vehicle that has accepted the order, the estimated time, etc. In this way, users can clearly see the current status of the ride-hailing service at a glance.

[0084] After the current service (e.g., the ride-hailing service) ends, a service notification for another service (e.g., the food delivery service) can be displayed in the capsule notification 121.

[0085] For important service notifications such as the ride-hailing service, after the electronic device receives the operation of the user to exit the current service interface (e.g., the ride-hailing interface), it jumps to other application interfaces and displays the corresponding capsule notification of the service in the status bar. The capsule notification can include a service icon and the key information of the important node where the service is located. In this way, even if the user exits the service interface, they can still learn the latest status of the service from the capsule notification, and moreover, it will not affect the user's use of other applications or services.

[0086] It should be understood that when multiple services are running in the background, the service associated with the capsule notification is the service with the highest priority currently running. The service associated with the capsule notification mentioned here refers to the service displayed in the capsule notification. The relevant explanations for similar descriptions below are the same as here and will not be repeated.

[0087] Burn-in phenomenon

[0088] Among various types of display screens, organic light emitting diode (OLED) display screens are widely used in various electronic devices due to their advantages such as self-luminescence, high saturation, high contrast, low power consumption, and being thin and light. The pixels of an OLED display screen have light emitting diodes formed based on organic materials. When an electric current passes through, these organic materials will emit light. The brightness of the pixels can be controlled by the magnitude of the current. The larger the current, the brighter the pixel; the smaller the current, the darker the pixel. As the usage time increases, the organic materials will age, resulting in a decrease in the light emitting efficiency of the pixels and a deviation in the display effect of the pixels. For example, under the same magnitude of voltage or current, the brightness generated by exciting the aged pixels (the organic materials therein) is lower than the state before aging, and the greater the current, the faster the organic materials age. This phenomenon where the display effect of the display screen deviates due to pixel aging is called the burn-in phenomenon of the display screen.

[0089] For the above-mentioned capsule notification, since the display screen displays the black capsule notification for a long time, the aging phenomenon of the pixels in this area will be relatively serious, resulting in the burn-in phenomenon. What the user sees is that there is an afterimage on the screen, which seriously affects the user's visual experience.

[0090] In order to reduce the burn-in phenomenon of the display screen, the embodiments of the present application provide a new notification display method. During the process of displaying capsule notifications for the same service, two different forms of capsule notifications, namely the first capsule notification and the second capsule notification, are alternately displayed. Compared with the first capsule notification, the second capsule notification has a smaller size. In this way, since it is not necessary to continuously display the large-sized first capsule notification for a long time, the time for some pixels to display the same picture for a long time is reduced, and the aging of the pixels is slowed down to a certain extent, thereby reducing the burn-in phenomenon of the display screen and achieving the purpose of preventing burn-in.

[0091] Hereinafter, the notification display method provided by the embodiments of the present application will be described in detail. For ease of description, the taxi-hailing service is used as a specific service example for description.

[0092] I. Single capsule display scenario

[0093] In this scenario, one capsule notification is associated with one service, that is, one capsule notification includes the notification information of one service, and the notification information of the service may include the icon of the service and the status information of the service. In addition, for the same service, two different forms of capsule notifications (the first capsule notification and the second capsule notification) appear alternately.

[0094] Embodiment 1. Second capsule notification + icon of the service on the side

[0095] Figure 2 It is a schematic diagram of the GUI for the process of the capsule notification provided by the embodiment of the present application to alternately display in different forms and switch between the capsule notification and the card.

[0096] Refer to Figure 2 In (a) of [], a status bar 21 is displayed at the top of the display screen. The status bar 21 is located at the top of the screen and may include the current status of the mobile phone, such as the cellular network signal quality indicator, the wireless network signal quality, the battery power, the real-time time, the notification icons of applications or services, etc. The status bar may also include other information that changes following the status. Figure 2 The status bar 21 shown in (a) of [] is only an example. The positions of the information in the status bar may not be limited to those shown in the figure, and developers can flexibly adjust according to the display requirements. The present application does not make special limitations on the information content and position displayed in the status bar.

[0097] After the user performs an operation on a certain service (such as a taxi-hailing service) on the service interface, when the user exits the service interface and the electronic device detects the operation of the user exiting the current service interface, for important service notifications, the electronic device will display the corresponding capsule notification (or status capsule) of the service in the status bar. The capsule notification includes the icon of the service and the status information of the service, and this status information is generally the key information of the important node where the service is located. In this way, even if the user exits the service interface, the user can still obtain the latest status of the service from the capsule notification, and moreover, it will not affect the user's use of other applications or services.

[0098] Continue to refer to Figure 2 In (a) of [], the status bar 21 includes a first capsule notification 22a, and the first capsule notification 22a is used to display the notification message of the first service. For example, the first capsule notification 22a is used to display the notification message of the taxi-hailing service (an example of the first service), so that the user can obtain important notifications of the taxi-hailing service in a timely manner.

[0099] The first capsule notification 22a is located in the middle area of the status bar 21. The first capsule notification 22a is presented in black, so it can be integrated with the black front camera hole 23, presenting the style of a complete capsule.

[0100] In this example, the notification displayed in the status bar is in the form of a capsule. In other embodiments, the notification in the status bar may also be in other shape styles, and the present application does not make any limitations on this.

[0101] Continue to refer to Figure 2 In (a) of [], the first capsule notification 22a includes a first capsule area 221 located on the first side (the left side in the figure) of the front camera hole 23 and a second capsule area 222 located on the second side (the right side in the figure) of the front camera hole 23.

[0102] In some embodiments, the first capsule area 221 displays an icon of a first service, such as an icon of a ride-hailing service. Exemplarily, the first capsule area 221 may also display the name of the first service, such as the name "Ride-hailing". The second capsule area 423 may display the key status information of the first service. For example, it displays the key status information of the ride-hailing service, such as the license plate number of the assigned vehicle, the estimated time, and other information. In this way, the user can clearly see the current status of the ride-hailing service. In the embodiments of the present application, the key status information may also be simply referred to as key information, and the two can be used interchangeably.

[0103] In some embodiments, the second capsule area 222 displays the key status information of the important nodes where the first service is currently located. Moreover, when the key status information includes multiple strings that cannot be fully displayed simultaneously within the second capsule area 222, the key status information can be divided into at least two strings, and these strings are alternately displayed within the second capsule area 222. In addition, the key status information displayed in the second capsule area 222 can be switched according to different important nodes of the current service.

[0104] In one example, the key status information includes two strings, and the above two strings are rotated every first preset duration, such as 2.5 s. After rotating for a second preset duration (such as 5 s), the key information is fixed and displayed. If there is no new status information for a third preset duration (such as 1 min), the rotation is triggered again. For example, if the important node where the ride-hailing service is currently located is that the driver has accepted the order and is on the way to the pick-up point, the second capsule area 222 scrolls to display the license plate number of the assigned vehicle and the estimated time to reach the pick-up point, that is, it scrolls to display "Beijing AXXXX" and "about 3 minutes". For example, after displaying the license plate number for 2.5 s, it switches to display the estimated time to reach the pick-up point. After 5 s, the license plate number is fixed and displayed. If there is no new information after 1 min, the above two pieces of information are rotated again.

[0105] Moreover, in some scenarios, the key status information displayed in the second capsule area 222 can be updated in real time following the service status. For example, the current important node (i.e., the service status) of the ride-hailing service is the order assignment status. When the order assignment is completed and the service status changes to the status that the driver is on the way to the pick-up point, the information displayed in the second capsule area 222 will also be updated accordingly to the information of the status that the driver is on the way to the pick-up point (for example, it displays the license plate number "Beijing AXXXXX" and the time to reach the pick-up point "about 3 minutes").

[0106] Refer to Figure 2 In (b) of, after the first capsule notification 22a is displayed for the first preset duration, the second capsule notification 22b is updated and displayed in the middle area of the status bar. The second capsule notification 22b is associated with the first service (for example, the ride-hailing service), and the size of the second capsule notification 22b is smaller than the size of the first capsule notification 22a.

[0107] That is to say, the display duration of the first capsule notification 22a is the first preset duration. It should be understood that the second capsule notification 22b appears black, so it can be integrated with the black front camera hole 23 to present the style of a complete capsule.

[0108] It should be noted that the first capsule notification 22a and the second capsule notification 22b are two forms of capsule notifications for the same service (i.e., the first service). The first capsule notification 22a can be understood as a normal form of capsule notification, and the second capsule notification 22b can be understood as a reduced form of capsule notification. Since the size of the second capsule notification 22b is smaller than that of the first capsule notification 22a, and the second capsule notification 22b is displayed at intervals, the large-sized first capsule notification does not need to be displayed continuously for a long time. In this way, the duration of some pixels displaying the same picture can be reduced, the aging of the pixels can be slowed down to a certain extent, and thus the screen burn phenomenon of the display screen can be reduced.

[0109] During the running of the first service, the capsule notification can also be switched from the second capsule notification 22b to the first capsule notification 22a. That is, in some embodiments, after the second preset duration of the second capsule notification 22b is updated and displayed, the first capsule notification 22a is updated and displayed in the middle area of the status bar 21.

[0110] That is to say, the first capsule notification 22a and the second capsule notification 22b appear alternately. As long as the first service is not ended, the two can alternate in turn. That is, the first capsule notification 22a → the second capsule notification 22b → the first capsule notification 22a → the second capsule notification 22b..., until the first service ends.

[0111] Exemplarily, the second preset duration is less than the first preset duration. For example, the first preset duration is 3 minutes (min), and the second preset duration is 1 min. For another example, the first preset duration is 10 minutes (min), and the second preset duration is 3 min. For example, the first capsule notification 22a is displayed for 3 min. After 3 min, the second capsule notification 22b is updated and displayed. The second capsule notification 22b is displayed for 1 min. After 1 min, the first capsule notification 22a is updated and displayed..., alternating repeatedly until the first service ends.

[0112] In this way, the second capsule notification 22b with a shorter display duration (i.e., the second preset duration) can reduce the screen burn phenomenon; moreover, the user can see the relevant status of the first service for a long time or quickly learn it with the naked eye through the first capsule notification 22a with a longer display duration (i.e., the first preset duration). While reducing the screen burn phenomenon, it ensures that the user can obtain important notifications efficiently for a long time as much as possible.

[0113] Of course, the relationship between the second preset duration and the first preset duration is not limited to this. In other examples, the second preset duration is equal to the first preset duration, or the second preset duration is greater than the first preset duration.

[0114] It can be understood that the magnitude relationship between the second preset duration and the first preset duration implies considerations for reducing the burn-in phenomenon and improving the efficiency of users obtaining important notifications: a longer second preset duration has a better effect on reducing the burn-in phenomenon, and a longer first preset duration results in a higher efficiency for users to obtain important notifications.

[0115] It should be noted that when displaying other services through the capsule notification after the first service ends, regardless of whether the capsule notification associated with the first service before the end is the first capsule notification 22a or the second capsule notification 22b, the notification message of the other service is displayed through the large-sized first capsule notification when it is first shown.

[0116] For the second capsule notification 22b, continue to refer to Figure 2 in (b) of it. An icon 223 of the first service is also displayed on one side of the second capsule notification 22b. That is to say, after the first capsule notification 22a is displayed for the first preset duration, not only is the second capsule notification 22b updated and displayed in the middle area of the status bar, but an icon 223 of the first service (such as a taxi service) is also displayed on one side of the second capsule notification 22b.

[0117] In the above embodiment, while the second capsule notification is updated and displayed, an icon of the first service (such as a taxi service) is displayed on one side of the second capsule notification, enabling the user to know for sure that the first service is running, making the user perceive the continuity of the service and providing a good user experience.

[0118] In one example, continue to refer to Figure 2 in (b) of it. An icon 223 of the first service is displayed on the first side of the second capsule notification 22b, and the first side of the second capsule notification 22b is in the same direction as the first side of the front camera hole 23. That is to say, the icon 223 of the first service and the first capsule area 221 of the first capsule notification 22a are on the same side of the front camera hole 23.

[0119] For example, as Figure 2 in (b) of it, the first side of the second capsule notification 22b is the left side of the second capsule notification 22b, and the first side of the front camera hole 23 is also the left side of the front camera hole 23. As another example (not shown in the figure), the first side of the second capsule notification 22b is the right side of the second capsule notification 22b, and the first side of the front camera hole 23 is also the right side of the front camera hole 23.

[0120] In the above embodiments, while updating the display of the second capsule notification, an icon of a first service (e.g., a taxi-hailing service) is displayed on the first side of the second capsule notification 22b that is on the same side as the first side of the front camera hole 23. Since the first capsule area where the first capsule notification was previously displayed is also on the first side of the front camera hole 23, when updating the display of the second capsule notification and displaying the icon of the first service, overall, the consistency of the position of the icon of the first service in the status bar is maintained, and the visual experience of the user is preferably maintained.

[0121] Of course, in other examples, the icon 223 of the first service may also be displayed in other areas of the status bar. For example, the icon 223 of the first service may also be displayed on the second side of the second capsule notification 22b (e.g., the right side in the figure), and the second side of the second capsule notification 22b is opposite to the first side of the front camera hole 23 (e.g., the left side in the figure).

[0122] In the above embodiments, continuing to refer to Figure 2 (b), exemplarily, no content is displayed in the second capsule notification 22b. In this way, the size of the second capsule notification 22b can be as small as possible, or rather, the size of the second capsule notification 22b can be minimized, so as to reduce the duration of more pixels displaying the same picture as much as possible, better reduce the aging of pixels, better reduce the burn-in phenomenon of the display screen, and improve the anti-burn-in effect.

[0123] Of course, in other embodiments, some of the content originally in the first capsule notification 22a may be displayed in the second capsule notification 22b, for example, only the status information is displayed. Or, the icon of the first service is displayed in the second capsule notification 22b, and the status information is displayed on one side of the second capsule notification 22b.

[0124] Hereinafter, the interaction operations that can be performed on the capsule notification or the card in this embodiment will be described in detail.

[0125] 1) Click or long-press the capsule notification, and the capsule notification expands into a card

[0126] a. Click or long-press the first capsule notification

[0127] Referring to Figure 2 (a) and (c), in response to the user's click or long-press operation on the first capsule notification 22a, the first capsule notification 22a expands into a card 24, or rather, the card 24 is displayed. As shown in Figure 2 (c), the card 24 includes the status information of the first service (e.g., a taxi-hailing service). That is, when the user long-presses or clicks the first capsule notification 22a shown in Figure 2 (a), the interface jumps to the interface shown in Figure 2 (c).

[0128] Figure 2 The interface shown in (c) includes a desktop 20 at the bottom layer and cards 24 above the desktop 20. The cards 24 include a title area, an information area, a service status area, and service icons.

[0129] In one embodiment, the card 24 is located at the top of the screen and its color is black, so that the black card 24 merges with the black front camera hole to form a complete card style. Exemplarily, the card 24 covers the first capsule notification 22a.

[0130] In other embodiments, the card 24 can also be located below the status bar. In this case, the card 24 can be a color other than black, such as the same color as the interface of the application or service displayed on the card. In addition, in this case, the first capsule notification 22a is no longer displayed in the status bar. This application does not make special restrictions on the display information (such as card color, display position, etc.) of the card that operates to expand and display the first capsule notification 22a.

[0131] In some application scenarios (such as travel services), the content displayed in the information area and service status area of the card 24 can also be refreshed in real time according to the service status. Therefore, the card 24 is also called a dynamic notification.

[0132] The title area includes a service icon and a service name. For example, the service in this example belongs to the category of travel reminders, specifically the name of a map APP, such as XX Map.

[0133] The information area includes key information of important nodes of the service. For example, in this example, it is used to display the key information of the current node in the taxi-hailing journey. When in the node of the driver going to the pick-up point, the key information displayed can include the license plate number "Beijing AXXXX" of the accepted vehicle, the vehicle color "white", the driver information "Master Zhang", and the estimated time to reach the pick-up point "about 2 minutes to arrive", etc.

[0134] The service status area includes a visually dynamic display of the service progress bar. For example, in this example, it is the taxi-hailing service of a map APP, which shows the progress of the current node. If currently in the stage where the driver has accepted the order and is going to the pick-up point, the progress bar shows the travel progress of the accepted vehicle to the pick-up point, and the distance of the accepted vehicle from the pick-up point and the real-time road conditions of the itinerary of this stage (the route of the accepted vehicle to the pick-up point), that is, the situation of smooth or congested roads, are displayed in real time within the progress bar.

[0135] The service icon enables users to more intuitively know the service corresponding to the current dynamic notification. For example, in this example, it is the taxi-hailing service in a map APP, and the vehicle icon shown in the figure is displayed.

[0136] Similar to the updated status information of the capsule notification, the content displayed in the information area and service status area of the card 24 will be updated in real time according to the service status.

[0137] In the above embodiment, by clicking or long pressing the first capsule notification, the first capsule notification is expanded into a card, which includes more detailed status information of the first service, so that the user can know the status information of the first service more comprehensively, thereby improving the user experience.

[0138] b. Click or long press the icon of the second capsule notification or the first service

[0139] refer to Figure 2 In (b) and (c), in response to the user clicking or long pressing the second capsule notification 22b or the icon 223 of the first service, the second capsule notification 22b is expanded into a card 24, or in other words, the card 24 is displayed, such as Figure 2 As shown in (c) of FIG. 1 , the card 24 covers the first capsule notification 22a, and the card 24 includes the status information of the first service (for example, a taxi travel service). That is, the user long presses or clicks Figure 2 The second capsule notification 22b or the icon 223 of the first service shown in (b) jumps to the interface Figure 2 The interface shown in (c) is as follows. Figure 2 For the specific description of the interface shown in (c), please refer to the relevant description above and will not be repeated here.

[0140] In the above embodiment, by clicking or long pressing the second capsule notification or the icon of the first service, the second capsule notification is expanded into a card, which includes more detailed status information of the first service, so that the user can know the status information of the first service more comprehensively, thereby improving the user experience.

[0141] 2) If there is no operation or the card is swiped up, the card shrinks to a capsule notification

[0142] refer to Figure 2 In (c), if no operation is detected within the third preset time period or a sliding operation on the card 24 is detected, the first capsule notification 22a is displayed in the status bar, or in other words, the card 24 is shrunk into the first capsule notification 22a.

[0143] That is, whether the card 24 is based on Figure 2 The first capsule notification 22a of (a) is also based on Figure 2 If the second capsule notification 22b in (b) or the icon 223 of the first service is expanded, the card 24 is swiped up or no user operation is detected within a third preset time period, the card 24 is collapsed into the first capsule notification 22a.

[0144] In this way, with no user operation or based on user operation, the card can be shrunk into a capsule state, which can keep the interface clean and facilitate the user to view other content. In addition, shrinking the card into the first capsule notification 22a enables the user to quickly learn about the relevant status of the first service with the naked eye, improving the efficiency of learning important notifications.

[0145] 3) Slide down the capsule notification to enter the notification center interface

[0146] a. Slide down the first capsule notification

[0147] Figure 3 It is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card provided by the embodiment of the present application.

[0148] Refer to Figure 3 In (a) of, in response to the user's sliding-down operation on the first capsule notification 22a, enter the notification center interface, as shown in (c) of Figure 3 The notification center interface includes a card 25, or rather, the first capsule notification 22a expands into the card 25. The card 25 includes the status information of the first service (for example, the taxi-hailing service). That is, when the user slides down the first capsule notification 22a shown in (a) of Figure 3 The interface jumps to the interface 29 shown in (c) of Figure 3 That is, the notification center interface 29. It can be seen that the capsule notification is an entrance to the notification center.

[0149] It should be understood that in the case of multiple notifications, the notification center interface also includes cards associated with other services. For example, the card 26 is associated with the flight service and displays the status information of the flight, and the card 27 is associated with the takeout service and displays the status information of the takeout.

[0150] In the notification center, dynamic notifications are ranked before ordinary notifications. Dynamic notifications refer to service notifications whose service status will change, such as notifications for taxi-hailing services, flight travel services, etc. For example, the service status of the taxi-hailing service can include waiting for the platform to assign an order, the driver has accepted the order and is on the way to the pick-up point, arriving at the pick-up point, going to the destination, and the trip ends. Ordinary notifications refer to the notification content of services whose service status remains unchanged, such as short message notifications, notifications of instant messaging APPs, etc.

[0151] When there are multiple dynamic notifications, the dynamic notifications are sorted in descending order of importance. If at least two dynamic notifications have the same importance, they are sorted in ascending order of the time from short to long when they reach the next important node. For example, in this example, the priority of the taxi-hailing service is higher than that of the flight travel service. Therefore, the card 25 for taxi-hailing in the notification center is ranked before the card 26 for flight travel.

[0152] Ordinary notifications are arranged in ascending order of receipt time.

[0153] As Figure 3 shown in (c) of [], the notification center interface 29 may include multiple cards. Dynamic notifications are ranked before ordinary notifications. Moreover, the card 25 corresponding to the first capsule notification 22a among the dynamic notifications is at the top, and other dynamic notifications are arranged in descending order of time.

[0154] b. Slide down the icon of the second capsule notification or the first service

[0155] Refer to Figure 3 (b) of []. In response to the user's slide-down operation on the second capsule notification 22b or the icon 223 of the first service, enter the notification center interface. As Figure 3 shown in (c) of [], the notification center interface includes the card 25. Or rather, the second capsule notification 22b expands into the card 25. The card 25 includes the status information of the first service (for example, the taxi-hailing service). That is, when the user slides down Figure 3 the second capsule notification 22b or the icon 223 of the first service shown in (b) of [], the interface jumps to Figure 3 the interface 29 shown in (c) of [], that is, the notification center interface 29. For the specific description of the notification center interface 29, reference can be made to the relevant description above and will not be elaborated here.

[0156] 4) Slide up the capsule notification to hide the capsule notification

[0157] In response to the slide-up operation (or click-and-slide operation, that is, slide up while pressing) on the first capsule notification 22a, the first capsule notification 22a is hidden. When the service status of the first service is updated, the first capsule notification 22a including the latest service status information can be displayed again.

[0158] In response to the slide-up operation (or click-and-slide operation, that is, slide up while pressing) on the second capsule notification 22b or the icon 223 of the first service, the second capsule notification 22b and the icon 223 of the first service are hidden. When the service status of the first service is updated, the first capsule notification 22a including the latest service status information can be displayed.

[0159] It should be understood that the operations of switching between different forms of the two capsule notifications and switching between the capsule notification and the card in the above examples are only illustrative descriptions, and the embodiments of the present application do not limit this. For example, when shrinking from a card to a capsule notification, it can be a click operation on the bottom of the card (such as card 24, card 44, or card 74) to shrink the card into a capsule notification. For another example, the operations in the above various states can be interchanged. For instance, sliding down the capsule notification will expand the card, and clicking or long-pressing the capsule notification will display the notification center interface.

[0160] Example 2. Second capsule notification, including an icon of the service and a brief identification of the information

[0161] Figure 4 It is a schematic diagram of another GUI for the process of alternately displaying the capsule notifications provided in the embodiments of the present application between different forms and switching between the capsule notifications and the cards.

[0162] Reference Figure 4 In (a) of [reference], a status bar 41 is displayed at the top of the display screen. The status bar 41 includes a first capsule notification 42a, and the first capsule notification 42a is used to display a notification message of the first service. For example, the first capsule notification 42a is used to display a notification message of the taxi-hailing service (an example of the first service), so that the user can obtain important notifications of the taxi-hailing service in a timely manner. The first capsule notification 42a is located in the middle area of the status bar 41. The first capsule notification 22a is presented in black, so it can be integrated with the black front camera hole 23 to present the style of a complete capsule. The first capsule notification 42a includes a first capsule area 421 located on the first side (the left side in the figure) of the front camera hole 43 and a second capsule area 422 located on the second side (the right side in the figure) of the front camera hole 43. In some embodiments, the first capsule area 421 displays an icon of the first service, such as an icon of the taxi-hailing service. Exemplarily, the first capsule area 421 can also display the name of the first service, such as the name of "taxi-hailing". The second capsule area 422 can display the key status information of the first service. For example, it can display the key status information of the taxi-hailing service, such as the license plate number of the accepted vehicle, the estimated time, and other information. In this way, the user can clearly understand the current status of the taxi-hailing service.

[0163] For the specific description of the first capsule notification 42a, reference can be made to Figure 2 For the related description of the first capsule notification 22a, it will not be elaborated here.

[0164] Reference Figure 4 In (b) of [reference], after the first capsule notification 42a is displayed for the first preset duration, a second capsule notification 42b is updated and displayed in the middle area of the status bar. The second capsule notification 42b is associated with the first service (for example, the taxi-hailing service), and the size of the second capsule notification 42b is smaller than the size of the first capsule notification 42a.

[0165] That is to say, the display duration of the first capsule notification 42a is the first preset duration. It should be understood that the second capsule notification 42b is presented in black, so it can be integrated with the black front camera hole 23 to present the style of a complete capsule.

[0166] It should be noted that the first capsule notification 22a and the second capsule notification 22b are two forms of capsule notifications for the same service (i.e., the first service). The first capsule notification 22a can be understood as a normal form of capsule notification, and the second capsule notification 22b can be understood as a reduced form of capsule notification.

[0167] During the operation of the first service, the capsule notification can also be switched from the second capsule notification 42b to the first capsule notification 42a. That is, in some embodiments, after updating and displaying the second capsule notification 42b for a second preset duration, the first capsule notification 42a is updated and displayed in the middle area of the status bar 41. That is to say, the first capsule notification 42a and the second capsule notification 42b appear alternately, and as long as the first service has not ended, the two can alternate in turn.

[0168] It should be noted that when other services are displayed through the capsule notification after the first service ends, regardless of whether the capsule notification associated with the first service before the end is the first capsule notification 42a or the second capsule notification 42b, the notification message of the other service is displayed through the large-sized first capsule notification for the first time.

[0169] The specific description of the alternate display between the first capsule notification 42a and the second capsule notification 42b here can refer to the relevant description above about Figure 2 and will not be elaborated here.

[0170] For the second capsule notification 42b, continue to refer to Figure 4 in (b) thereof. The second capsule notification 42b includes a third capsule area 423 and a fourth capsule area 424. The third capsule area 423 includes an icon of the first service, and the fourth capsule area 424 includes an information abbreviation identifier.

[0171] In the above embodiment, when updating and displaying the second capsule notification 42b, a part of the key information of the first service originally displayed in the first capsule notification 42a is retained, and the remaining information that is not retained is identified by the information abbreviation identifier. In this way, while the size of the second capsule notification 42b can be reduced, a part of the key information can still be displayed, enabling the user to know that the first service is running, so that the user can perceive the continuity of the service and the user experience is good.

[0172] Exemplarily, continue to refer to Figure 4 in (b) thereof. The third capsule area 423 and the first capsule area 421 are on the same side of the front camera hole 43, and the fourth capsule area 424 and the second capsule area 422 are on the same side of the front camera hole 43.

[0173] In the above embodiments, since both the third capsule area 423 and the first capsule area 421 are used to display the icons of the first service, and both the fourth capsule area 424 and the second capsule area 422 are used to display the content related to the information, therefore, the third capsule area 423 and the first capsule area 421 are arranged on the same side of the front camera hole 43, and the fourth capsule area 424 and the second capsule area 422 are arranged on the same side of the front camera hole 43. Overall, the consistency of the icons of the first service and the status information at the position of the capsule notification is maintained, and the visual experience of the user is better maintained.

[0174] Of course, in other examples, the third capsule area 423 can also be used to display information abbreviated identifiers, and the fourth capsule area 424 can also be used to display the icons of the first service. The embodiments of the present application do not make any limitations.

[0175] Hereinafter, the interaction operations that can be performed on the capsule notification or the card in this embodiment will be described in detail.

[0176] 1) Click or long-press the capsule notification, and the capsule notification expands into a card

[0177] a. Click or long-press the first capsule notification

[0178] Refer to Figure 4 in (a) and (c). In response to the click or long-press operation of the user on the first capsule notification 42a, the first capsule notification 42a expands into a card 44, or rather, the card 44 is displayed. As shown in (c) of Figure 4 , the card 44 includes the status information of the first service (for example, the taxi-hailing service). That is, when the user long-presses or clicks on the first capsule notification 42a shown in (a) of Figure 4 , the interface jumps to the interface shown in (c) of Figure 4 .

[0179] For the specific description of the display of the card 44 after clicking or long-pressing the first capsule notification 42a, reference can be made to the above Figure 2 Regarding the relevant description of the display of the card 24 after clicking or long-pressing the first capsule notification 22a, it will not be elaborated here.

[0180] b. Click or long-press the second capsule notification

[0181] Refer to Figure 4 in (b) and (c). In response to the click or long-press operation of the user on the second capsule notification 42b, the second capsule notification 42b expands into a card 44, or rather, the card 44 is displayed. As shown in (c) of Figure 4 , the card 44 includes the status information of the first service (for example, the taxi-hailing service). That is, when the user long-presses or clicks on the second capsule notification 42b shown in (b) of Figure 4 , the interface jumps to Figure 4 The interface shown in (c).

[0182] For a detailed description of displaying the card 44 after clicking or long pressing the second capsule notification 42b, please refer to the above Figure 2 The description of displaying the card 24 after clicking or long pressing the first capsule notification 22a is omitted.

[0183] 2) If there is no operation or the card is swiped up, the card shrinks to a capsule notification

[0184] refer to Figure 4 In (c), if no operation is detected within the third preset time period or a sliding operation on the card 44 is detected, the first capsule notification 42a is displayed in the status bar, or in other words, the card 44 is shrunk into the first capsule notification 42a.

[0185] That is, whether the card 44 is based on Figure 4 The first capsule notification 42a of (a) is also based on Figure 4 In (b), if the second capsule notification 42b is expanded, if a swipe up operation is performed on the card 44 or no user operation is detected within a third preset time period, the card 44 is collapsed to the first capsule notification 42a.

[0186] 3) Swipe down the notification bubble to enter the notification center interface

[0187] a. Notice of the first capsule of the downward slide

[0188] Figure 5 It is a schematic diagram of another GUI for the process of alternating display of capsule notifications between different forms and switching display between capsule notifications and cards provided in an embodiment of the present application.

[0189] refer to Figure 5 (a), in response to the user's sliding operation on the first capsule notification 42a, the notification center interface is entered, such as Figure 5 As shown in (c) of FIG. 1 , the notification center interface includes a card 45, or in other words, the first capsule notification 42a is expanded into a card 45. The card 45 includes the status information of the first service (eg, a taxi travel service). Figure 5 The first capsule notification 42a shown in (a) jumps to the interface Figure 5 The interface 49 shown in (c) is the notification center interface 49. It can be seen that the capsule notification is an entrance to the notification center.

[0190] For a detailed description of the notification center interface 49, please refer to the above Figure 3 The relevant description about the notification center interface 29 is not repeated here.

[0191] b. Notice of the second capsule sliding down

[0192] Reference Figure 5 As shown in (b) of, in response to the user's downward sliding operation on the second capsule notification 42b, enter the notification center interface, as shown in (c) of Figure 5 . The notification center interface includes a card 45, or rather, the second capsule notification 42b expands into a card 25. The card 45 includes the status information of the first service (e.g., a car-hailing service). That is, when the user slides down Figure 5 the second capsule notification 42a shown in (b) of, the interface jumps to Figure 5 the interface 49 shown in (c) of, that is, the notification center interface 49. For the specific description of the notification center interface 49, reference can be made to the relevant description above and will not be elaborated here.

[0193] 4) Slide up the capsule notification to hide the capsule notification

[0194] In response to an upward sliding operation (or a tap-and-slide operation, i.e., sliding while pressing) on the first capsule notification 42a or the second capsule notification 42b, the first capsule notification 42a and the second capsule notification 42b are hidden. When the service status of the first service is updated, the first capsule notification 42a including the latest service status information can be displayed.

[0195] Embodiment 3. The second capsule notification includes a capsule ring

[0196] Figure 6 is a schematic diagram of another GUI of the process of alternately displaying the capsule notification provided by the embodiment of the present application in different forms and switching between the capsule notification and the card.

[0197] Reference Figure 6 As shown in (a) of, a status bar 71 is displayed at the top of the display screen. The status bar 71 includes a first capsule notification 72a, and the first capsule notification 72a is used to display the notification message of the first service. For example, the first capsule notification 72a is used to display the notification message of a car-hailing service (an example of the first service), so that the user can obtain important notifications of the car-hailing service in a timely manner. The first capsule notification 72a is located in the middle area of the status bar 71. The first capsule notification 72a is black, so it can blend in with the black front camera hole 73 to present the style of a complete capsule. The first capsule notification 72a includes a first capsule area 721 on the first side (the left side in the figure) of the front camera hole 73 and a second capsule area 722 on the second side (the right side in the figure) of the front camera hole 73. In some embodiments, the first capsule area 721 displays the icon of the first service, such as the icon of a car-hailing service. Exemplarily, the first capsule area 721 can also display the name of the first service, such as the name "car-hailing". The second capsule area 722 can display the key status information of the first service.

[0198] For the specific description of the first capsule notification 72a, reference can be made to Figure 2 Regarding the related description of the first capsule notification 22a, it will not be elaborated here.

[0199] Reference Figure 6 In (b) of [], after the first preset duration of the first capsule notification 72a is displayed, the second capsule notification 72b is updated and displayed in the middle area of the status bar. The second capsule notification 72b is associated with the first service (for example, the taxi-hailing service), and the size of the second capsule notification 42b is smaller than that of the first capsule notification 72a.

[0200] During the running of the first service, the capsule notification can also switch from the second capsule notification 72b to the first capsule notification 72a. That is, in some embodiments, after the second preset duration of the second capsule notification 72b is updated and displayed, the first capsule notification 72a is updated and displayed in the middle area of the status bar 71. That is to say, the first capsule notification 72a and the second capsule notification 72b appear alternately, and as long as the first service has not ended, the two can alternate in turn.

[0201] The specific description here regarding the alternate display between the first capsule notification 72a and the second capsule notification 72b can be referred to the above description regarding Figure 2 and will not be elaborated here.

[0202] Figure 7 is an enlarged view of the second capsule notification 72b provided by the embodiment of the present application. Reference Figure 7 , a capsule ring 723 is formed at the edge of the second capsule notification 72b, and the color of the capsule ring 723 is different from the color of the area 724 of the second capsule notification 72b other than the capsule ring 723. Among them, no content is displayed in the second capsule notification 72b.

[0203] In the above embodiment, when the second capsule notification 72b is updated and displayed, the capsule ring 723 at the edge of the second capsule notification 72b is used to remind the user that the first service is in progress, so as to avoid the user's illusion that the first service has ended because they cannot see the relevant content; in addition, no content is displayed in the second capsule notification 72b, and the size of the second capsule notification 72b can be as small as possible, or in other words, the size of the second capsule notification 72b can be minimized, so as to minimize the duration of the same screen being displayed by more pixels as much as possible, which can better reduce the aging of pixels and better reduce the burn-in phenomenon of the display screen, and improve the anti-burn-in effect.

[0204] Next, the interactive operations that can be performed on the capsule notification or card in this embodiment will be described. Since the relevant content has been described in detail above, the following is a simple description.

[0205] 1) Click or long-press the capsule notification, and the capsule notification expands into a card

[0206] a. Click or long - press the first capsule notification

[0207] Reference Figure 6 In (a) and (c) of, in response to the user's click or long - press operation on the first capsule notification 72a, the first capsule notification 72a expands into a card 74, or rather, the card 74 is displayed, as shown in Figure 7 In (c) of, the card 74 includes the status information of the first service (e.g., car - hailing service). That is, when the user long - presses or clicks Figure 7 the first capsule notification 72a shown in (a) of, the interface jumps to Figure 7 the interface shown in (c) of

[0208] b. Click or long - press the second capsule notification

[0209] Reference Figure 6 In (b) and (c) of, in response to the user's click or long - press operation on the second capsule notification 72b, the second capsule notification 72b expands into a card 74, or rather, the card 74 is displayed, as shown in Figure 7 In (c) of, the card 74 includes the status information of the first service (e.g., car - hailing service). That is, when the user long - presses or clicks Figure 7 the second capsule notification 72b shown in (b) of, the interface jumps to Figure 7 the interface shown in (c) of

[0210] 2) Without operation or swiping up the card, the card shrinks into a capsule notification

[0211] Reference Figure 7 In (c) of, if no operation is detected or a swiping - up operation on the card 74 is detected within the third preset duration, the first capsule notification 72a is displayed in the status bar, or rather, the card 74 shrinks into the first capsule notification 72a

[0212] 3) Swipe down the capsule notification to enter the notification center interface

[0213] a. Swipe down the first capsule notification

[0214] Figure 8 is another schematic diagram of the GUI for the process of the capsule notification provided by the embodiments of the present application to alternately display between different forms and switch between the capsule notification and the card

[0215] Reference Figure 8 In (a) of, in response to the user's swiping - down operation on the first capsule notification 72a, enter the notification center interface, as shown in Figure 7 In (c) of, the notification center interface includes a card 75, or rather, the first capsule notification 72a expands into a card 75. The card 75 includes the status information of the first service (e.g., car - hailing service). That is, when the user swipes down Figure 8 The first capsule notification 72a shown in (a) causes the interface to jump to Figure 8 the interface 79 shown in (c), i.e., the notification center interface 79. It can be seen that the capsule notification is an entrance to the notification center.

[0216] b. Swipe down the second capsule notification

[0217] Refer to Figure 8 (b). In response to the user's swiping-down operation on the second capsule notification 72b, enter the notification center interface, as shown in Figure 8 (c). The notification center interface includes cards 75. Or rather, the second capsule notification 72b expands into cards 75. The cards 75 include status information of the first service (for example, the car-hailing service). That is, when the user swipes down Figure 8 the second capsule notification 72b shown in (b), the interface jumps to Figure 8 the interface 79 shown in (c), i.e., the notification center interface 79.

[0218] 4) Swipe up the capsule notification to hide the capsule notification

[0219] In response to the swiping-up operation (or the click-and-swipe-up operation, i.e., swiping up while pressing) on the first capsule notification 72a or the second capsule notification 72b, the first capsule notification 72a and the second capsule notification 72b are hidden. When the service status of the first service is updated, the first capsule notification 72a including the latest service status information can be displayed

[0220] II. Multiple capsule display scenarios

[0221] In this scenario, only the top-ranked capsule notification is displayed in the status bar. At the same time, in order to indicate that there are other status capsules, for the first capsule notification, a first shadow area is formed on one side in the length direction of the first capsule notification. This first shadow area is used to indicate that there are at least two service capsule notifications in the electronic device. The user can click or long-press this first capsule notification to expand the first capsule notification and display the corresponding cards or capsule notifications of other capsule notifications.

[0222] Embodiment 1. The second capsule notification + the icon of the service on the side + the capsule brief identifier

[0223] Figure 9 is a schematic diagram of another GUI showing the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card in the embodiments of the present application. Figure 10 is an enlarged view of the first capsule notification provided in the embodiments of the present application.

[0224] Refer to Figure 9 In (a) of the figure, a status bar 91 is displayed at the top of the display screen. The status bar 91 includes a first capsule notification 92a, and the first capsule notification 92a is used to display a notification message of a first service. For example, the first capsule notification 92a is used to display a notification message of a taxi-hailing service (an example of the first service), so that the user can obtain an important notification of the taxi-hailing service in a timely manner. The first capsule notification 92a is located in the middle area of the status bar 41. The first capsule notification 92a is presented in black, so it can be integrated with the black front camera hole 23, presenting the style of a complete capsule. The first capsule notification 92a includes a first capsule area 921 on the first side (the left side in the figure) of the front camera hole 93 and a second capsule area 922 on the second side (the right side in the figure) of the front camera hole 93. In some embodiments, the first capsule area 921 displays an icon of the first service, such as an icon of a taxi-hailing service. Exemplarily, the first capsule area 921 can also display the name of the first service, such as the name of "taxi". The second capsule area 922 can display the key status information of the first service.

[0225] Reference Figure 10 , on one side in the length direction of the first capsule notification 92a, a first shadow area 925 is formed. The first shadow area 925 is used to indicate that there are at least two capsule notifications in the electronic device. Exemplarily, the color of the first shadow area 925 is gray.

[0226] In one example, the first shadow area 925 is located above other areas 926 of the first capsule notification 92a except the first shadow area 925, so as to facilitate the visual intuitiveness of the user.

[0227] In the above embodiments, through the first shadow area 925 of the first capsule notification 92a, it can be known that there are multiple capsule notifications in the electronic device, so as to facilitate the user to operate on the first capsule notification 92a and then expand and view more notification messages.

[0228] Reference Figure 9 In (b) of the figure, after the first preset duration of displaying the first capsule notification 92a, a second capsule notification 92b is updated and displayed in the middle area of the status bar, and an icon 924 of the first service and a capsule brief identifier 923 are displayed on the same side or both sides of the second capsule notification 92b. The capsule brief identifier 923 is used to indicate that there are at least two capsule notifications in the electronic device. The size of the second capsule notification 92b is smaller than the size of the first capsule notification 92a.

[0229] In the above embodiments, while updating the display of the second capsule notification, the icons and capsule brief identification 923 of the first service (e.g., car-hailing service) are displayed on the same side or both sides of the second capsule notification. The user can know for sure that the first service is running and there are at least two service capsule notifications in the electronic device, enabling the user to perceive the continuity of the service and providing a good user experience.

[0230] In some embodiments, continuing to refer to Figure 9 (b) therein, the icon 924 of the first service and the capsule brief identification 923 are on the same side of the second capsule notification 92b. The icon 924 of the first service is on the upper layer of the capsule brief icon 923, and the icon 924 of the first service covers a partial display area of the capsule brief identification 923.

[0231] It can be understood that placing the icon 924 of the first service and the capsule brief identification 923 on the same side of the second capsule notification 92b results in a compact design and a beautiful visual effect. Placing the icon 924 of the first service on the upper layer of the capsule brief identification 923 can display the entire area of the service icon, facilitating the user to clearly see the service with the highest priority currently running. In addition, the icon of the first service covering a partial display area of the capsule brief identification 923 can save the space occupied by the status bar. In short, the overall design has a good visual effect and is convenient for the user to view, providing a good user experience.

[0232] In some embodiments, continuing to refer to Figure 9 (b) therein, the color of the capsule brief identification 923 is gray. It can be understood that the low brightness of gray avoids impacting the user's vision and reduces visual interference to the user.

[0233] In the above embodiments, continuing to refer to Figure 9 (b) thereof, exemplarily, there is no content displayed in the second capsule notification 92b. In this way, the size of the second capsule notification 92b can be as small as possible, or in other words, the size of the second capsule notification 92b can be minimized, thereby minimizing the duration of more pixels displaying the same screen as much as possible, better reducing the aging of pixels, better reducing the burn-in phenomenon of the display screen, and improving the anti-burn-in effect.

[0234] During the running process of the first service, the capsule notification can also switch from the second capsule notification 92b to the first capsule notification 92a. That is, in some embodiments, after updating and displaying the second capsule notification 92b for a second preset duration, the first capsule notification 92a is updated and displayed in the middle area of the status bar 91. That is to say, the first capsule notification 92a and the second capsule notification 92b appear alternately, and as long as the first service has not ended, the two can alternate in turns.

[0235] The specific description of the alternating display between the first capsule notification 92a and the second capsule notification 92b can refer to the relevant description above regarding Figure 2 and will not be elaborated here.

[0236] Next, a detailed description will be given of the interactive operations that can be performed on the capsule notifications or cards in this embodiment.

[0237] 1) Click or long-press on a capsule notification, and the capsule notification expands into a card

[0238] a. Click or long-press on the first capsule notification

[0239] Refer to Figure 9 in (a) and (c). In response to the user's click or long-press operation on the first capsule notification 92a, a notification list as shown in Figure 9 in (c) is displayed. The notification list includes multiple cards arranged in sequence from top to bottom. The multiple cards are associated with multiple different services. For example, the multiple cards may include card 941, card 942, and card 943. Card 941 is associated with a taxi ride service, card 942 is associated with a flight service, and card 943 is associated with a food delivery service. Card 941 is at the top, and card 941 includes the status information of the first service.

[0240] That is to say, in response to the user's click or long-press operation on the first capsule notification 92a, the first capsule notification 92a expands into card 941, and the cards corresponding to other capsules are displayed.

[0241] In the above embodiment, by clicking or long-pressing on the first capsule notification, the first capsule notification expands into a card and the cards corresponding to other capsule notifications are displayed. Each card includes more detailed status information of the associated service, so that the user can more comprehensively obtain the status information of each service, improving the user experience.

[0242] b. Click or long-press on the second capsule notification or the icon of the first service or the capsule brief icon

[0243] Refer to Figure 9 in (b) and (c). In response to the user's click or long-press operation on the second capsule notification 92b or the icon 924 of the first service or the capsule brief identifier 923, a notification list as shown in Figure 9 in (c) is displayed. The notification list includes multiple cards arranged in sequence from top to bottom. The multiple cards are associated with multiple different services. For example, the multiple cards may include card 941, card 942, and card 943. Card 941 is associated with a taxi ride service, card 942 is associated with a flight service, and card 943 is associated with a food delivery service. Card 941 is at the top, and card 941 includes the status information of the first service.

[0244] That is, in response to a user's click or long - press operation on the first capsule notification 92a, or the icon 924 of the first service, or the capsule brief identifier 923, the first capsule notification 92a expands into a card 941, and cards corresponding to other capsules are displayed.

[0245] In the above - mentioned embodiment, by clicking or long - pressing the second capsule notification, or the icon of the first service, or the capsule simple icon, the second capsule notification expands into a card and cards corresponding to other capsule notifications are displayed. Each card includes more detailed status information of the associated service, enabling the user to more comprehensively obtain the status information of each service and improving the user experience.

[0246] 2) Swiping up or clicking operation, the notification list shrinks to a capsule notification

[0247] Reference Figure 9 In (c) of the reference, in response to a swiping up or clicking operation on the bottom of the notification list or the blank area at the bottom of the notification list, the first capsule notification 92a is displayed in the status bar.

[0248] That is to say, regardless of whether the notification list is expanded based on the first capsule notification 92a as in Figure 9 (a) or based on the second capsule notification 92b, or the icon 924 of the first service, or the capsule brief identifier 923 as in Figure 9 (b), performing a swiping up or clicking operation on the bottom of the notification list or the blank area at the bottom of the notification list will collapse the notification list into the first capsule notification 92a.

[0249] In this way, based on the user's operation, collapsing the notification list into the capsule state can keep the interface clean and facilitate the user to view other content; in addition, collapsing the notification list into the first capsule notification 92a enables the user to quickly obtain the relevant status of the first service with the naked eye, improving the efficiency of obtaining important notifications.

[0250] 3) Swiping down the capsule notification to enter the notification center interface

[0251] Figure 11 It is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card in the embodiments of the present application.

[0252] a. Swiping down the first capsule notification

[0253] Reference Figure 11 In (a) of the reference, in response to a swiping down operation on the first capsule notification 92a, the display is as in Figure 11 In the notification center interface 99 of (c), the notification center interface 99 includes multiple cards, and the multiple cards are associated with multiple different services. For example, the multiple cards may include card 951, card 952, and card 953. Card 951 is associated with a taxi-hailing service, card 952 is associated with a flight service, and card 953 is associated with a food delivery service. Card 951 is at the top, and card 951 includes the status information of the first service.

[0254] b. Slide down the second capsule notification or the icon or capsule simple logo of the first service

[0255] Reference Figure 11 In (b) above, in response to the slide-down operation on the second capsule notification 92b, the icon 924 of the first service, or the capsule brief logo 923, display as Figure 11 In the notification center interface 99 of (c), the notification center interface 99 includes multiple cards, and the multiple cards are associated with multiple different services. For example, the multiple cards may include card 951, card 952, and card 953. Card 951 is associated with a taxi-hailing service, card 952 is associated with a flight service, and card 953 is associated with a food delivery service. Card 951 is at the top, and card 951 includes the status information of the first service.

[0256] It should be understood that the operations of switching between two capsule notifications in different forms and switching between capsule notifications and cards in the above examples are only illustrative, and the embodiments of the present application do not limit this. For example, for Figure 9 In the notification list shown in (c), when switching between portrait and landscape screens, switching between the inner and outer screens of a foldable screen, performing a back operation or a home operation, the card can be shrunk into a capsule.

[0257] Embodiment 2. The second capsule notification includes an icon of the service, an information brief logo, and a second shadow area

[0258] Figure 12A It is a schematic diagram of another GUI for the process of alternately displaying the capsule notifications in different forms and switching between the capsule notifications and the cards provided by the embodiments of the present application.

[0259] For the specific description of the first capsule notification 122a, reference can be made to the relevant description of the first capsule notification 92a above, and details will not be repeated.

[0260] Reference Figure 12A In (b) above, after the first capsule notification 122a is displayed for the first preset duration, the second capsule notification 122b is updated and displayed in the middle area of the status bar. The second capsule notification 122b is associated with the first service (for example, a taxi-hailing service), and the size of the second capsule notification 122b is smaller than the size of the first capsule notification 122a.

[0261] In some embodiments, after the second capsule notification 122b is updated and displayed for a second preset time period, the first capsule notification 122a is updated and displayed in the middle area of the status bar 121. That is, the first capsule notification 122a and the second capsule notification 122b appear alternately, and the two can alternate as long as the first service is not ended.

[0262] For a detailed description of the alternating display between the first capsule notification 122a and the second capsule notification 122b, please refer to the above description of Figure 2 The relevant description will not be repeated here.

[0263] For the second capsule notification 122b, continue to refer to Figure 12A (b) and Figure 12B The second capsule notification 122b includes a third capsule area 1223, a fourth capsule area 1224 and a second shadow area 1225, the third capsule area 1223 includes an icon of the first service, and the fourth capsule area 1224 includes an information brief identifier.

[0264] For the icon of the first service in the third capsule area 1223 and the brief information mark in the fourth capsule area 1224, please refer to the above Figure 4 The related description about the icon of the first service in the third capsule area 423 and the brief information mark in the fourth capsule area 424 is not repeated here.

[0265] A second shadow area 1225 is formed on one side of the first capsule notification 92a in the length direction, and the second shadow area 1225 is used to indicate that the capsule notification in the electronic device includes at least two services. Exemplarily, the color of the second shadow area 1225 is gray.

[0266] In one example, the second shadow area 1225 is located above other areas of the second capsule notification 122 b except the second shadow area 1225 , which facilitates the visual intuitiveness of the user.

[0267] In the above embodiment, the second shadow area 1225 of the second capsule notification 122b can be used to confirm that there are multiple capsule notifications in the electronic device, so that the user can operate the second capsule notification 122b to expand it and view more notification messages.

[0268] The following is an explanation of the interactive operations that can be performed on the capsule notification or card in this embodiment. Since the relevant content has been described in detail above, a brief description is given below.

[0269] 1) Click or long press the capsule notification, and the capsule notification will expand into a card

[0270] a. Click or long press the first capsule notification

[0271] refer to Figure 12A In (a) and (c) thereof, in response to the user's click or long - press operation on the first capsule notification 122a, a notification list as shown in Figure 12A in (c) is displayed. For the description of the notification list, refer to the relevant description above and will not be elaborated here.

[0272] b. Click or long - press the second capsule notification

[0273] Refer to Figure 12A in (b) and (c) thereof. In response to the user's click or long - press operation on the second capsule notification 122b, a notification list as shown in Figure 12A in (c) is displayed and will not be elaborated here.

[0274] In the above - mentioned embodiment, when clicking or long - pressing the first capsule notification or the second capsule notification, the first capsule notification or the second capsule notification expands into a card and displays the cards corresponding to other capsule notifications. Each card includes more detailed status information of the associated service, so that the user can more comprehensively know the status information of each service, improving the user experience.

[0275] 2) Swiping up operation or click operation, the notification list shrinks to a capsule notification

[0276] Refer to Figure 12A in (c) thereof. In response to the swiping up operation or click operation on the bottom of the notification list or the blank area at the bottom of the notification list, the first capsule notification 122a is displayed in the status bar.

[0277] 3) Swiping down the capsule notification to enter the notification center interface

[0278] Figure 13 is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card in the embodiment of the present application.

[0279] a. Swipe down the first capsule notification

[0280] Refer to Figure 13 in (a) thereof. In response to the swiping down operation on the first capsule notification 122a, the notification center interface 99 as shown in Figure 13 in (c) is displayed. For the description of the notification center interface, refer to the relevant description above and will not be elaborated here.

[0281] b. Swipe down the second capsule notification

[0282] Refer to Figure 13 in (b) thereof. In response to the swiping down operation on the second capsule notification 122b, the notification center interface 99 as shown in Figure 13 in (c) is displayed. For the description of the notification center interface, refer to the relevant description above and will not be elaborated here.

[0283] Embodiment 3: Second capsule notification, including capsule ring and second shadow area

[0284] Figure 14 It is a schematic diagram of another GUI for the process of alternating display of capsule notifications between different forms and switching display between capsule notifications and cards provided in an embodiment of the present application.

[0285] For a detailed description of the first capsule notification 142 a , reference may be made to the above description of the first capsule notification 92 a , which will not be repeated herein.

[0286] refer to Figure 14 In (b), after the first capsule notification 142a is displayed for a first preset time, the second capsule notification 142b is updated and displayed in the middle area of the status bar. The second capsule notification 142b is associated with the first service (for example, a taxi travel service), and the size of the second capsule notification 142b is smaller than the size of the first capsule notification 142a.

[0287] In some embodiments, after the second capsule notification 142b is updated and displayed for a second preset time period, the first capsule notification 142a is updated and displayed in the middle area of the status bar 141. That is, the first capsule notification 142a and the second capsule notification 142b appear alternately, and the two can alternate as long as the first service is not ended.

[0288] For a detailed description of the alternating display between the first capsule notification 142a and the second capsule notification 142b, please refer to the above description of Figure 2 The relevant description will not be repeated here.

[0289] refer to Figure 14 In (b), a capsule ring 1423 is formed on the edge of the second capsule notification 122b, and the color of the capsule ring 1423 is different from the color of the area of the second capsule notification 142b other than the capsule ring 1423, wherein no content is displayed in the second capsule notification 142b. In addition, a second shadow area 1425 is formed on one side in the length direction of the second capsule notification 142b, and the second shadow area 1425 is used to indicate that the capsule notification in the electronic device includes at least two services. Exemplarily, the color of the second shadow area 1425 is gray.

[0290] The second shadow area 1425 may be located outside the capsule ring 1423 , or the second shadow area 1425 may cover a portion of the capsule ring 1423 to reduce the space occupied by the status bar.

[0291] The following is an explanation of the interactive operations that can be performed on the capsule notification or card in this embodiment. Since the relevant content has been described in detail above, a brief description is given below.

[0292] 1) Click or long - press the capsule notification, and the capsule notification expands into a card

[0293] a. Click or long - press the first capsule notification

[0294] Refer to Figure 14 (a) and (c) in it. In response to the user's click or long - press operation on the first capsule notification 142a, display the notification list as shown in Figure 14 (c) in it. For the description of the notification list, refer to the relevant description above and will not be elaborated here

[0295] b. Click or long - press the second capsule notification

[0296] Refer to Figure 14 (b) and (c) in it. In response to the user's click or long - press operation on the second capsule notification 142b, display the notification list as shown in Figure 14 (c) in it. Will not be elaborated here

[0297] In the above - mentioned embodiment, when clicking or long - pressing the first capsule notification or the second capsule notification, the first capsule notification or the second capsule notification expands into a card and displays the cards corresponding to other capsule notifications. Each card includes more detailed status information of the associated service, so that the user can more comprehensively know the status information of each service, improving the user experience

[0298] 2) Swipe up or click operation, the notification list shrinks into a capsule notification

[0299] Refer to Figure 14 (c) in it. In response to the swipe - up operation or click operation on the bottom of the notification list or the blank area at the bottom of the notification list, display the first capsule notification 142a in the status bar

[0300] 3) Swipe down the capsule notification to enter the notification center interface

[0301] Figure 15 is a schematic diagram of another GUI of the process of alternately displaying the capsule notification in different forms and switching between the capsule notification and the card in the embodiment of the present application

[0302] a. Swipe down the first capsule notification

[0303] Refer to Figure 15 (a) in it. In response to the swipe - down operation on the first capsule notification 142a, display the notification center interface 149 as shown in Figure 15 (c) in it. For the description of the notification center interface, refer to the relevant description above and will not be elaborated here

[0304] b. Swipe down the second capsule notification

[0305] Refer to Figure 15 In (b) thereof, in response to a downward sliding operation on the second capsule notification 142b, a notification center interface 149 as shown in Figure 15 (c) is displayed. For the description of the notification center interface, refer to the relevant description above and will not be elaborated here.

[0306] It should be understood that the forms of the first capsule notification and the second capsule notification in the above examples are only illustrative. In implementation, as long as the two capsule notifications are dynamically and alternately displayed, and one capsule notification is a shrunk capsule notification, the embodiments of the present application can be implemented, and any deformation is within the protection scope of the embodiments of the present application.

[0307] Figure 16 is a schematic flowchart of method 1600 of the notification display method provided by the embodiments of the present application.

[0308] Refer to Figure 16 , in step S1610, the electronic device displays a first interface. The first interface includes a status bar. The status bar includes a first capsule notification located in the middle area of the status bar. The first capsule notification includes a first capsule area and a second capsule area. The first capsule area is located on the first side of the front camera hole, and the first capsule area is located on the second side of the front camera hole. The first capsule area includes an icon of a first service, and the second capsule area includes status information of the first service;

[0309] In step S1620, after the first capsule notification is displayed for a first preset duration, a second capsule notification is updated and displayed in the middle area of the status bar. The second capsule notification is associated with the first service, and the size of the second capsule notification is smaller than that of the first capsule notification.

[0310] Method 1600 further includes: after the second capsule notification is updated and displayed for a second preset duration, the first capsule notification is updated and displayed in the middle area of the status bar.

[0311] Here, the first interface may correspond to the desktop of the mobile phone above, and the status bar may correspond to the status bar in any of the Figures 2 to 15 figures above. The first capsule notification, the second capsule notification, the first service, the first preset duration, and the second preset duration can all correspond to the same terms above. For relevant explanations, refer to the description above and will not be elaborated here.

[0312] It should be understood that the notification display method of the embodiments of the present application is applicable to various electronic devices with a display function. Exemplarily, the electronic device may be a mobile phone, a smart screen, a tablet computer, a wearable device, a vehicle-mounted device, an augmented reality (AR) device, a virtual reality (VR) device, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, etc.

[0313] Figure 17 The structural schematic diagram of an electronic device 1700 provided by an embodiment of the present application is shown. Referring to Figure 17 , the electronic device 1700 may include a processor 1710, an external memory interface 1720, an internal memory 1721, a universal serial bus (USB) interface 17170, a charging management module 1740, a power management module 1741, a battery 1742, an antenna 1, an antenna 2, a mobile communication module 1750, a wireless communication module 1760, an audio module 1770, a speaker 1770A, a receiver 1770B, a microphone 1770C, a headphone interface 1770D, a sensor module 1780, a button 1790, a motor 1791, an indicator 1792, a camera 1794, a display screen 1794, and a subscriber identification module (SIM) card interface 1795, etc. Among them, the sensor module 1780 may include a pressure sensor, a gyroscope sensor, a barometric pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, a bone conduction sensor, etc.

[0314] It should be noted that Figure 17 the structure shown does not specifically limit the electronic device 1700. In other embodiments of the present application, the electronic device 1700 may include more or fewer components than Figure 17 the components shown, or the electronic device 1700 may include Figure 17 a combination of some of the components shown, or the electronic device 1700 may include Figure 17 sub-components of some of the components shown. Figure 17 The components shown may be implemented in hardware, software, or a combination of software and hardware.

[0315] The processor 1710 may include one or more processing units. For example, the processor 1710 may include at least one of the following processing units: an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a video codec, a digital signal processor (DSP), a baseband processor, and a neural-network processing unit (NPU). Among them, different processing units may be independent devices or integrated devices.

[0316] In some embodiments, the processor 1710 may execute any of the notification display methods proposed in the embodiments of the present application. For example, the processor 1710 controls the first capsule notification of the display screen located in the middle area of the status bar. After displaying the first capsule notification for a first preset duration, it controls the display screen to update and display a second capsule notification in the middle area of the status bar; after updating and displaying the second capsule notification for a second preset duration, it controls the display screen to update and display the first capsule notification in the middle area of the status bar.

[0317] The controller may generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching and executing instructions.

[0318] A memory may also be provided in the processor 1710 for storing instructions and data. In some embodiments, the memory in the processor 1710 is a cache memory. This memory may save the instructions or data that the processor 1710 has just used or recycled. If the processor 1710 needs to use the instruction or data again, it can directly call it from the memory. This avoids repeated accesses, reduces the waiting time of the processor 1710, and thus improves the efficiency of the system.

[0319] Figure 17 The connection relationships shown between the various modules are only illustrative and do not constitute a limitation on the connection relationships between the modules of the electronic device 1700. Optionally, the various modules of the electronic device 1700 may also adopt a combination of various connection methods in the above embodiments.

[0320] The electronic device 1700 may implement the display function through the GPU, the display screen 1794, and the application processor. The GPU is a microprocessor for image processing, connected to the display screen 1794 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 1710 may include one or more GPUs, which execute program instructions to generate or change display information.

[0321] The display screen 1794 can be used to display images or videos. The display screen 1794 includes a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a mini light-emitting diode (Mini LED), a micro light-emitting diode (Micro LED), a micro OLED, or a quantum dot light-emitting diode (QLED). In some embodiments, the electronic device 1700 can include one or N display screens 1794, where N is a positive integer greater than 1. In some embodiments, the display screen is used to alternately display a first capsule notification and a second capsule notification.

[0322] The electronic device 1700 can implement a shooting function through an ISP, a camera 1794, a video codec, a GPU, a display screen 1794, an application processor, etc.

[0323] The camera 17917 is used to capture static images or videos. An object generates an optical image through a lens and projects it onto a photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into a standard red green blue (RGB), YUV, or other format of image signal. In some embodiments, the electronic device 1700 can include one or N cameras 17917, where N is a positive integer greater than 1.

[0324] The electronic device 1700 can implement audio functions, such as music playback and recording, through an audio module 1770, a speaker 1770A, a receiver 1770B, a microphone 1770C, a headphone jack 1770D, and an application processor, etc.

[0325] Figure 18 It is a software structure block diagram of the electronic device 1700 provided by an embodiment of the present application. The layered architecture divides the software into several layers, and each layer has a clear role and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into five layers, from top to bottom, which are the application layer, the application framework layer, the Android runtime and system libraries, the hardware abstraction layer, and the kernel layer.

[0326] The application layer may include a series of application packages. Exemplarily, the application packages may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message, etc.

[0327] The application framework layer provides application programming interfaces (APIs) and programming frameworks for the applications in the application layer. The application framework layer includes some predefined functions. Exemplarily, the application framework layer may include a window manager, a content provider, a view system, a telephone manager, a resource manager, a notification manager, etc.

[0328] The Android Runtime includes a core library and a virtual machine. The Android Runtime is responsible for the scheduling and management of the Android system.

[0329] The core library contains two parts: one part is the functional functions that need to be called by the Java language, and the other part is the core library of Android.

[0330] The application layer and the application framework layer run in the virtual machine. The virtual machine executes the Java files of the application layer and the application framework layer as binary files. The virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.

[0331] The system libraries may include multiple functional modules. For example: surface manager, media libraries, audio and video processing libraries, etc.

[0332] The media libraries support the playback and recording of multiple common audio and video formats, as well as static image files, etc. The media libraries can support multiple audio and video coding formats, such as: MPEG4, H.264, MP17, AAC, AMR, JPG, PNG, etc.

[0333] The hardware abstraction layer is an abstracted layer structure between the kernel layer and the system library. The hardware abstraction layer can be a packaging of hardware drivers, providing a unified interface for upper-layer applications to call. Exemplarily, the hardware abstraction layer can include: an audio module, a video module, a hardware configuration module, etc.

[0334] The kernel layer is the layer between hardware and software, including various drivers. Exemplarily, the kernel layer can include a display driver, a camera driver, an audio driver, a sensor driver, etc. It should be understood that the embodiments of the present application only take the Android system as an example for illustration. In other operating systems (such as the Windows system, the IOS system, etc.), as long as the functions implemented by each functional module are similar to those of the embodiments of the present application, the solutions of the present application can also be implemented.

[0335] It should be noted that the notification display method of the embodiments of the present application can be implemented in multiple software architecture layers of an electronic device. For example, application programs related to interface display in the application layer of the electronic device (such as, the gallery, etc.) can trigger the display screen interface.

[0336] It should be noted that although the embodiments of the present application are described by taking the Android system as an example, the basic principle thereof is equally applicable to electronic devices based on operating systems such as iOS, Windows, HarmonyOS, etc.

[0337] As described above, only the specific embodiments of the present application are provided, but the protection scope of the present application is not limited thereto. Any changes or substitutions within the technical scope disclosed in the present application should be covered by the protection scope of the present application. Therefore, the protection scope of the present application should be subject to the protection scope of the claims.< / videoview> < / imgview> < / textview>

Claims

1. A notification display method, characterized in that, Applied to an electronic device, the electronic device including a front camera hole located at the top of a display screen, the method comprising: Displaying a first interface, the first interface including a status bar, the status bar including a first capsule notification located in a middle area of the status bar, the first capsule notification including a first capsule area and a second capsule area, the first capsule area being located on a first side of the front camera hole, the second capsule area being located on a second side of the front camera hole, the first capsule area including an icon of a first service, and the second capsule area including status information of the first service; After displaying the first capsule notification for a first preset duration, updating and displaying a second capsule notification in the middle area of the status bar, the second capsule notification being associated with the first service, and a size of the second capsule notification being smaller than a size of the first capsule notification.

2. The notification display method according to claim 1, characterized in that The method further comprises: After updating and displaying the second capsule notification for a second preset duration, updating and displaying the first capsule notification in the middle area of the status bar.

3. The notification display method according to claim 2, wherein The second preset duration is less than the first preset duration.

4. The notification display method according to any one of claims 1 to 3, characterized in that The updating and displaying the second capsule notification in the middle area of the status bar after displaying the first capsule notification for the first preset duration comprises: After displaying the first capsule notification for the first preset duration, updating and displaying the second capsule notification in the middle area of the status bar, and displaying the icon of the first service on one side of the second capsule notification.

5. The notification display method according to claim 4, wherein No content is displayed in the second capsule notification.

6. The notification display method according to claim 4 or 5, characterized in that The icon of the first service is displayed on a first side of the second capsule notification, and the first side of the second capsule notification is in the same direction as the first side of the front camera hole.

7. The notification display method according to any one of claims 4 to 6, characterized in that The method further comprises: In response to an operation on the icon of the first service or the second capsule notification, displaying a first card, the first card including the status information of the first service.

8. The notification display method according to any one of claims 4 to 7, characterized in that The method further comprises: In response to an operation on the icon of the first service or the second capsule notification, displaying a notification center interface, the notification center interface including a first card, the first card including the status information of the first service.

9. The notification display method according to any one of claims 1 to 3, characterized in that The second capsule notification includes a third capsule area and a fourth capsule area respectively located on two sides of the front camera hole, the third capsule area including the icon of the first service, and the fourth capsule area including a brief information identifier.

10. The notification display method according to claim 9, wherein The third capsule area and the first capsule area are located on the same side of the front camera hole, and the fourth capsule area and the second capsule area are located on the same side of the front camera hole.

11. The notification display method according to any one of claims 1 to 3, characterized in that, A capsule ring is formed at an edge of the second capsule notification, a color of the capsule ring being different from a color of an area of the second capsule notification other than the capsule ring, and no content is displayed in the second capsule notification.

12. The notification display method according to any one of claims 9 to 11, characterized in that, The method further comprises: In response to an operation on the second capsule notification, displaying a first card, the first card including the status information of the first service.

13. The notification display method according to any one of claims 9 to 12, characterized in that, The method further comprises: In response to an operation on the second capsule notification, displaying a notification center interface, the notification center interface including a first card, the first card including the status information of the first service.

14. The notification display method according to claim 7 or 12, characterized in that, The method further includes: If no operation on the first card is detected within a third preset duration after the first card is displayed, or in response to an operation on the first card, display the first capsule notification in the status bar.

15. The notification display method according to any one of claims 4 to 8, characterized in that, A first shadow area is formed on one side in the length direction of the first capsule notification, and the first shadow area is used to indicate that there are at least two service capsule notifications in the electronic device.

16. The notification display method according to claim 15, characterized in that, After the first preset duration of displaying the first capsule notification, updating and displaying a second capsule notification in the middle area of the status bar includes: After the first preset duration of displaying the first capsule notification, updating and displaying the second capsule notification in the middle area of the status bar, and displaying the icon and capsule brief identifier of the first service on the same side or both sides of the second capsule notification, where the capsule brief identifier is used to indicate that there are at least two service capsule notifications in the electronic device.

17. The notification display method according to claim 16, wherein The icon of the first service and the capsule brief identifier are on the same side of the second capsule notification, the icon of the first service is on the upper layer of the capsule brief identifier, and the icon of the first service covers a partial display area of the capsule brief identifier.

18. The notification display method according to claim 16 or 17, characterized in that, The method further includes: In response to an operation on the icon of the first service or the second capsule notification or the capsule brief identifier, display a notification list on the first interface, where the notification list includes a plurality of cards arranged in sequence from top to bottom, the plurality of cards are associated with a plurality of different services, the plurality of cards include a first card at the top, and the first card includes the status information of the first service.

19. The notification display method according to any one of claims 9 to 13, characterized in that, A first shadow area is formed on one side in the length direction of the first capsule notification, and the first shadow area is used to indicate that there are at least two service capsule notifications in the electronic device; and a second shadow area is formed on one side in the length direction of the second capsule notification, and the second shadow area is used to indicate that there are at least two service capsule notifications in the electronic device.

20. The notification display method according to claim 19, wherein The method further includes: In response to an operation on the second capsule notification, display a notification list on the first interface, where the notification list includes a plurality of cards arranged in sequence from top to bottom, the plurality of cards are associated with a plurality of different services, the plurality of cards include a first card at the top, and the first card includes the status information of the first service.

21. The notification display method according to claim 18 or 20, characterized in that, The method further includes: In response to an operation on the bottom of the notification list or the blank area at the bottom of the notification list, display the first capsule notification in the status bar.

22. An electronic device, characterized in that, The electronic device includes: one or more processors, a memory, and a touch screen; the memory is used to store program codes; the processor is used to run the program codes so that the electronic device implements the notification display method according to any one of claims 1 to 21.

23. A computer-readable storage medium, characterized in that, Instructions are stored thereon, and when the instructions are run on the electronic device, the electronic device is caused to execute the notification display method according to any one of claims 1 to 21.

Images