Notification display method and related device

Abstract

The invention provides a notification display method and device which are applied to electronic equipment, a first interface is displayed at present, a status bar of the first interface comprises a first capsule notification, and the first capsule notification comprises status information of a first service. A second capsule notification is received, the second capsule notification including status information of a second service. Under the condition that at least two capsule notifications exist, the capsule notifications displayed at the top are determined according to a preset top rule, and the preset top rule can comprise the capsule notifications corresponding to the services with the high priority in the top display mode and the capsule notifications received at the top in the top display mode for the services with the same priority. The priority of the service is associated with the ending mode of the service. In addition, the service with the high priority is the important service, so that the user can always intuitively know the important service notification by using the scheme, and the efficiency of the user for knowing the important service notification is improved.

Description

Technical Field

[0001] The present application relates to the technical field of electronic equipment, and in particular to a notification display method and related devices. Background Art

[0002] With the rapid development of smart terminal technology, there are more and more types of applications (APPs) and services, and more and more notification messages of corresponding APPs and services. Currently, there are many types of notification messages of APPs or services, which leads to low efficiency of users obtaining important notification information. Summary of the invention

[0003] In view of this, the present application provides a notification display method and related devices to solve at least part of the above problems, and the disclosed technical solutions are as follows:

[0004] In the first aspect, the present application provides a notification display method, which is applied to an electronic device, and the method includes: displaying a first interface, the first interface includes a status bar, the status bar includes a first capsule notification, the first capsule notification includes status information of a first service; receiving a second capsule notification, the second capsule notification includes status information of a second service; when the first service and the second service are both manually ended or automatically ended, the second capsule notification is displayed on top; when the first service is automatically ended and the second service is manually ended, the second capsule notification is displayed on top; when the first service is manually ended and the second service is automatically ended, the second capsule notification is displayed on top for a preset period of time and then the first capsule notification is displayed on top again. It can be seen that in the scenario where there are multiple capsule notifications, the scheme determines the priority of the service according to the termination method (such as manual termination and automatic termination) of each capsule notification corresponding to the service, and displays the capsule notification corresponding to the service with a high priority on top, so that the user can see the status information of the service with a high priority at a glance, which improves the efficiency of the user in obtaining the service status information.

[0005] In a possible implementation of the first aspect, the electronic device includes control switches corresponding to each display scene corresponding to the first service, and the method further includes: if the switch state of the control switch corresponding to each display scene of the first service is inconsistent with the display scene corresponding to the notification of the first service determined based on the preset display scene rule, the notification of the first service is displayed according to the display scene determined based on the preset display scene rule, and the display scene includes at least one of the lock screen interface, desktop card, global status capsule, global notification card, notification center and negative one screen. It can be seen that the priority of the preset display scene rule is higher than the control switch corresponding to the display scene, that is, when the two conflict, the display scene determined by the preset display scene rule shall prevail, so that the user can be informed of the service status of important services in a timely manner.

[0006] In a possible implementation of the first aspect, the electronic device further includes an expansion indicator located below the top-displayed capsule notification, and the first capsule notification is displayed on the top. The method further includes: in response to a first operation on the first capsule notification, displaying a first card and a second capsule notification arranged in sequence from top to bottom on the first interface, the first card covering the first capsule notification, and the first card including status information of the first service. For example, click or long press the top-displayed capsule notification to expand it into a card, and display other capsule notifications in sequence below the card, so that the user can view the information of all capsule notifications and the detailed status information of the service corresponding to the first capsule notification.

[0007] In a possible implementation of the first aspect, the method further includes: in response to a second operation on the second capsule notification, displaying a first capsule notification and a second card arranged in order from top to bottom on the first interface, the first capsule notification being located in the status bar, the second card being located below the status bar, and the second card including status information of the second service. For example, clicking or long pressing the second capsule notification expands it into the second card, while the first card shrinks into the capsule notification, so that the user can quickly see the detailed status information of the second capsule notification without shifting the focus of vision.

[0008] In a possible implementation of the first aspect, the method further includes: in response to a swiping operation on the first capsule notification, displaying a notification center, the notification center including a third card and a fourth card arranged in sequence from top to bottom, the first card including status information of the first service, and the fourth card including status information of the second service. It can be seen that the capsule notification is an entrance to the notification center, and the notification center can be quickly entered through this entrance.

[0009] In a possible implementation of the first aspect, the method further includes: in response to a third operation on the first card, displaying a fifth card on the first interface, the fifth card including status information of the second service. For example, swiping the first card to the left removes the card, and at the same time, the capsule notification below the first card expands into a card, and the user can remove the cards that are not of interest to the user according to his or her needs, so as to display the service information that he or she is more concerned about in a limited display space.

[0010] In a possible implementation of the first aspect, the first capsule notification is displayed on top, and the first capsule notification covers part of the display area of ​​the second notification capsule. For example, the first capsule notification and the second capsule notification partially overlap in the horizontal direction, so that the user can see the services of the two capsule notifications at the same time and can know the service corresponding to the next capsule notification without performing any operation.

[0011] In a possible implementation of the first aspect, the first capsule notification covers a portion of the right side of the second capsule notification, and the method further includes: in response to a right swipe operation on the first capsule notification, the second capsule notification is displayed on top; in response to a left swipe operation on the second capsule notification displayed on top, the first capsule notification is displayed on an upper layer of the second capsule notification, and the first capsule notification covers a portion of the right side of the second capsule notification. It can be seen that swiping right on the capsule notification displayed on top presents a capsule notification rightward movement effect, and swiping left on the capsule notification displayed on top presents a capsule notification leftward movement effect, thereby facilitating the user to view the status information corresponding to different capsule notifications.

[0012] In a possible implementation of the first aspect, the method further includes: in response to a fourth operation on the first capsule notification, displaying a second capsule notification and a sixth card arranged in sequence from top to bottom on the first display interface, the second capsule notification is located in the status bar, the sixth card is located below the status bar, and the sixth card includes status information of the first service. For example, click or long press the top-level capsule notification to expand it into a card, the card is located below the status bar, and other capsule notifications are displayed in sequence in the status bar. In this way, it is convenient for users to view the detailed status information of the first service, and at the same time, they can also view the information displayed by the next capsule notification of the first capsule notification, thereby improving user viewing efficiency.

[0013] In a possible implementation of the first aspect, the electronic device includes a front camera hole located at the top of the screen; the capsule notification is located in the middle of the status bar, and the capsule notification includes a first capsule area located on the left side of the front camera hole, and a second capsule area located on the right side of the front camera hole.

[0014] In a possible implementation of the first aspect, the first capsule area includes an icon of the first service, and the second capsule area includes an icon of the second service. The method further includes: in response to the fifth operation on the first capsule area, displaying a seventh card on the first interface, the seventh card including the status information of the first service; in response to the sixth operation on the second capsule area, displaying an eighth card on the first interface, the eighth card including the status information of the second service; in response to the sliding operation on the capsule notification, displaying the notification center interface, the notification center interface including the ninth card and the tenth card arranged from top to bottom, the ninth card including the status information of the first service, and the tenth card including the status information of the second service. It can be seen that the scheme can display the icons of two services in the same capsule. Further, for example, clicking or long pressing the first capsule area expands to the card of the service, and similarly clicking the second capsule area expands to the card of the service. And sliding down the capsule notification to enter the notification center, it can be seen that the capsule notification is an entrance to the notification center, and the notification center can be quickly entered through the entrance.

[0015] In a possible implementation manner of the first aspect, the first capsule area includes an icon of a first service, the second capsule area includes an icon of a second service, and the electronic device includes capsule notifications corresponding to at least three services. The method further includes: in response to a seventh operation on the first capsule area, displaying an eleventh card, a third capsule notification, and a fourth capsule notification arranged in sequence from top to bottom on the first interface, the eleventh card including status information of the first service, the third capsule notification including status information of the second service, and the fourth capsule notification including status information of the third service; in response to an eighth operation on the second capsule area, displaying a twelfth card, a fifth capsule notification, and a fourth capsule notification arranged in sequence from top to bottom on the first interface, the twelfth card including status information of the second service, and the fifth capsule notification including status information of the first service; in response to a sliding down operation on the capsule notification, displaying a notification center interface, the notification center interface including a thirteenth card and a fourteenth card arranged in sequence from top to bottom, the thirteenth card including status information of the first service, and the fourteenth card including status information of the second service. It can be seen that in the scenario where there are multiple capsule notifications, for example, clicking or long pressing the first capsule area, the card of the service corresponding to the capsule area and other capsule notifications are displayed from top to bottom. Similarly, clicking or long pressing the second capsule area, the card of the service corresponding to the capsule area and other capsule notifications are displayed from top to bottom. Swipe down the capsule notification to enter the notification center, which is an entrance to the notification center.

[0016] In a possible implementation of the first aspect, the method further includes: in response to a ninth operation on the third capsule notification, displaying a sixth capsule notification, a fourteenth card, and a seventh capsule notification arranged in order from top to bottom on the first interface, the sixth capsule notification is in the status bar, the fourteenth card is below the status bar, the sixth capsule notification includes status information of the first service, the fourteenth card includes status information of the second service, and the seventh capsule notification includes status information of the third service. For example, in a scenario where the eleventh card, the third capsule notification, and the fourth capsule notification are displayed, clicking or long pressing the third capsule notification expands it to the fourteenth card, and the eleventh card shrinks to a capsule notification, so that the user can quickly see the detailed status information of the second capsule notification without shifting the focus of vision.

[0017] In a possible implementation of the first aspect, the first capsule area includes an icon of a first service, and the second capsule area includes an icon of a first switch of a fourth service. It can be seen that this solution can display status information of a service and a switch in a capsule, and the user can directly operate the switch displayed on the capsule to switch the switch state without entering the control center or the switch setting page to control the switch, thereby reducing user operations and improving the efficiency of operating the switch.

[0018] In a possible implementation of the first aspect, the method further includes: in response to a tenth operation on the second capsule area, displaying a switch card on the first interface, the switch card covering the first capsule notification, the switch card including the first switch and the second switch, the first switch being in a selected state, and the first function of the fourth service being enabled. For example, clicking or long pressing the second capsule area expands to a switch card, the switch card including other switches related to the function of the first switch, so that the user can directly select other switches on the switch card without entering the control center or the switch setting page, thereby reducing user operations and improving the efficiency of operating switches.

[0019] In a possible implementation of the first aspect, the method further includes: in response to the operation of turning on the second switch of the switch card, the electronic device turns on the second function of the fourth service, and the second capsule area is updated from the icon of the first switch to the icon of the second switch. It can be seen that after the user turns on the second switch on the switch card, the icon of the corresponding second capsule area is updated accordingly, so that the user can directly operate the icon of the second switch in the second capsule area when the user needs to turn off the second switch, thereby improving the switch operation efficiency.

[0020] In a possible implementation of the first aspect, the method further includes: in response to the tenth operation on the second capsule area, displaying a switch card on the first interface, the switch card covering the first capsule notification, the switch card including the first switch and the second switch, the adjustment button of the first switch is in the first position of the adjustment progress bar, and the first function of the fourth service achieves the first effect matching the first position. It can be seen that the scheme can also display a switch including an adjustment progress bar and an adjustment button in the second capsule area, so that when the second capsule area is operated to expand into a switch card, the adjustment button of the sliding switch can adjust the corresponding functional effect, for example, the skin grinding switch and the whitening switch, without entering the control center interface or the switch setting page, reducing the operation of adjusting the switch, thereby improving the efficiency of the switch operation.

[0021] In a possible implementation manner of the first aspect, the method further includes: in response to a sliding operation on an adjustment button of the second switch, the electronic device adjusts an effect corresponding to the second function of the fourth service, and the second capsule area is updated from the icon of the first switch to the icon of the second switch.

[0022] In a possible implementation of the first aspect, the method further includes: in response to a sliding operation on the second capsule area, displaying a control center interface, wherein the control center interface includes a first switch. It can be seen that the second capsule area is an entrance to the control center, and the control center can be entered by sliding down the second capsule area.

[0023] In a possible implementation of the first aspect, the method further includes: in response to the eleventh operation on the fourteenth card, displaying the application interface corresponding to the first service; in response to the twelfth operation on the fourteenth card, displaying a floating window on the first interface, the floating window displays the application interface corresponding to the first service, and the display area of ​​the floating window is smaller than the display area of ​​the screen of the electronic device. For example, clicking or long pressing a card directly displays the application interface of the service corresponding to the card; sliding down the card displays the application interface of the service corresponding to the card in the floating window. It can be seen that the user can enter the application interface corresponding to the service by directly operating the card. It can be seen that the card is an entrance to the application interface of the service, which improves the efficiency of the user entering the service application interface.

[0024] In a second aspect, the present application also provides an electronic device, which includes: one or more processors, a memory and a touch screen; the memory is used to store program code; the processor is used to run the program code, so that the electronic device implements the notification display method as any one of the first aspect.

[0025] In a third aspect, the present application further provides a computer-readable storage medium having instructions stored thereon, which, when the instructions are executed on an electronic device, enables the electronic device to execute any notification display method of the first aspect.

[0026] In a fourth aspect, the present application further provides a computer program product having an executable program stored thereon. When the computer program product is run on an electronic device, the electronic device implements the notification display method of any one of the first aspects.

[0027] It should be understood that the description of technical features, technical solutions, beneficial effects or similar language in this application does not imply that all features and advantages can be realized in any single embodiment. On the contrary, it is 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 description of technical features, technical solutions or beneficial effects in this specification does not necessarily refer to the same embodiment. Furthermore, the technical features, technical solutions and beneficial effects described in the present embodiment can also be combined in any appropriate manner. Those skilled in the art will understand that the embodiment can be realized 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 a specific embodiment that does not embody all embodiments. BRIEF DESCRIPTION OF THE DRAWINGS

[0028] In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings required for use in the embodiments or the description of the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present invention. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying creative work.

[0029] Figure 1 It is a schematic diagram of a capsule display and interactive interface of a service provided in an embodiment of the present application;

[0030] Figure 2 This is a schematic diagram of refreshing notification information of a status capsule provided in an embodiment of the present application;

[0031] Figure 3 This is a schematic diagram of information refresh of a dynamic notification provided by an embodiment of the present application;

[0032] Figure 4 This is a schematic diagram of a status capsule display in a full-screen scenario provided by an embodiment of the present application;

[0033] Figure 5A This is a schematic diagram of a card in a lock screen scenario provided in an embodiment of the present application;

[0034] Figure 5B This is a schematic diagram of an interface for dynamic notification interaction provided in an embodiment of the present application;

[0035] Figure 6 is a schematic diagram of a multi-capsule display style provided in an embodiment of the present application;

[0036] Figure 7 is a schematic diagram of another multi-capsule display style provided in an embodiment of the present application;

[0037] Figure 8 It is a schematic diagram of a capsule and a front camera hole fused display provided by an embodiment of the present application;

[0038] Fig. 9 It is a schematic diagram of a capsule and a front camera hole fused to display two services provided by an embodiment of the present application;

[0039] Fig. 10A is a schematic diagram of a capsule provided by an embodiment of the present application showing a service and a control switch;

[0040] Fig. 10B is a schematic diagram of another capsule provided by an embodiment of the present application showing a service and a control switch;

[0041] Fig.11 is a schematic diagram of a multi-capsule fused with a front camera hole provided in an embodiment of the present application;

[0042] Fig.12 is a schematic diagram of another multi-capsule fused with a front camera hole provided in an embodiment of the present application;

[0043] Fig.13 is a schematic diagram of another multi-capsule fused with a front camera hole provided in an embodiment of the present application;

[0044] Fig.14 This is a schematic diagram of a capsule in a screen-off scenario provided in an embodiment of the present application;

[0045] Fig.15 is a schematic diagram of a desktop interface display card provided in an embodiment of the present application;

[0046] Fig.16 This is a schematic diagram of a control switch for each notification display scene provided in an embodiment of the present application;

[0047] Fig.17 This is a schematic diagram of display rules for various notification scenarios provided in an embodiment of the present application;

[0048] Fig.18 This is a flowchart of a multi-capsule top sorting method provided in an embodiment of the present application. DETAILED DESCRIPTION

[0049] The terms "first", "second", "third", etc. in the specification, claims and drawings of this application are used to distinguish different objects rather than to limit a specific order.

[0050] In the embodiments of the present application, words such as "exemplary" or "for example" are used to indicate examples, illustrations or descriptions. Any embodiment or design described as "exemplary" or "for example" in the embodiments of the present application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplary" or "for example" is intended to present related concepts in a specific way.

[0051] The notification display method provided in the embodiment of the present application will be described in detail below with reference to the accompanying drawings.

[0052] The embodiments of the present application take the taxi travel service as an example to illustrate the notification forms displayed in various scenarios, as well as the interactive operations for the notifications. Users can use the taxi travel service in the map APP to take a taxi. For example, users can set the starting point and end point in the map APP and initiate a taxi request. The server platform corresponding to the taxi travel service responds to the taxi request and dispatches the order until the entire trip is completed. The server platform will send the information of the current node to the taxi travel service. The taxi travel service on the electronic device side will receive the notification messages of these important nodes and display them to the user. For example, the entire trip may include important nodes such as waiting for dispatch, the driver has accepted the order, the driver goes to the pick-up point, the driver arrives at the pick-up point, goes to the destination, and the end of the trip.

[0053] The following takes a taxi travel service as an example and illustrates the method of displaying service notifications with reference to the accompanying drawings.

[0054] 1. Single capsule display scene

[0055] 1. Display of a single capsule

[0056] In one example, if Figure 1 As shown in (1), the interface 10 of the map APP mainly includes a map data display area 101, an optional vehicle model display area 102, and a status bar 106.

[0057] The status bar 106 is located at the top of the screen and may include the current status of the phone, such as a cellular network signal quality indicator, wireless network signal quality, battery power, real-time time, notification icons for applications or services, etc. The status bar may also include other information that changes with the status. Figure 1 The status bar 106 shown in (1) is only an example, and the position of each information in the status bar may not be limited to that shown in the figure, and the developer may flexibly adjust it according to the display requirements. This application does not make any special restrictions on the information content and position displayed in the status bar.

[0058] Area 101 is used to display map data, for example, it can display optional travel routes planned according to the starting point and end point set by the user.

[0059] Area 102 is used to display optional car models, where area 102 can display multiple optional car model entries, each of which can include an optional taxi platform (such as AA Travel, BB Taxi, CC Travel), the amount required for this trip, and a selection button 103. The user can click the selection button 103 to select or cancel the car model corresponding to the selection button 103. In addition, slide up and down the area displaying the optional car models to view more optional car model entries.

[0060] Area 102 also includes a "Call Now" button 104. After the electronic device receives a click operation on the button 104 by the user, it initiates a taxi request and sends it to the server. The server responds to the taxi request and selects a matching vehicle for the user.

[0061] For important service notifications, after receiving the user's operation to exit the current service interface, the electronic device jumps to other application interfaces and displays the status capsule corresponding to the service in the status bar. The status capsule includes the service icon and key information of the important node where the service is located. In this way, even if the user exits the service interface, the latest status of the service can still be obtained from the status capsule, and it will not affect the user's use of other applications or services.

[0062] This example uses the example of returning from a taxi service to a desktop app to illustrate the display rules and styles of status capsules.

[0063] The status bar is a common status display bar for different applications in a mobile phone. For example, the display interfaces of different applications in a mobile phone may include a status bar, and the contents displayed in the status bars of the display interfaces of different applications may be the same or different.

[0064] In this embodiment, in order to enable users to obtain important notifications of the taxi travel service in a timely manner, the status bar 110 includes a status capsule 111 for displaying important information of the taxi travel service. The status capsule 111 in this example is located on the left side of the status bar, and the original mobile phone status information in the status bar can be displayed on the right side of the status bar. Alternatively, some status information can be hidden, such as cellular network signal quality, wireless network signal quality, etc.

[0065] In one example, if Figure 1 As shown in (2), the status capsule 111 located in the status bar area may be in the form of a capsule. Of course, it may also be in other shapes, which is not limited in the present application.

[0066] The status capsule 111 may include a service icon area 112 and an area 113 for important node information of the service. In this way, the user can intuitively know the service type and service status.

[0067] For example, if the current service is a taxi travel service, area 112 of the status capsule displays an icon of the taxi travel service. Area 113 is used to display important information of the taxi travel service, so that the user can clearly see the current status of the taxi travel service.

[0068] In an exemplary embodiment, region 113 displays the key information of the important node where the service is currently located. Moreover, in the case where the key information includes multiple strings that cannot be fully displayed within region 113 simultaneously, the key information can be divided into at least two strings, and these strings are alternately displayed within region 113. In addition, the key information displayed in region 113 can be switched according to different important nodes of the current service.

[0069] In one example, the key information includes two strings, and the above two strings are alternately broadcasted every first preset duration, such as 2.5 s. After being broadcasted for a second preset duration (such as 5 s), the key information is frozen and displayed. If there is no new status information after a third preset duration (such as 1 min), the broadcast is triggered again.

[0070] For example, if the important node where the car-hailing service is currently located is that the driver has accepted the order and is on the way to the pick-up point, region 13 scrolls and displays the license plate number of the vehicle that has accepted the order and the estimated time to reach the pick-up point, that is, "Beijing AXXXX" and "about 3 minutes" are alternately displayed. For example, after displaying the license plate number for 2.5 s, it is switched to display the estimated time to reach the pick-up point. After 5 s, the license plate number is frozen and displayed. If there is no new information after 1 min, the above two pieces of information are broadcasted again.

[0071] Moreover, in some scenarios, the information displayed in region 113 of status capsule 111 can be updated in real time following the service status. For example, when the important node (i.e., the service status) of the car-hailing service in this example is updated, the content displayed in status capsule 111 will also be updated accordingly.

[0072] The following Figure 2 introduces the process of switching / alternating the status information corresponding to the status capsule of the car-hailing service:

[0073] After the user initiates a car-hailing request, the following important nodes may be included: waiting for the platform to assign an order, the driver has accepted the order and is on the way to the pick-up point, reaching the pick-up point, going to the destination, and the trip ends.

[0074] As Figure 2 shown, currently at the node of waiting for the platform to assign an order, the status capsule displays the icon of the car-hailing service and the key information of the current node, and the strings corresponding to the key information are alternately displayed. For example, in this example, "assigning an order" and "waiting time elapsed, such as 01:30" are alternately displayed within the status capsule. The two pieces of information in the same state are alternately broadcasted every preset duration (such as 2.5 s). For example, in this example, after "assigning an order" is displayed for 2.5 s, it is switched to display the waiting time information. The waiting time information is refreshed according to the actual waiting duration. After switching and displaying for 5 s, it freezes on the key information. If there is no new information after 1 minute, the broadcast and switching are triggered again.

[0075] Currently at the node where the driver has accepted the order and is on the way to the pick-up point, the status capsule alternately displays the license plate number of the accepted vehicle "Beijing AXXXXX" and the estimated time to reach the pick-up point "about 3 minutes". The rule for alternately displaying the strings is the same as the carousel rule of the waiting-for-platform-order node mentioned above, which will not be elaborated here.

[0076] Currently at the node of reaching the pick-up point, the status capsule includes the icon of the taxi service, and alternately displays the license plate number of the accepted vehicle and the information of having arrived. Optionally, the waiting duration after the vehicle arrives at the pick-up point can also be displayed, that is, three pieces of information are carousel-displayed: license plate number, information of having arrived, and waiting duration.

[0077] Currently at the node of going to the destination, the status capsule includes the icon of the taxi service, and alternately displays the estimated time of arrival at the destination "arriving at 18:50" and the information of "in progress".

[0078] The current trip is over, and the status capsule includes the icon of the taxi service and the information of "ended".

[0079] In addition, the current service end state stays for a preset duration. If there is no operation or other notification information after the preset duration, the status capsule 111 will automatically disappear. For example, after the taxi trip ends, that is, after arriving at the destination, the status capsule showing the "ended" state stays for 5 minutes. If there is no operation or other notification information display within 5 minutes, the status capsule will automatically disappear.

[0080] Figure 2 The carousel method of the key information of the same state shown by the status capsule, and the method of refreshing the key information following different states are also applicable to other services, which will not be elaborated one by one here.

[0081] 2. Interaction operations of the status capsule

[0082] 1) Click or long-press the status capsule to expand it into a card

[0083] After the electronic device receives the click or long-press operation of the user on the status capsule 111, the status capsule expands into a card. That is, when the user long-presses Figure 1 the status capsule 111 shown in (2) jumps to Figure 1 the interface shown in (3).

[0084] As Figure 1 shown in (3), the interface includes the desktop 100 at the bottom layer, and the card 130 on the upper layer of the desktop 100. The card 130 includes a title area 131, an information area 132, a service status area 133, and a service icon 134.

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

[0086] The title area 131 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.

[0087] The information area 132 includes the key information of the 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 of the accepted vehicle "Beijing AXXXX", 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.

[0088] The service status area 133 includes a visual 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 in the progress bar, it shows the distance of the accepted vehicle from the pick-up point and the real-time road conditions of this travel route (i.e., the route of the accepted vehicle going to the pick-up point) in real time, that is, the situation of the route being smooth or congested.

[0089] The service icon 134 allows 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.

[0090] Similar to the status capsule updating the status information, the content displayed in the information area 132 and the service status area 133 of the card 130 will be updated in real time following the service status.

[0091] In one example, taking the various node states of the taxi-hailing service as an example, currently in the node of waiting for the platform to assign an order, as Figure 3 shown in (1) of the figure, area 132 shows "Platform assigning order, has waited for 01:30", and there is no travel progress in area 133.

[0092] Currently in the stage where the driver has accepted the order and is going to the pick-up point, as Figure 3 shown in (2) of the figure, area 132 shows the information of the accepted vehicle and the driver, and area 133 shows the distance of the current position of the accepted vehicle from the passenger pick-up point (the end point of this section of the journey) and the real-time road conditions of this section of the journey. The starting point of this section of the journey is the position where the accepted vehicle received the order. In addition, area 133 will also refresh the real-time position of the accepted vehicle.

[0093] Currently, the vehicle that has received the order has arrived at the pick-up point. As shown in Figure 3 (3) of it, area 132 displays the information of the vehicle and the driver that has received the order, such as "Jing AXXXX has arrived, driver Zhang, white car". In area 133, the starting point of the trip is updated to the pick-up point, and the ending point of the trip is updated to the passenger's destination. At the same time, the real-time position of the vehicle that has received the order on this route and the real-time road conditions of the route can also be displayed.

[0094] Currently, it is on the way to the destination. As shown in Figure 3 (4) of it, area 132 displays the estimated duration and time to reach the destination, the remaining distance, and the real-time road conditions. Area 133 shows the real-time position of the current vehicle on the route of this trip and the real-time road conditions of the route.

[0095] Currently, it has reached the destination (i.e., the trip is over). As shown in Figure 3 (5) of it, area 132 displays that the trip has ended. Area 133 is updated to no trip progress.

[0096] This embodiment only takes the taxi-hailing service as an example to illustrate the process of updating the status information of the dynamic notification. For other services, the content displayed in areas 132 and 133 of the dynamic notification is updated according to the actual business content of the service.

[0097] 2) Slide down the status capsule to enter the notification center interface

[0098] After the electronic device receives the user's slide-down operation on the status capsule 111, it enters the notification center interface, that is, the status capsule 111 shown in Figure 1 (2) of it jumps to the interface 20 shown in Figure 1 (4) of it, that is, the notification center. It can be seen that the status capsule is an entrance to the notification center.

[0099] In the notification center, dynamic notifications are ranked before ordinary notifications. Dynamic notifications refer to service notifications whose service status will change. For example, notifications for taxi-hailing services, flight travel services, food delivery services, etc. The service status of a taxi-hailing service can include waiting for the platform to assign an order, the driver has received the order and is on the way to the pick-up point, has arrived at the pick-up point, is on the way to the destination, and the trip is over. 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.

[0100] 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 the dynamic notifications 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 201 for the taxi-hailing service in the notification center is ranked before the card 202 for the flight travel service.

[0101] Ordinary notifications are arranged in order from earliest to latest receipt time.

[0102] like Figure 1 As shown in (4), the notification center interface may include multiple cards, dynamic notifications are arranged before ordinary notifications, and the card corresponding to the status capsule 111 in the dynamic notification is located at the first place, and other dynamic notifications are arranged in order from the latest to the earliest.

[0103] For example, in this example, the taxi travel service card 201 is listed first, followed by the flight travel card 202 and the takeaway card 203. This example only shows the above three notifications, and the notification center can include more notifications. Figure 1 The card 130 shown in (3) shows the same content.

[0104] like Figure 1 As shown in (4), card 202 includes important node information of the flight trip, such as text information "6 hours left to check-in deadline", and a progress bar 204 that can indicate the current node in real time. In this example, the important nodes of the flight trip include check-in and boarding, and the current node is not checked in. Card 203 includes specific content of the food delivery service, such as the real-time location of the food deliveryman and the estimated delivery time.

[0105] 3) The upward sliding capsule disappears

[0106] In response to a swipe up operation (or a tap-and-swipe operation, i.e., swiping up while pressing) on ​​status capsule 111, status capsule 111 disappears, i.e., hides status capsule 111. When the service status information of status capsule 111 is updated, status capsule 111 including the latest service status information is displayed again.

[0107] 4) Full screen scene hides the status capsule

[0108] In addition, the status bar is an optional display item. For example, the display interface of the application may not include the status bar. For example, in scenarios where full-screen display is required (such as taking photos, recording videos, playing games, etc.), the status bar can be hidden. In this scenario, when the user slides down the status bar area, the status bar including the status capsule is displayed.

[0109] For example, in one example, Figure 4 As shown in (1), the electronic device displays the taxi travel service interface of the map APP, receives a user click operation on the "Call Now" button 104 to initiate a taxi request, and then receives an operation to exit the current interface, and responds to the operation to jump to the following Figure 4The interface shown in (2) is the desktop interface, and the status bar of the desktop includes a status capsule 120. At this time, if the electronic device receives a click operation on the icon of the game APP on the desktop, it jumps to Figure 4 The interface 200 of the game APP shown in (3) displays the game image data in full screen.

[0110] When the electronic device displays the interface 200 of the game APP, after receiving the user's sliding operation on the status bar area, it jumps to Figure 4 The interface shown in (4) has a status bar 210 at the top of the interface, and the status bar 210 includes a status capsule of the taxi travel service. That is, when the electronic device receives a swipe down operation on the status bar area in the full-screen display state, the status bar including the status capsule is displayed. In this way, the user does not need to exit the currently running game APP, and can obtain the real-time status of the taxi travel service from the status capsule 211 in the status bar, and the full-screen experience of the user is not affected.

[0111] The above content takes the taxi travel service in the map APP as an example to introduce the display methods of the appearance, disappearance and interactive operations of the status capsule. Of course, the above-mentioned status capsule display method is also applicable to other services, such as food delivery, express delivery, subway travel, movie watching and other services. The display content of the status capsule is adaptively changed according to the business characteristics of other services, and will not be described in detail here.

[0112] In summary, after exiting the application interface of a service (which can be called the first service), if an important notification of the service is received, a status capsule corresponding to the service is displayed in the status bar, and the status capsule displays the service icon and key status information of the service. In this way, the user can quickly learn the status of the service through the information displayed by the status capsule, ensuring that the user will not miss important notifications. At the same time, it does not affect the user's use of other applications or services. Moreover, interactive operations are provided for the status capsule, such as clicking or long pressing the capsule to expand it into a dynamic notification, and sliding down the capsule to enter the notification center. In this way, the user does not need to exit the current application and then enter the interface they want to display. They can directly operate the status capsule in the status bar to jump to the interface corresponding to the operation, which reduces user operations and improves the efficiency of entering service-related interfaces.

[0113] 2. Display method of dynamic notification

[0114] 1) Display scenarios of dynamic notifications

[0115] ①The status capsule expands to a dynamic notification

[0116] In the embodiments of the present application, Figure 1 As shown, in response to a click or long press operation on the status capsule 111, the upper layer of the application interface (the desktop in this example) is displayed as follows Figure 1In response to the sliding operation on the status capsule 111, the application interface jumps to the card 130 shown in (3). Figure 1 The interface 20 of the notification center shown in (4), the notification center includes a card 201.

[0117] In an exemplary embodiment, when multiple notifications need to be displayed, the notification types (such as dynamic notifications and ordinary notifications) are not distinguished and the notifications are displayed in the order of the earliest to the latest reception time. Figure 1 The card in (3) is replaced by a card from another service or application, such as a message notification from a contact. Dynamic notifications at the same time take precedence over normal notifications.

[0118] In an exemplary embodiment, the dynamic notifications in the notification center are displayed at the top. If there are multiple dynamic notifications, they are arranged in order from the earliest to the latest according to the reception time of each dynamic notification.

[0119] In a scenario where there are both dynamic notifications and ordinary notifications, the dynamic notification area is located above the ordinary notification area, that is, dynamic notifications are displayed first.

[0120] ②Dynamic notifications on the lock screen

[0121] In one application scenario, when the electronic device receives a user pressing operation on the power button in the screen-off state, the electronic device enters the lock screen state from the screen-off state, that is, jumps from the screen-off interface to the lock screen interface.

[0122] In an exemplary embodiment, if Figure 5A As shown, the lock screen interface 70 includes a lock screen wallpaper interface at the bottom layer and at least one card at the upper layer of the lock screen wallpaper interface. When there are at least two notifications, the arrangement rules of each notification are the same as the notification arrangement rules of the notification center, which will not be repeated here.

[0123] In this example, the notifications on the lock screen interface are, from top to bottom, a card 701 for taxi travel services, a card 702 for flight travel, and a card 703 for food delivery services. The content of each card is the same as that of each card in the notification center, and will not be repeated here.

[0124] When the electronic device is in the lock screen state, the card is displayed, so that the user can directly obtain the service type and status from the card without unlocking the device. In addition, the card of important notifications is placed first and will not be overwhelmed by other notifications, ensuring that the user will not miss important notifications.

[0125] 2) Interactive operations of dynamic notifications

[0126] ①Click / long press to enter the application interface

[0127] The electronic device responds to Figure 5BClick or long press the card 130 shown in (1) to jump to Figure 5B The dynamic notification shown in (2) corresponds to the application interface of the service. For example, in this example, it is an application for a taxi travel service, that is, the interface of a map APP.

[0128] ②Slide down to enter the small window to display the service interface

[0129] In response to the sliding operation on the card 130, the electronic device jumps to the Figure 5B The interface shown in (3) is as follows: Figure 5B As shown in (3), the interface includes a desktop at the bottom layer and a small window 140 of an application program at the upper layer of the desktop. The display area of ​​the small window 140 is smaller than the display area of ​​the screen. The small window 140 displays the application interface of the service corresponding to the card 130. In this example, the small window 140 is used to display the interface of the map APP.

[0130] In addition, in response to a click operation on the small window 140 , the interface jumps to the interface of the corresponding application, that is, the interface of the map APP shown in ( 2 ) of FIG. 5 .

[0131] In one example, the small window 140 may also include a minimize button 141 and a close button 142. In response to the operation of the minimize button 141, the page is jumped to Figure 5B The interface shown in (4) is that the small window 140 shrinks into a capsule 421. In response to the operation of the close button 142, jump to Figure 5B The interface shown in (5) closes the small window 140 and does not display the capsule.

[0132] ③Slide up the card and shrink it into a capsule

[0133] In response to the upward sliding operation on the card 130, the electronic device jumps to the Figure 5B The interface shown in (4) , that is, the card 130 shrinks into the capsule 111 .

[0134] In addition, if there is no other operation after the card 130 is displayed for a preset time, the card 130 disappears and a status capsule is displayed. For example, if there is no operation for 5 seconds, the card 130 shrinks to the status capsule 111. The card 130 automatically disappears after staying for a preset time after the task is completed, such as the card 130 automatically disappears after staying for 5 seconds after the taxi trip is completed.

[0135] 3. Multi-capsule display scenario

[0136] The following will describe the display method of the status capsule in a scenario where an electronic device has at least two important notifications of services that need to be presented in conjunction with the accompanying drawings.

[0137] In the scenario where there are multiple capsules, they are sorted according to the priority and time of the tasks corresponding to each capsule.

[0138] 1. Multi-capsule display mode 1

[0139] In an exemplary embodiment, only the first status capsule is displayed in the status bar, and an expansion mark is displayed below the status capsule, the expansion mark is used to indicate that other status capsules will be expanded and displayed after sliding down the status capsule, for example, up to 5 status capsules can be displayed.

[0140] In one example, if Figure 6 As shown in (1), the status bar area (i.e., the display area at the top of the screen) of the desktop 100 includes a capsule display area 310, and the capsule display area 310 includes a status capsule 311. In the case where there are multiple status capsules, an expansion mark 312 located below the status capsule is also included to indicate that there are other status capsules.

[0141] ①Click / long press the status capsule to expand it into a card

[0142] The electronic device responds to Figure 6 Click or long press the state capsule 310 shown in (1) to jump to Figure 6 In the interface shown in (2), the status capsule 310 is expanded into a card 320 and is located at the top. At the same time, other status capsules that are not in the first position are displayed in sequence below the card, including a flight status capsule 321 and a food delivery service status capsule 322, as well as a collapse mark 323.

[0143] ② Click / long press other capsules to expand them into cards, and the current card shrinks into a capsule

[0144] The electronic device responds to Figure 6 The click operation of the state capsule 321 shown in (2) is as follows: Figure 6 As shown in (3), the clicked state capsule 321 expands to card 331. At the same time, card 320 shrinks to state capsule 311, and state capsule 311 is located above card 331, and the positions of other capsules remain unchanged. That is, clicking on any state capsule expands it to a card, and at the same time, the card that was expanded before the click operation shrinks to a capsule, and the order of the card and other capsules remains unchanged, that is, the order of the card corresponding to the state capsule is the same as the order of the state capsule.

[0145] ③Slide down the status capsule to enter the notification center

[0146] In response to Figure 6 The slide down operation of the status capsule 311 shown in (1) jumps to the notification center interface. The arrangement order of the cards in the notification center is the same as that of the status capsule, such as Figure 6As shown in (4), the taxi travel service card 201 is ranked first, followed by the flight travel card 202 and the takeaway card 203. It can be seen that the order of the cards is the same as Figure 6 The order of the capsules in (2) is the same.

[0147] ④ Swipe left to remove the card, the capsule below moves up to fill the space and expands into a card

[0148] For example, in response to Figure 6 The left swipe operation of the card 320 shown in (2) jumps to Figure 6 The interface shown in (5) is that card 320 is removed, and at the same time, status capsule 321 located below card 320 moves up to fill the position and expands into card 331, and so on. Status capsule 322 moves up to fill the position of status capsule 321.

[0149] ⑤Swipe up the card and pill display area, shrink it into a pill and only display the first pill

[0150] The electronic device responds to Figure 6 Slide up the status capsule / card display area shown in (2) or (3) to shrink the card into a capsule and hide the status capsules that are not in the first place, that is, jump to Figure 6 The interface shown in (1).

[0151] ⑥The upward sliding capsule disappears

[0152] The electronic device responds to Figure 6 When the status capsule 311 shown in (1) is slid up or tapped (i.e., slid upward while pressing), the status capsule 311 and the expansion mark 312 disappear, and the status capsule 311 is displayed again until the status of the service corresponding to the status capsule 311 is updated.

[0153] In another exemplary embodiment, the electronic device responds to Figure 6 The sliding operation of the status capsule 311 shown in (1) displays all status capsules, and the status capsule 311 is ranked first, that is, the status capsule 311 of this embodiment will not be expanded into a card, and the other status capsules are displayed as follows: Figure 6 The embodiments shown are the same and will not be described again here.

[0154] 2. Multi-capsule display mode 2

[0155] In an exemplary embodiment, at least two status capsules partially overlapped in the horizontal direction are displayed in the status bar, and swiping right on the status capsule at the top layer displays the next status capsule of the status capsule, and the right swiping operation is continued until the last status capsule is displayed. For example, a maximum of 5 status capsules can be displayed.

[0156] In one example, if Figure 7As shown in (1), the status bar area of ​​desktop 100 includes two partially overlapping status capsules 330 and 331, and status capsule 330 is located at the top layer, status capsule 331 is located at the lower layer of status capsule 330, and there is a preset distance between status capsule 330 and status capsule 331 in the horizontal direction, and the preset distance is less than the length of the status capsule, that is, status capsule 330 and status capsule 331 partially overlap in the horizontal direction, for example, status capsule 330 covers a partial area on the right side of status capsule 331.

[0157] In this embodiment, the following interactive operations can be performed on the state capsule:

[0158] ①Swipe right to display the next capsule, swipe left to display the previous capsule

[0159] In this example, the electronic device jumps to the state capsule 330 in response to the right sliding operation on the top layer. Figure 7 The interface shown in (2) shows that the capsule at the top layer is switched to the status capsule 331, and the capsule at the bottom layer is switched to the status capsule 332, that is, the status capsule is shifted to the right.

[0160] The electronic device responds to Figure 7 The left sliding operation of the state capsule 331 at the top layer shown in (2) jumps to Figure 7 The interface shown in (1) shows the effect of the status capsule moving to the left.

[0161] Figure 7 The example is two capsules partially overlapping in the horizontal direction. In actual application, three or more capsules may partially overlap.

[0162] ② Click or long press the top capsule to expand it into a card and display other capsules in the status bar

[0163] In one embodiment, the electronic device may also respond to a click or long press operation on a status capsule at the top level, and the top level status capsule may expand into a card located below the status bar, and the capsule display area in the status bar may sequentially display other capsules after the top level status capsule.

[0164] For example, in this example, the user clicks or long presses Figure 7 After the state capsule 330 shown in (1), jump to Figure 7 In the interface shown in (3), the status capsule 330 is expanded into a card 333, and the card 333 is located below the status bar. The content of the card 333 is the same as Figure 1 At the same time, other capsules after status capsule 330 are displayed in order in the status bar, such as flight status capsule 331 and takeaway status capsule 332.

[0165] ③Slide up the card and shrink it into a capsule

[0166] In one embodiment, the electronic device responds to Figure 7 Slide up the card 333 shown in (3) to return to Figure 7 In the interface shown in (1), the card 333 is shrunk into a status capsule 330. Meanwhile, the status capsule 330 of the taxi travel service is located at the top layer, and the lower layer of the status capsule 330 is the capsule of the flight travel service.

[0167] ④Slide down the capsule to enter the notification center

[0168] In one embodiment, the electronic device responds to Figure 7 The status capsule 330 shown in (1) is slid down to enter the notification center. Figure 7 As shown in (4), the card order in the notification center is the same as that of the status capsule.

[0169] ⑤The upward sliding capsule disappears

[0170] In addition, the electronic device responds to Figure 7 The status capsule 330 shown in (1) is swiped up or tapped (i.e., pressing the status capsule and sliding it upward at the same time), and the status capsule disappears until the status of the service corresponding to the status capsule 330 is updated, and the status capsule 330 is displayed again. Figure 7 The sliding operation effect of the state capsule shown in (2) is the same and will not be repeated here.

[0171] In summary, for scenarios where there are multiple service notifications that need to be displayed, the notification display method provided in this embodiment can display information containing multiple capsules in the status bar. For example, the information can be an expansion mark, or another capsule whose area is partially covered by the first capsule, and the user is prompted with this information that there are multiple capsules. The user can view all capsule notifications by performing corresponding operations on the capsules in the status bar. In this way, the information of all important notifications can be obtained at a glance without entering the notification center to view important notifications one by one, thereby improving the efficiency of viewing multiple important notifications.

[0172] 4. Display solution combining status capsule and front camera hole

[0173] As full-screen devices are widely used in electronic devices, a camera hole for setting a front camera is usually set at the top of the screen of the electronic device. When the screen is lit up to display content, there are no display pixels at the front camera hole and no content can be displayed, that is, the front camera hole appears black, which is inconsistent with the display area of ​​the screen.

[0174] In order to reduce the obtrusiveness of the front camera hole, an embodiment of the present application provides a status capsule display solution combined with the front camera hole, that is, a capsule is displayed at the front camera hole, and the color of the capsule is black, and the front camera hole is also black, ultimately presenting that the front camera hole is part of the capsule.

[0175] 1. Single capsule combined with front camera hole

[0176] 1) One capsule is associated with one service

[0177] One capsule is associated with one service, which means that one status capsule can display notification information of one service.

[0178] The status capsule corresponding to a single service includes a first capsule area and a second capsule area located on the left and right sides of the front camera hole, respectively. In one example, the first capsule area is used to display the service icon, and the second capsule area is used to display the service status.

[0179] In one example, if Figure 8 As shown in (1), the current interface is the desktop 100, and the status bar 420 of the desktop 100 includes a status capsule 421. The status capsule 421 is located in the middle area of ​​the status bar. The status capsule 421 is black and can be integrated with the black front camera hole 424 to present a complete status capsule style, thereby reducing the abruptness of the front camera hole.

[0180] Let’s take taxi travel service as an example. Figure 8 As shown in (1), the first capsule area 422 of the status capsule 421 can display the taxi travel service icon, and the second capsule area 423 can display key status information of the taxi travel service, such as the license plate number of the order-receiving vehicle, the estimated time, and other information.

[0181] and Figure 1 Similar to the status capsule 111 in (2), the status capsule 421 of this embodiment can also rotate / switch service status information, that is, the displayed status information can be switched according to different nodes of the service, and the status information of the same node displayed in turn includes multiple strings.

[0182] The interactive operation of the state capsule 421 of this embodiment is similar to Figure 1 The state capsule 111 shown in (2) is similar to the state capsule 111, including the following interactive operations:

[0183] ①Slide down the capsule to enter the notification center

[0184] like Figure 8 (1), the electronic device responds to the sliding operation of the status capsule 421 and displays Figure 8The notification center interface 40 shown in (2) is to slide down the status capsule to enter the notification center.

[0185] ②Click or long press the capsule to expand it into a card

[0186] like Figure 8 (1), the electronic device responds to the click or long press operation on the status capsule 421, and displays Figure 8 The interface shown in (3) of FIG. 1 shows that the status capsule is expanded into a card 401, and the content displayed in the card 401 is the same as Figure 1 The card 130 shown in (3) is the same as that shown in (3) and will not be described again here.

[0187] ③The upward sliding capsule disappears

[0188] In response to a swipe-up operation or a tap-swipe-up operation on the status capsule 421, the electronic device causes the status capsule 421 to disappear. When the status information of the service corresponding to the status capsule is updated, the status capsule is displayed again.

[0189] 2) One capsule is associated with two services, and two service notifications are to be displayed

[0190] The capsule of this embodiment includes a first capsule area and a second capsule area located on the left and right sides of the front camera. Each capsule area can be associated with a service, that is, a capsule can be associated with two different services at the same time, that is, a capsule can display information of two services at the same time. In this embodiment, the service associated with the first capsule area has a higher priority than the service associated with the second capsule area.

[0191] In one example, the two services associated with the capsule are the first two services with the highest priority received. As the service status changes, the priority of the service notification may change. Therefore, the two services associated with the capsule also change dynamically, and are not two fixed services. That is, the capsule always displays information of the two services with the highest priority.

[0192] like Fig. 9 As shown in (1), capsule 510 is located in the front camera area and is black. The first capsule area 511 is used to display an icon of one service, and the second capsule area 512 is used to display an icon of another service. For example, in this example, the left side of capsule 510 displays an icon for a taxi service, and the right side displays an icon for a flight service.

[0193] In this embodiment, the following interactive operations can be performed on the capsule:

[0194] ①Click or long press the capsule to expand it into a card

[0195] The electronic device responds to Fig. 9 Click or long press the first capsule area 511 in the capsule 510 shown in (1) to jump to Fig. 9 In the interface shown in (2), the first capsule area 511 is expanded into a card 513. In this example, the first capsule area 511 is associated with a taxi travel service, and the card 513 of the taxi travel service is displayed after clicking the area.

[0196] Similarly, in response to a click or long press operation on the second capsule area 512 in the capsule 510, the electronic device jumps to Fig. 9 The interface shown in (3) of FIG. 5 shows that the second capsule area is expanded into a card 514. For example, in this example, the second capsule area 512 is associated with a flight travel service, and after clicking the area, the card 514 of the flight travel service is displayed.

[0197] ②Slide down the capsule to jump to the notification center

[0198] In response to a swipe operation on any display area of ​​the capsule 510, the electronic device jumps to Fig. 9 In the notification center interface 40 shown in (4), the first two notification cards (ie, 401 and 402) of the notification center interface 40 are notifications of two services associated with the capsule 510, respectively, and the card corresponding to the first capsule area is arranged before the card corresponding to the second capsule area.

[0199] ③The upward sliding capsule disappears

[0200] In response to a swipe-up operation or a tap-swipe-up operation on the status capsule 510, the electronic device causes the status capsule 510 to disappear. When the status of the service corresponding to the status capsule is updated, the status capsule is displayed again.

[0201] In summary, this embodiment can display information of two related services in the same capsule, and the user can perform corresponding operations on the capsule to jump to the interface corresponding to the operation, for example, displaying all capsules, or entering the notification center, etc. It can be seen that the user can quickly view all important notifications by directly operating the capsule, thereby improving the efficiency of viewing multiple important notifications.

[0202] 3) A capsule can be associated with a service and a control switch

[0203] In an exemplary embodiment, the first capsule area in the capsule is associated with a service, and the second capsule area is associated with a control switch. The service associated with the capsule is the service with the highest priority currently running. The associated control switch is a control switch recommended based on the service or application currently used by the user, and after the control switch recommendation is completed, the service with the highest priority currently running other than the service displayed in the first capsule area or other automatically recommended control switches are automatically displayed.

[0204] For example, in one example, the two services with the highest priority currently running are taxi travel service and flight travel service, and the taxi travel service has a higher priority than the flight travel service. Therefore, the first capsule area displays the taxi travel service, and the second capsule area displays the flight travel service. If the user makes a voice call, the system will automatically recommend the voice enhancement service. Since the voice call service has a higher priority than the taxi travel service and the flight travel service, Fig. 10A As shown in (1), the first capsule area 611 displays the icon of the voice call service, and at the same time, the second capsule area 612 displays the icon of the recommended voice enhancement control switch. The user can directly click on this icon to switch the control switch on / off.

[0205] In one embodiment, the on / off state of the control switch can be indicated by the color of the control switch icon displayed in the second capsule area 612. For example, gray can be used to indicate the off state, and blue can be used to indicate the on state. Of course, other colors can also be used to indicate the on or off state. This application does not limit this.

[0206] If the user turns on the voice control switch or does not operate for a preset period of time, and the voice call service and the taxi travel service have not ended, the first capsule area 611 is still the icon of the voice call service, and the voice enhancement control switch in the second capsule area 612 disappears and is updated to the icon of the taxi travel service. That is, after the automatic recommendation of the control switch ends, the second capsule area is updated from displaying the icon of the recommended control switch to the currently running service with the highest priority other than the service displayed in the first capsule area.

[0207] Furthermore, if the voice call service ends, and the taxi travel service and the flight travel service have not ended, the first capsule area 611 is updated from the icon of the voice call service to the icon of the taxi travel service, and at the same time, the second capsule area 612 is updated from the icon of the taxi travel service to the icon of the flight travel service.

[0208] In another example, the first capsule area of ​​the status capsule displays a taxi travel service, and the second capsule area displays a flight travel service. If the user starts a video call (such as the video call function of a phone app or a third-party instant messaging app) and enters another application interface (such as the desktop), a beauty service is automatically recommended. In this case, Fig. 10B As shown in (1), the first capsule area 631 is updated to the icon of the video call service, and the second capsule area 632 is updated to the icon of the beauty switch. In this way, the user can directly operate the beauty switch in the second capsule area without having to enter the beauty setting interface layer by layer, thereby reducing the complexity of adjusting the beauty switch in the video call scenario and improving the operating efficiency.

[0209] Of course, other control switches associated with this scenario can also be automatically recommended based on other application scenarios. For example, when it is detected that an electronic device turns on a service that requires Bluetooth communication (such as wireless screen projection, scanning a code to use a car, etc.), a Bluetooth switch can be automatically recommended and the icon of the Bluetooth switch can be displayed in the second capsule area. I will not go into details here.

[0210] In this embodiment, the following interactive operations can be performed on the capsule:

[0211] ①Click or long press the service capsule to expand it into a card

[0212] The electronic device responds to Fig. 10A The click operation of the first capsule area shown in (1) jumps to Fig. 10A The interface shown in (2) of FIG. 1 , that is, the first capsule area is expanded into a card 613. The card 613 is located at the top of the screen and the card color is black, so that the card 613 can be integrated with the front camera hole, reducing the abruptness of the front camera hole.

[0213] The content displayed on the card 613 is related to the associated service. For example, the telephone service Fig. 10A As shown in (2), card 613 may include the name or avatar of the current contact, as well as control buttons for telephone services, such as speaker, hang up, etc. The user can directly operate the control buttons on the card without opening the telephone service interface, thereby improving control efficiency. Fig. 10B The first capsule area 631 shown in (1) is expanded into a card 633, i.e., a card for a video call, which may include the name, avatar, and control buttons of the other party of the video call, such as mute, camera, speaker, hang up, etc. The user may directly operate the buttons on the card. The type and number of control buttons included in the card 633 may be adjusted, and this application does not limit this.

[0214] In addition, in response to the upward sliding operation of the card 613, the electronic device shrinks into a capsule 610, that is, from Fig. 10A The interface shown in (2) jumps to Fig. 10A The interface shown in (1).

[0215] ②Click or long press the control capsule to expand it into a control switch card

[0216] The electronic device responds to Fig. 10A The second capsule area 612 of the capsule 610 shown in (1) is clicked or long pressed to jump to Fig. 10A The interface shown in (3), that is, the second capsule is expanded into a control switch card 614. The control switch card is located at the top of the screen and is black in color. It can be integrated with the front camera to reduce the abruptness of the front camera hole.

[0217] In this example, the control switch card 614 includes control switches such as a standard control switch 615, a human voice enhancement control switch 616, and a wide spectrum switch 617. In this way, the user does not need to jump to the sound setting interface, and can directly control the corresponding switch to be turned on or off through the control switch card, which reduces the user's operations and improves control efficiency.

[0218] Similarly, click or long press Fig. 10B The second capsule area 632 shown in (1) jumps to Fig. 10B The interface shown in (3) is that the second capsule area 632 is expanded into a control switch card 634, such as Fig. 10B As shown in (3), the control switch card 634 includes a skin resurfacing adjustment button 635 and a whitening adjustment button 636. The user can directly adjust these two buttons to adjust the degree of beautification, thereby improving control efficiency.

[0219] In addition, in response to the operation of the switch in the control switch card, the electronic device updates the icon displayed in the second capsule area to the switch selected by the user. For example, the user turns on the wide spectrum switch 617 in the card 614, and the second capsule area 612 is updated to the icon of the wide spectrum switch accordingly. ③ Swipe down the service capsule to enter the notification center

[0220] In response to a sliding operation on the first capsule area in the capsule, the electronic device jumps to the interface of the notification center, that is, the first capsule area in the capsule is the entrance to the notification center.

[0221] In this example, the priority is from high to low: voice call service (or video call service) > taxi travel service > flight travel service. Therefore, Fig. 10A In the example shown in (4), the card 620 for the telephone service is ranked first. Fig. 10B In the example shown in (4), the card 637 for the video call service is ranked first, followed by the taxi travel service and the flight travel service.

[0222] ④Slide down the control capsule to enter the control center

[0223] The electronic device jumps to the interface of the control center in response to the sliding operation on the second capsule area in the capsule. That is, the second capsule area is the entrance to the control center, through which the control center can be quickly entered, reducing user operations and improving the speed and efficiency of entering the control center.

[0224] like Fig. 10A As shown in (5), the control center includes multiple quick control switches, such as a control switch card 801 for controlling microphone mode, a card 802 for controlling music playback, a volume adjustment button 805, a screen brightness adjustment button 804, and other control switches 803. Fig. 10BAs shown in (5), the control center may also include a skin resurfacing adjustment switch 641 and a whitening adjustment switch 642.

[0225] ⑤The upward sliding capsule disappears

[0226] In response to a swipe up operation or a tap-swipe up operation on the capsule, the electronic device disappears the capsule. When the service status information corresponding to the capsule is updated or the recommended control switch is changed, the capsule is displayed again in the status bar.

[0227] In summary, the present embodiment can display information of a service and a control switch in the same capsule, that is, divide a capsule into a service capsule and a control capsule, and the user can perform corresponding operations on the service capsule or the control capsule to jump to the interface corresponding to the operation, for example, to view the corresponding service notification, the user does not need to enter the notification center to view the notification, or to turn on or off the corresponding control switch by operating the control capsule, without entering the control center to control the switch. Therefore, user operations are reduced and the efficiency of users viewing notifications or controlling switch status is improved.

[0228] 4) One capsule is associated with two services, and multiple service notifications are to be displayed

[0229] In this embodiment, Fig. 9 Similar to the illustrated embodiment, one capsule can display notification information of two services. When a portion of the left / right side capsule is clicked or long pressed, the portion of the capsule is expanded into a card, and other capsules are displayed below the card.

[0230] In this example, if Fig.11 As shown in (1), the area on the left side of the front camera hole in the capsule 51 is associated with the taxi travel service, and the icon 511 of the service is displayed. The area on the right side of the front camera hole in the capsule 51 is associated with the flight travel service, and the icon 512 of the service is displayed.

[0231] ①Click or long press the capsule to expand it into a card and display other capsules

[0232] The electronic device responds to Fig.11 Click or long press the first capsule area in the capsule shown in (1) to jump to Fig.11 The interface shown in (2) is that the left part of the capsule is expanded to a card 513 for taxi travel services, and is located at the top of the screen. The card color of the card 513 is black, and it can be integrated with the front camera hole.

[0233] Complete capsules of other services are displayed in sequence below card 513 . The complete capsules corresponding to some capsule-associated services on the right side of capsule 510 (i.e., capsule 515 ) are located at the first of the multiple capsules, that is, capsule 515 is arranged after card 513 and before capsule 516 .

[0234] The capsules of other services (such as take-out capsule 516) not associated with capsule 510 are arranged in order from early to late according to the time of receiving notification. A folding mark 517 is also included below the other capsules.

[0235] Similarly, electronic devices respond to Fig.11 Click or long press the second capsule area in the capsule shown in (1) to jump to Fig.11 In the interface shown in (3), the right part of the capsule is expanded into card 514. Notifications of other services are arranged in the form of complete capsules below card 514, and the complete capsule corresponding to the capsule-related service on the left side of capsule 510 (i.e., capsule 518) is located below card 514 and above other complete capsules.

[0236] It can be seen that after capsule 510 is clicked or long pressed, the operated part of the capsule is expanded into a card form, and capsules of other services are displayed in sequence below the card. Moreover, the complete capsule corresponding to the unoperated part of capsule 510 is arranged after the card and before other capsules.

[0237] ②Slide down the capsule to jump to the notification center

[0238] The interactive effect of the capsule 510 sliding down Figure 8 The same as the embodiment shown, that is, slide down the capsule 510 and jump to Fig.11 The interface of the notification center shown in (4) will not be described in detail here.

[0239] ③Click or long press the capsule below the card to expand it into a card

[0240] For example, click or long press Fig.11 Capsule 518 shown in (3) jumps to Fig.11 In the interface shown in (5), card 514 is shrunk into capsule 519, capsule 518 is expanded into card 520, and capsule 516 is displayed below card 520.

[0241] like Fig.11 As shown in (5), the first capsule area of ​​capsule 519 displays the service icon, and the second capsule area displays the service status information. Moreover, capsule 519 is located in the top center of the screen, and its color is black so as to blend in with the front camera hole.

[0242] In one embodiment, a stowage mark 517 may also be displayed below the capsule 516 .

[0243] ④Slide up the card and shrink it into a capsule

[0244] The electronic device responds to Fig.11By sliding up the card and capsule display area shown in (2) or (3) or (5), the card shrinks into a capsule and hides the capsules corresponding to the services not associated with capsule 510, that is, jumping to Fig.11 The interface shown in (1).

[0245] In addition, in response to Fig.11 The capsule 510 shown in (1) is slid up or tapped to slide up, and the capsule 510 disappears. When the service status information corresponding to the capsule is updated or the recommended control switch is changed, the capsule is displayed again in the status bar.

[0246] To sum up, in the notification display method provided in this embodiment, the capsule displayed in the status bar is located near the front camera hole of the screen, and the capsule is displayed in black and integrated with the front camera hole, that is, the front camera hole and the capsule are integrated to present the style of a complete capsule, reducing the abruptness brought by the front camera hole.

[0247] Furthermore, when there are two service notifications that need to be displayed, the left and right display areas of the capsule can display the information of the two service notifications, such as service icons, respectively, so that the user can know the status of the background running services through the service icons displayed on the capsule. Moreover, the specific status information of the background running services can be obtained by operating the capsule, such as clicking or sliding down, which improves the efficiency of users getting important notifications.

[0248] 2. Multiple capsules combined with the front camera hole

[0249] 1) Combination method of multiple capsules and front camera hole 1

[0250] In this embodiment, when there are multiple status capsules, the status bar only displays the first status capsule. To indicate that there are other status capsules, an expansion mark can be displayed below the status capsule. Slide down the status capsule or expand the mark to expand and display other status capsules after the first one. Figure 6 The multi-capsule display shown is similar, except that the color of the capsules and cards in this embodiment is black.

[0251] like Fig.12 As shown in (1), the status bar 420 includes a status capsule 421, and the status capsule 421 is integrated with the front camera hole to present a complete status capsule style. In addition, the status capsule 421 includes an expansion mark 425 below.

[0252] In this embodiment, the following interactive operations can be performed on the state capsule:

[0253] ① Click / long press the top-level capsule to expand it into a card and display other status capsules

[0254] In response to the click or long press operation on the status capsule 421, the electronic device jumps to Fig.12 In the interface shown in (2), the status capsule 421 is expanded into a card 430. At the same time, other status capsules are displayed below the card 430, such as the flight travel status capsule 431 and the information status notification 432 in this example. For example, a collapse mark 433 may also be displayed below other status capsules.

[0255] In this embodiment, the card color of the card 430 is black and is integrated with the front camera hole. In this way, the front camera hole is integrated with the card 430, eliminating the abrupt feeling of the front camera hole.

[0256] ②Slide down the capsule to enter the notification center

[0257] The electronic device responds to the downward movement of the capsule 421 and jumps to Fig.12 The interface shown in (3) is the notification center. The notification center includes cards for each service or application. The arrangement order of each card is the same as that of the capsule. The content of the card is the same as that of the capsule. Figure 6 The same as (4) and will not be repeated here.

[0258] ③Click / long press other capsules to expand them into cards, and the current card shrinks into a capsule

[0259] This process is similar to Figure 6 The display effect of the corresponding operation is the same as that of the state capsule 421, which is black and integrated with the front camera hole.

[0260] like Fig.12 As shown in (2), the electronic device responds to the click or long press operation on the status capsule 431, and the clicked status capsule is expanded as shown in Fig.12 At the same time, card 430 is shrunk into status capsule 421, and status capsule 421 is located above card 441. Status capsule 432 and collapse mark 433 are located below card 441. That is, clicking on a status capsule expands it into a card, and the order of the cards is not changed, that is, the order of the card corresponding to the status capsule is the same as the order of the status capsule.

[0261] In addition, card 441 is located below the front camera hole and does not need to cover the front camera hole, so the card color of card 441 may not be black. For example, its color may be the same as the interface color of the service corresponding to the card. For example, the card displays a notification of a taxi travel service, and the color of the card is the same as the interface color of the map APP where the taxi travel service is located.

[0262] ④ Swipe left to remove the card, the capsule below moves up to fill the space and expands into a card

[0263] This process is similar to Figure 6 The effect of removing a card is similar to that of Fig.12 As shown in (5), the unfolded card (ie) is black and can be integrated with the front camera hole.

[0264] ⑤Slide up the card to shrink into a capsule

[0265] The electronic device responds to Fig.12 Slide up the status capsule display area of ​​the interface shown in (2) or (4) to shrink the card into a status capsule and hide other status capsules, that is, jump to Fig.12 The interface shown in (1).

[0266] In addition, the electronic device responds to Fig.12 By sliding up the status capsule 421 shown in (1) or tapping and sliding up, the status capsule 421 and the expansion mark 425 disappear.

[0267] 2) Combination of multiple capsules and front camera hole

[0268] and Figure 7 The multi-capsule display method shown is similar. In this embodiment, the status bar includes a capsule display area 450, which is used to display at least two status capsules partially overlapping in the horizontal direction, and the status capsule located at the top layer is integrated with the front camera hole. The status capsule can be switched left and right by sliding the status capsule left and right.

[0269] In one example, if Fig.13 As shown in (1), the status bar 420 includes two status capsules 451 and 452 partially overlapped in the horizontal direction.

[0270] The status capsule 451 is located on the upper layer of the status capsule 452. The status capsule 451 is located on both sides of the front camera hole. The status capsule is black and is integrated with the front camera hole to present a complete capsule.

[0271] In an example, the status capsule 452 is located in a lower layer of the status capsule 451 , and the color of the status capsule 452 may not be black, for example, its color may be the same as the color of the application interface of the associated service.

[0272] In this embodiment, the interactive operation of the capsule Figure 7 The embodiment shown is the same, except that, in the scenario where the capsules are displayed, the state capsules at the top level are black.

[0273] In response to the right sliding operation on the status capsule 451, the electronic device jumps to Fig.13The interface shown in (2) is shown, that is, status capsule 451 disappears, status capsule 452 is displayed on the top layer, and the color of status capsule 452 is changed to black, that is, status capsule 452 becomes the capsule displayed on the top layer. At the same time, status capsule 453, which is one position after status capsule 452, is displayed on the lower layer of status capsule 452, that is, the effect of partially overlapping status capsule 452 and status capsule 453 in the horizontal direction is finally presented. Moreover, the color of status capsule 453 at the bottom layer is the same as the color of the application interface of the service associated with the capsule.

[0274] Click or long press status capsule 451 to jump to Fig.13 In the interface shown in (3), status capsule 451 is expanded into card 454 and is located below the status bar. The status bar displays other capsules after status capsule 451 in order, that is, status capsule 452 is displayed on the top layer, and status capsule 453 is displayed on the next layer. Moreover, status capsule 452 is black.

[0275] The card shrinks into a capsule. For example, in this example, the electronic device responds to Fig.13 The slide up operation of the card 454 shown in (3) returns to Fig.13 In the interface shown in (1), card 454 is shrunk into state capsule 450. At the same time, the service corresponding to the state capsule in the lower layer of state capsule 450 is updated to the service next to the taxi travel service, such as flight travel service.

[0276] Slide down capsule 451 to jump to Fig.13 The interface shown in (4) is the notification center, and the order of the state capsules of each card in the notification center is the same.

[0277] In addition, in response to a swipe-up operation or a tap-swipe-up operation on the top-level status capsule, the electronic device causes the status capsule to disappear until the status of the service corresponding to the status capsule is updated, at which point the status capsule is displayed again.

[0278] In summary, when the capsule is combined with the front camera hole and there is a scenario where the capsule needs to be displayed, the information of multiple capsules can be displayed in the status bar. All capsule notifications can be viewed by performing corresponding operations on the capsules in the status bar. In this way, the information of all important notifications can be known at a glance without entering the notification center to view important notifications one by one, thereby improving the efficiency of viewing multiple important notifications.

[0279] 5. Notification display in other display scenarios

[0280] 1. Always on Display (AOD) service capsule

[0281] For example, if no operation is received within a preset duration after an electronic device displays a certain interface (such as the interface of a certain application), it may enter the screen-off state to save power. Or, after the electronic device displays a certain interface and receives an operation on the power button by the user, it enters the screen-off state.

[0282] In the screen-off state, the screen of the electronic device is turned off. To enable the user to know time and other information at any time, some information such as time, weather, etc. can be constantly displayed on the screen after the screen is normally turned off, that is, the always-on display function.

[0283] In the embodiments of the present application, to enable the user to quickly know important service notification information in the screen-off state, an AOD card of an important notification can be displayed in the screen-off state. In this way, the user can know the type and status of the current service from the AOD card without unlocking.

[0284] As Fig.14 shown in (1) of, the display screen 60 of the electronic device is in the screen-off state, and time information 601 and an AOD card 602 are constantly displayed on the display screen 60.

[0285] In this example, the AOD card 602 is located below the time information 601. Of course, the AOD card 602 can be located at any position on the screen that does not overlap with the time information 601. The present application does not limit the display position of the AOD card.

[0286] The AOD card 602 includes a service icon 604 and an area 603 for displaying node information. Similar to the status capsule, if the string included in the key information cannot be fully displayed in the area 603, the key information can be divided into at least two strings, and each string is alternately displayed in the capsule.

[0287] For example, still taking the taxi service as an example, when the service is currently in the stage that the driver has accepted the order and is on the way to the pick-up point, as Fig.14 shown in (1) of, the area 603 displays the key information of the accepted vehicle, such as the license plate number "Beijing AXXXX", and after being displayed for a preset duration (such as 2.5 s), it switches to the interface shown in (2) of Fig.14 , that is, the area 603 displays the estimated time for the accepted vehicle to reach the pick-up point, such as about 3 minutes. The key information of the same state is alternately displayed in the AOD card. This process is the same as the carousel method of the status capsule shown in Figure 2 and will not be elaborated here.

[0288] Moreover, the service status information displayed on the AOD card can be refreshed in real time according to the service status change, that is, when the node where the service is located changes, the key information displayed in the AOD card will also change accordingly to the status information corresponding to the node. In other words, the AOD card corresponding to the same service switches information according to the different status information of different important nodes. This process is the same as the process of refreshing service status information of the status capsule and card, and will not be repeated here.

[0289] Taking taxi travel service as an example, the key information displayed on the AOD card at different important nodes is Figure 2 The status capsules shown in the figure show the same information at different nodes, which will not be described in detail here.

[0290] In addition, if there is no operation or information update after the service ends for a preset period of time, the AOD card will automatically disappear. For example, taking the taxi travel service as an example, after the trip ends, the AOD card will automatically disappear after staying in the "trip ended" state for 5 minutes.

[0291] 2. Desktop Cards

[0292] In one embodiment, the desktop interface also includes a card corresponding to the service, which can be called the desktop card of the service. Fig.15 As shown, after the user initiates a taxi trip, he returns to the desktop 100, creates a taxi trip card 31 and displays it on the desktop 100. The card 31 is used to display relevant notification information of this taxi trip.

[0293] like Fig.15 As shown, the taxi travel card 31 includes a title area 32, an information area 33, a service status area 34, a service icon 35 and an interactive button 36. The content displayed in the information area 33 and the service status area 34 will be updated as the service status is refreshed. Figure 1 The corresponding areas in the card 130 shown in (3) are the same and will not be repeated here.

[0294] After receiving the operation of the interactive button 36, the electronic device calls the driver of the vehicle that receives the order, that is, dials the driver's number.

[0295] 6. Control switches for each notification display scene

[0296] For important notifications (such as notifications that users need to handle in a timely manner, such as notifications for taxi trips, flight trips, food delivery, express delivery, subway trips, etc.), corresponding notification messages can be displayed in scenes such as the off-screen display interface, lock screen interface, status bar, notification center, desktop cards, etc., to ensure that users can receive important notification information in a timely manner in the above display scenes. In one example, the system turns on the control switch corresponding to the service in each notification display scene by default.

[0297] In one example, the interface of the setting APP includes multiple setting items, such as a smart assistant. After the electronic device receives a click operation on the smart assistant, it displays an interface including YOYO recommended setting items. After receiving an operation on the YOYO recommended setting items, the YOYO recommended setting details interface is displayed, for example, Fig.16 The interface 80 shown in (1).

[0298] This interface includes settings for each service to choose whether to enable the YOYO suggestion function. The YOYO suggestion function can recommend the currently needed APP or service based on the scenario and usage habits.

[0299] like Fig.16 As shown in (1), the interface 80 can include a setting item title 81, as well as various setting item type titles and setting items. For example, the setting item type title can include multiple types such as travel services 82 and life services.

[0300] For example, travel services may include multiple setting items such as flight travel, train travel, travel reminders, subway boarding codes, taxi travel 83, etc. Each service setting item includes a service name and a control button, such as the taxi travel setting item includes a control button 84.

[0301] In one example, if Fig.16 As shown in (1), the control button 84 includes a button state and an operable part. For example, the button state may include "on" and "off", and the operable part may be ">". When the electronic device receives a click operation on the operable part, the state of the control button is switched. For example, the initial state of the control button is "on", and after receiving a click operation on the operable part, the control button is switched from the "on" state to the "off" state.

[0302] After the electronic device receives an operation (such as a click) on a taxi travel setting item, it jumps to Fig.16 The taxi travel notification display control interface 90 shown in (2).

[0303] In one example, if Fig.16 As shown in (2), the interface 90 includes a setting item title 97 and switch control items for each notification scenario. Taking the taxi travel service as an example, the setting item title includes the service name of the setting item "taxi travel" and a control button 98. The function of the control button 98 is the same as that of the control button 84, which will not be repeated here.

[0304] The display scene control items may include negative one screen card set, desktop card set, notification, AOD and multi-device synchronization control items. The display scene control items are used to control whether the current service is a notification displayed in the scene, where the current service is the service displayed in the setting item title of the current notification display control interface 90, and this example is a taxi travel service.

[0305] After the negative one screen card set control item is selected, the card of the current service is displayed in the negative one screen card set. The negative one screen refers to the interface called out by swiping right on the desktop homepage. The negative one screen interface can display service card sets, recommended content, service and application search areas, etc.

[0306] When the desktop card set control is selected, the card of the current service is displayed in the desktop card set, such as Figure 6 The taxi travel card 31 is shown.

[0307] After the notification control item is selected, the notification of the current service is displayed on the lock screen interface, status capsule, and dynamic notification, such as the card 701 displayed on the lock screen interface as shown in FIG. 5. Figure 1 The state capsule 111 shown in (2), and Figure 1 Card 130 shown in (3).

[0308] After the AOD control item is selected, the notification message of the current service will be displayed in AOD mode on the off-screen interface, such as Figure 4 AOD card 602 is shown.

[0309] When the multi-device synchronization control item is selected, notification messages of the current service are displayed in other devices associated with the current electronic device.

[0310] In one example, if Fig.16 As shown in (2), the display scene control items all include notification scene diagrams and control buttons. For example, notification control item 91 includes notification diagram 92 and control button 93. Notification diagram 92 is used to indicate the notification style of the current service in the notification scene. After the control button 93 is selected, the notification message of the current service is displayed on the lock screen, status capsule, and dynamic notification.

[0311] Similar to notification control item 91, AOD control item 94 includes AOD notification diagram 95 and control button 96. After control button 96 is selected, the electronic device is in screen-off state, and after receiving the notification message of the current service, the notification of the current service is displayed in AOD mode.

[0312] It can be seen that in this embodiment, the notification control item 91 can uniformly control the information presentation of the lock screen, status capsules and dynamic notifications, while the presentation of AOD notifications is controlled separately by the AOD control item.

[0313] VII. Notification display rules for each scenario

[0314] In one embodiment of the present application, in order to ensure that users can promptly receive important notification information in various display scenarios and avoid disturbing users with unimportant notifications in various display scenarios, the display scenario of the notification can be determined based on the urgency and importance of the notification. The notification display scenario here can include AOD cards (such as Fig.14 AOD card 602 shown), lock screen card (such as Fig.15 Card 701 shown), desktop card (such as Fig.16 Card 31 shown), global capsule (such as Figure 1 The capsule 111 shown in (2)), the global card (such as Figure 1 (3) shown in the card 130), notification center notification (such as Figure 1 The card 201 shown in (4) is a negative one screen card, etc.

[0315] In one embodiment, the criterion for measuring the urgency is whether it is necessary to interrupt attention immediately to view, process or use the service immediately. For example, in one example, the urgency of the service notification may include very urgent, urgent, in progress, not urgent, etc.

[0316] For example, a very urgent notification requires the user to handle it within a first preset time (such as 5 minutes), for example, a notification to strengthen the warning to the user. For example, a taxi travel service prompts the user to go to the pick-up point and wait for the car.

[0317] Urgent notifications need to be processed within a second preset time (eg, 15-30 minutes).

[0318] In progress usually refers to services that are in progress within 24 hours. For example, if a user purchases a flight ticket for 5 days later, the flight travel service will remind the user one day in advance of relevant reminders for the flight, such as check-in, boarding, etc.

[0319] Notifications that are not urgent usually require no action from the user.

[0320] In one embodiment, the criterion for measuring the importance is whether ignoring it will have a significant impact, such as loss of life, property, time, opportunity, etc. In one example, the importance of the service notification may include very important, important, generally important, and unimportant.

[0321] Very important means that if the user does not handle it, it may threaten the user's life, for example, notifications about major natural disasters such as earthquakes and typhoons.

[0322] Important means that if the user does not handle it, the property may be damaged, for example, the courier picks up the package in time.

[0323] Generally important means that if the user misses it, it may cause a waste of user time, for example, a notification during express delivery.

[0324] Unimportant means that it has no impact on the user if the user misses it, for example, the system reminds the user about the healthy use of mobile phone time.

[0325] In one embodiment, if Fig.17 As shown, the horizontal axis represents the importance of the service notification, and the vertical axis represents the urgency of the service notification. The importance of the horizontal axis and the urgency of the vertical axis jointly determine in which display scenarios the service notification is displayed.

[0326] For example, for very important and urgent service notifications, they need to be displayed on AOD, lock screen, desktop, negative one screen, global capsule / card or pop-up window, notification center, etc., and the lock screen interface can be dynamic or ordinary notification, and the notification center displays the notification in the form of dynamic notification. In this way, users can be informed of the notification in various usage scenarios to ensure that users will not miss the notification.

[0327] For another example, for unimportant and non-urgent service notifications, the service card can be displayed only on the negative one screen, thereby avoiding interference to the user caused by displaying this notification in multiple display scenarios.

[0328] For other notifications, please see Fig.17 The display scene description corresponding to the corresponding coordinates in will not be repeated here.

[0329] also, Fig.17 The notification display rules for each scenario shown have a higher priority than Fig.16 The control switches for each scenario notification are shown. For example, in one scenario, Fig.16 The notification switch 93 in the control switch setting item of the taxi travel service is in the off state. Fig.17 The notification display rules shown determine that the taxi travel service notification is an important and urgent notification, and the notification of this service is still displayed in display scenarios such as the lock screen, status capsule, and dynamic notification.

[0330] 8. Multi-capsule sorting rules

[0331] Based on Fig.17 The notification display rules of each scenario shown determine that the service notification needs to be displayed in the form of a status capsule, and in the scenario where there are multiple status capsules, since capsules have the characteristics of global visibility and strong perception, it is necessary to comprehensively consider the business attributes of the service to decide the arrangement order of multiple status capsules. In one embodiment, the business attributes can include manual end and automatic end.

[0332] Manual end means that the task status is not time-sensitive and you must click the end button of the task (APP) to end the task status. For example, services with manual end attributes include calls, recordings, sports and health, alarms, timers, express delivery, etc.

[0333] Automatic termination means that the task status is time-sensitive and will be automatically terminated after a natural time or a certain node. For example, services with automatic termination attributes include downloading, taxis, flights, trains, subways, movies, games, etc.

[0334] As shown in Table 1 below, the capsule ranking is determined based on the business attributes of the current top-status capsule and the business attributes of the new-status capsule:

[0335] Table 1

[0336]

[0337] The coverage principle shown in Table 1 is also applicable to the application scenario of three or more capsules.

[0338] For example, in one example, Fig.18 As shown, the display process of the capsule is as follows:

[0339] S101, determining to display a service notification of a first service in a capsule form.

[0340] For example, in one embodiment, according to the importance and urgency of the above-mentioned service notification, it is determined that the display scene of the service notification includes a capsule, and the current display scene is the display interface of other APPs. In this case, it is determined that the capsule needs to be used to display the service notification.

[0341] S102, determining the number of capsules to be displayed; if it is a single capsule, executing S103; if there are at least two capsules to be displayed, executing S104.

[0342] This step is to determine whether the electronic device currently displays a capsule. If no capsule is currently displayed, that is, only the latest service needs to display a capsule, so the number of capsules is one, then S103 is executed.

[0343] If the electronic device currently displays capsules, and the latest service also needs to be displayed in the form of capsules, it is determined that the number of capsules is at least two.

[0344] S103: Display the service notification of the first service in a single capsule display style.

[0345] After executing S103, the process returns to executing S101, that is, continues to determine whether there is a next capsule to be displayed.

[0346] S104, determining display styles of the plurality of capsules.

[0347] For example, the multi-capsule display format can be the aforementioned Figure 6 The display style of the multiple capsules shown in (1), or, Figure 7 The display style of multiple capsules shown in (1).

[0348] S105, determining whether the business attribute of the current service is manual termination and the attribute of the new service is manual termination, if so, executing S106, if not, executing S107.

[0349] It is determined whether the service attribute of the service capsule currently displayed on top is manual termination, and whether the service attribute of the new service is manual termination; if both are yes, then continue to execute S106.

[0350] S106, the latest service capsule is pinned to the top until a new capsule replaces it.

[0351] For example, in one example, the capsule currently displayed on top is a call service, and the new service is a recording service, then the capsule of the recording service is displayed on top until another service capsule replaces the recording service capsule.

[0352] S107, determining whether the service attribute of the current capsule is automatically terminated and the service attribute of the new service capsule is manually terminated, if so, executing S108, otherwise executing S109.

[0353] For example, in one example, a taxi service capsule is currently displayed on top, and the new service is a call service, then it is determined that the service attribute of the current capsule is automatic termination, and the service attribute of the new service is manual termination.

[0354] S108, the service capsule that needs to be manually ended is placed on top.

[0355] The priority of manually ended services is higher than that of automatically ended services. Therefore, let's take the current top service capsule as an example: the taxi service and the new service is the call service. In this case, the call service capsule will be displayed on top. When the call service ends and there is no new service that needs to be displayed, the taxi service capsule will be displayed on top again.

[0356] If a new manual end service (such as a recording service) is started before the call service ends, the capsule of the latest manual end service will be displayed on top, that is, the capsule of the recording service will be displayed on top.

[0357] S109, determining whether the current capsule is automatically terminated and the new service capsule is also automatically terminated; if yes, executing S110; if not, executing S111.

[0358] For example, in one example, the capsule currently displayed on top is a taxi travel service, and the latest service is a flight travel service.

[0359] S110, the latest service capsule is pinned to the top until a new service capsule replaces it.

[0360] The priority of services that are automatically terminated is the same, so the capsule of the latest service is displayed on top. For example, if the current capsule is a capsule for taxi travel and the latest service is a flight travel service, the capsule of the flight travel service will be displayed on top. Until a new service appears, the capsule currently displayed on top will be replaced. For example, after the capsule of the flight travel service is displayed on top, a new automatically terminated service appears, such as a download service. In this case, the capsule displayed on top will be replaced by the capsule of the download service.

[0361] S111, determine whether the current capsule is manually ended and the new service capsule is automatically ended; if yes, execute S112.

[0362] After executing S111, the process returns to executing S101 to continue to determine whether there is a next capsule to be displayed.

[0363] S112, after the capsule that automatically ends the service is displayed on the top for a preset period of time, the last capsule that manually ends the service is displayed on the top again.

[0364] For example, in one example, the capsule currently displayed on top is a call service, and the latest service is a taxi service. In this case, after the capsule of the taxi service is displayed on top for a preset period of time (such as 10 seconds), the capsule of the call service is displayed on top again.

[0365] In one scenario, there may be multiple manually ended services at the same time, for example, call services and recording services, and the latest service is an automatically ended service, such as a taxi service. In this scenario, after the taxi service capsule is displayed at the top for 10 seconds, the status of the most recently triggered service among the multiple manually ended services will be re-displayed at the top. If the trigger time of the recording service is later than that of the call service, the status capsule of the recording service will be re-displayed at the top.

[0366] The display rules of the service capsules provided in this embodiment determine the status capsule to be displayed on top based on the business attributes of the current top-displayed service and the latest service. This embodiment divides the business attributes of services into automatic termination and manual termination, and the priority of manually terminated services is higher than that of automatically terminated services. The status capsule of the latest service is usually displayed on top, and in the case where the latest service is not a manually terminated service, the status capsule of the latest automatically terminated service is displayed on top for a preset period of time, and then the status capsule of the last manually displayed service is re-displayed on top. This allows users to quickly receive notifications of important services in other application interfaces.

[0367] The above is only a specific implementation of the present application, 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 included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.

Claims

1. A notification display method, characterized in that: Applied to electronic equipment, the method comprises: displaying a first interface, the first interface including a status bar, the status bar including a first capsule notification, the first capsule notification including status information of a first service; receiving a second capsule notification, the second capsule notification including status information of a second service; When the first service and the second service are both manually ended or automatically ended, the second capsule notification is displayed on top; When the first service is ended automatically and the second service is ended manually, the second capsule notification is displayed on top; When the first service is manually ended and the second service is automatically ended, the second capsule notification is displayed on top for a preset period of time and then the first capsule notification is displayed on top again.

2. The method according to claim 1, characterized in that The electronic device includes a control switch corresponding to each display scene corresponding to the first service, and the method further includes: If the switch state of the control switch corresponding to each display scene of the first service is inconsistent with the display scene corresponding to the notification of the first service determined based on the preset display scene rule, the notification of the first service is displayed according to the display scene determined based on the preset display scene rule, and the display scene includes at least one of the lock screen interface, desktop card, global status capsule, global notification card, notification center and negative one screen.

3. The method according to claim 1 or 2, characterized in that: The electronic device further includes an expansion mark located below the top-displayed capsule notification, the first capsule notification is top-displayed, and the method further includes: In response to a first operation on the first capsule notification, a first card and the second capsule notification are displayed in sequence from top to bottom on the first interface, the first card covers the first capsule notification, and the first card includes status information of the first service.

4. The method according to claim 3, characterized in that The method further comprises: In response to a second operation on the second capsule notification, the first capsule notification and a second card arranged from top to bottom are displayed on the first interface, the first capsule notification is located in the status bar, the second card is located below the status bar, and the second card includes status information of the second service.

5. The method according to claim 3, characterized in that: The method further comprises: In response to a swipe-down operation on the first capsule notification, a notification center is displayed, the notification center including a third card and a fourth card arranged in sequence from top to bottom, the first card including status information of the first service, and the fourth card including status information of the second service.

6. The method according to claim 3, characterized in that The method further comprises: In response to a third operation on the first card, a fifth card is displayed on the first interface, where the fifth card includes status information of the second service.

7. The method according to claim 1 or 2, characterized in that: The first notification capsule is displayed on top, and the first notification capsule covers a portion of the display area of ​​the second notification capsule.

8. The method according to claim 7, characterized in that The first capsule notification covers a right portion of the second capsule notification, and the method further includes: In response to a right swipe operation on the first capsule notification, displaying the second capsule notification on top; In response to a left swipe operation on the second capsule notification displayed on top, the first capsule notification is displayed on an upper layer of the second capsule notification, and the first capsule notification covers a partial area on the right side of the second capsule notification.

9. The method according to claim 7, characterized in that: The method further comprises: In response to a fourth operation on the first capsule notification, the second capsule notification and the sixth card are displayed on the first display interface in sequence from top to bottom, the second capsule notification is located in the status bar, the sixth card is located below the status bar, and the sixth card includes status information of the first service.

10. The method according to any one of claims 1 to 9, characterized in that: The electronic device includes a front camera hole located at the top of the screen; The capsule notification is located in the middle of the status bar, and the capsule notification includes a first capsule area located on the left side of the front camera hole, and a second capsule area located on the right side of the front camera hole.

11. The method according to claim 10, characterized in that The first capsule area includes an icon of a first service, the second capsule area includes an icon of a second service, and the method further includes: In response to a fifth operation on the first capsule area, displaying a seventh card on the first interface, the seventh card including status information of the first service; In response to a sixth operation on the second capsule area, displaying an eighth card on the first interface, the eighth card including status information of the second service; In response to a sliding operation on the capsule notification, a notification center interface is displayed, wherein the notification center interface includes a ninth card and a tenth card arranged from top to bottom, wherein the ninth card includes status information of the first service, and the tenth card includes status information of the second service.

12. The method according to claim 10, characterized in that The first capsule area includes an icon of a first service, the second capsule area includes an icon of a second service, the electronic device includes capsule notifications corresponding to at least three services, and the method further includes: In response to a seventh operation on the first capsule area, an eleventh card, a third capsule notification, and a fourth capsule notification are displayed on the first interface in order from top to bottom, the eleventh card includes status information of the first service, the third capsule notification includes status information of the second service, and the fourth capsule notification includes status information of the third service; In response to an eighth operation on the second capsule area, a twelfth card, a fifth capsule notification, and the fourth capsule notification are displayed in order from top to bottom on the first interface, the twelfth card includes the status information of the second service, and the fifth capsule notification includes the status information of the first service; In response to a sliding operation on the capsule notification, a notification center interface is displayed, wherein the notification center interface includes a thirteenth card and a fourteenth card arranged from top to bottom, the thirteenth card includes status information of the first service, and the fourteenth card includes status information of the second service.

13. The method according to claim 12, characterized in that The method further comprises: In response to a ninth operation on the third capsule notification, a sixth capsule notification, a fourteenth card and a seventh capsule notification are displayed on the first interface in order from top to bottom, the sixth capsule notification is in the status bar, the fourteenth card is located below the status bar, the sixth capsule notification includes status information of the first service, the fourteenth card includes status information of the second service, and the seventh capsule notification includes status information of the third service.

14. The method according to claim 10, characterized in that The first capsule area includes an icon of the first service, and the second capsule area includes an icon of a first switch of a fourth service.

15. The method according to claim 14, characterized in that The method further comprises: In response to a tenth operation on the second capsule area, a switch card is displayed on the first interface, the switch card covers the first capsule notification, the switch card includes the first switch and the second switch, the first switch is in a selected state, and the first function of the fourth service is turned on.

16. The method according to claim 15, characterized in that The method further comprises: In response to the operation of turning on the second switch of the switch card, the electronic device turns on the second function of the fourth service, and the second capsule area is updated from the icon of the first switch to the icon of the second switch.

17. The method according to claim 14, characterized in that The method further comprises: In response to the tenth operation on the second capsule area, a switch card is displayed on the first interface, the switch card covers the first capsule notification, the switch card includes the first switch and the second switch, the adjustment button of the first switch is in the first position of the adjustment progress bar, and the first function of the fourth service achieves a first effect matching the first position.

18. The method according to claim 17, characterized in that The method further comprises: In response to a sliding operation on the adjustment button of the second switch, the electronic device adjusts an effect corresponding to the second function of the fourth service, and the second capsule area is updated from the icon of the first switch to the icon of the second switch.

19. The method according to any one of claims 14 to 18, characterized in that: The method further comprises: In response to a sliding operation on the second capsule area, a control center interface is displayed, where the control center interface includes the first switch.

20. The method according to claim 13, characterized in that The method further comprises: In response to an eleventh operation on the fourteenth card, displaying an application interface corresponding to the first service; In response to the twelfth operation on the fourteenth card, a floating window is displayed on the first interface, the floating window displays an application interface corresponding to the first service, and a display area of ​​the floating window is smaller than a display area of ​​the screen of the electronic device.

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

22. A computer-readable storage medium, characterized in that: Instructions are stored thereon, and when the instructions are executed on an electronic device, the electronic device executes the notification display method as described in any one of claims 1 to 20.

Images