Notification display method and related apparatus

Abstract

The present application provides a notification display method and apparatus, applied to an electronic device. The method comprises: currently displaying a first interface, wherein the status bar of the first interface comprises a first capsule notification, and the first capsule notification comprises the status information of first service; receiving a second capsule notification, wherein the second capsule notification comprises the status information of second service; and when at least two capsule notifications are present, on the basis of preset topping rules, determining a capsule notification for top display, wherein the preset topping rules can comprise performing top display on a capsule notification corresponding to service having high priority, and for the service having the same priority, performing top display on a latest received capsule notification, the priority of the service is associated with an ending mode of the service, and the service having the high priority is important service. Therefore, use of the solution can make a user always visually acquire an important service notification, thereby improving the efficiency of acquiring the important service notification by the user.

Description

Notification display method and related device

[0001] The present application claims priority to the Chinese patent application No. 202310733087.2, filed on June 19, 2023, and entitled "Notification display method and related device", the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] The present application relates to the technical field of electronic devices, and in particular to a notification display method and related device. BACKGROUND

[0003] With the rapid development of smart terminal technology, the types of application programs (APPs) and services are increasing, and the notification messages of the APPs and services are also increasing. At present, the various types of notification messages of the APPs or services result in low efficiency of users in obtaining important notification information.

[0004] SUMMARY

[0005] Therefore, the present application provides a notification display method and related device to solve at least part of the above problems. The disclosed technical solutions are as follows:

[0006] In a first aspect, the present application provides a notification display method applied to an electronic device, which includes: displaying a first interface, the first interface including a status bar, the status bar including a first capsule notification, the first capsule notification including state information of a first service; receiving a second capsule notification, the second capsule notification including state information of a second service; when the first service and the second service are both manually ended or automatically ended, displaying the second capsule notification on top; when the first service is automatically ended and the second service is manually ended, displaying the second capsule notification on top; when the first service is manually ended and the second service is automatically ended, displaying the second capsule notification on top and then displaying the first capsule notification on top after a preset time. It can be seen that in the scenario of multiple capsule notifications, the priority of the services is determined according to the ending mode (such as manual ending or automatic ending) of the services corresponding to the capsule notifications, and the capsule notification of the service with high priority is displayed on top. In this way, the user can immediately understand the state information of the service with high priority, and the efficiency of the user in obtaining the state information of the service is improved.

[0007] In a possible implementation manner of the first aspect, the electronic device comprises control switches corresponding to respective display scenes of the first service, and the method further comprises: if the switch state of the control switches corresponding to respective display scenes 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, displaying the notification of the first service according to the display scene determined based on the preset display scene rule, the display scene comprising at least one of a lock screen interface, a desktop card, a global status capsule, a global notification card, a notification center and a negative screen. It can be seen that the preset display scene rule has a higher priority than the control switch corresponding to the display scene, that is, when a conflict occurs, the display scene determined based on the preset display scene rule is used as a criterion, so that the user can be ensured to learn the service state of an important service in a timely manner.

[0008] In a possible implementation manner of the first aspect, the electronic device further comprises an expansion mark below the capsule notification displayed on the top, the first capsule notification is displayed on the top, and the method further comprises: in response to a first operation on the first capsule notification, displaying, on the first interface, the first card and a second capsule notification arranged in sequence from top to bottom, the first card covering the first capsule notification, and the first card comprising state information of the first service. For example, the capsule notification displayed on the top is clicked or long-pressed to expand into a card, and other capsule notifications are displayed in sequence below the card, so as to facilitate the user to view information of all capsule notifications and detailed state information of the service corresponding to the first capsule notification.

[0009] In a possible implementation manner of the first aspect, the method further comprises: in response to a second operation on the second capsule notification, displaying, on the first interface, the first capsule notification and a second card arranged in sequence from top to bottom, the first capsule notification being located in the status bar, and the second card being located below the status bar, the second card comprising state information of the second service. For example, the second capsule notification is clicked or long-pressed to expand into a second card, and the first card is shrunk into a capsule notification, so that the user can quickly see detailed state information of the second capsule notification without shifting the visual focus.

[0010] In a possible implementation manner of the first aspect, the method further comprises: in response to a downward sliding operation on the first capsule notification, displaying a notification center, the notification center comprising a third card and a fourth card arranged in sequence from top to bottom, the first card comprising state information of the first service, and the fourth card comprising state information of the second service. It can be seen that the capsule notification is an entrance of the notification center, and the notification center can be quickly entered through the entrance.

[0011] In a possible implementation manner 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 state information of the second service. For example, swiping the first card to the left removes the card, and meanwhile, the capsule notification below the first card is expanded into a card. The user can remove the card that is not focused on, so as to display the service information that is focused on by the user in the limited display space.

[0012] In a possible implementation manner of the first aspect, the first capsule notification is displayed at the top, and the first capsule notification covers part of the display area of the second notification capsule. For example, the first capsule notification partially overlaps the second capsule notification 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 operation.

[0013] In a possible implementation manner of the first aspect, the first capsule notification covers the right part 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 at the top; and in response to a left swipe operation on the second capsule notification displayed at the top, displaying the first capsule notification above the second capsule notification, and the first capsule notification covers the right part of the second capsule notification. It can be seen that the right swipe operation on the capsule notification displayed at the top presents a right-moving effect of the capsule notification, and the left swipe operation on the capsule notification displayed at the top presents a left-moving effect of the capsule notification, thereby facilitating the user to view the state information corresponding to different capsule notifications.

[0014] In a possible implementation manner of the first aspect, the method further includes: in response to a fourth operation on the first capsule notification, displaying the second capsule notification and a sixth card arranged in sequence from top to bottom on the first display interface, the second capsule notification being located in the status bar, and the sixth card being located below the status bar, the sixth card including state information of the first service. For example, clicking or long-pressing the top capsule notification expands it into a card, and the card is located below the status bar, and other capsule notifications are displayed in sequence in the status bar. In this way, the user can view the detailed state information of the first service, and can also view the information displayed by the next capsule notification of the first capsule notification, thereby improving the viewing efficiency of the user.

[0015] In a possible implementation manner 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 to the left of the front camera hole and a second capsule area located to the right of the front camera hole.

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

[0017] In a possible implementation manner of the first aspect, the first capsule region includes an icon of a first service, and the second capsule region includes an icon of a second service. 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 region, displaying, on the first interface, an eleventh card, a third capsule notification, and a fourth capsule notification arranged in a top-down manner, the eleventh card including state information of the first service, the third capsule notification including state information of the second service, and the fourth capsule notification including state information of a third service; in response to an eighth operation on the second capsule region, displaying, on the first interface, a twelfth card, a fifth capsule notification, and the fourth capsule notification arranged in a top-down manner, the twelfth card including the state information of the second service, the fifth capsule notification including the state information of the first service; and in response to a downward sliding operation on the capsule notification, displaying a notification center interface, the notification center interface including a thirteenth card and a fourteenth card arranged in a top-down manner, the thirteenth card including the state information of the first service, and the fourteenth card including the state information of the second service. It can be seen that in a scenario where there are multiple capsule notifications, for example, clicking or long-pressing the first capsule region displays, in a top-down manner, a card of a service corresponding to the capsule region and other capsule notifications, and clicking or long-pressing the second capsule region displays, in a top-down manner, a card of a service corresponding to the capsule region and other capsule notifications. Sliding the capsule notification into the notification center. It can be seen that the capsule notification is an entrance of the notification center.

[0018] In a possible implementation manner of the first aspect, the method further includes: in response to the ninth operation on the third capsule notification, displaying, on the first interface, the sixth capsule notification, the fourteenth card and the seventh capsule notification arranged in sequence from top to bottom, the sixth capsule notification being in the status bar, the fourteenth card being below the status bar, the sixth capsule notification including the status information of the first service, the fourteenth card including the status information of the second service, and the seventh capsule notification including the status information of the third service. For example, in the scenario of displaying the eleventh card, the third capsule notification and the fourth capsule notification, clicking or long-pressing the third capsule notification expands into the fourteenth card, and meanwhile, the eleventh 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 visual focus.

[0019] In a possible implementation manner of the first aspect, the first capsule region includes an icon of the first service, and the second capsule region includes an icon of the first switch of the fourth service. It can be seen that the scheme can display the status information of a service and a switch in one capsule, and the user can directly operate the switch displayed by the capsule to switch the state of the switch, without entering the control center or the switch setting page to control the switch, thereby reducing the user operation and improving the efficiency of operating the switch.

[0020] In a possible implementation manner of the first aspect, the method further includes: in response to the tenth operation on the second capsule region, displaying, on the first interface, a switch card covering the first capsule notification, the switch card including the first switch and the second switch, the first switch being in the selected state, and the first function of the fourth service being turned on. For example, clicking or long-pressing the second capsule region expands into the switch card, and the switch card includes 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 the user operation and improving the efficiency of operating the switch.

[0021] In a possible implementation manner 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 region 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 region is updated accordingly, so that the user can directly operate the icon of the second switch of the second capsule region when needing to turn off the second switch, thereby improving the efficiency of operating the switch.

[0022] In a possible implementation manner of the first aspect, the method further includes: in response to the tenth operation on the second capsule region, displaying a switch card on the first interface, the switch card covering the first capsule notification, the switch card including a first switch and a second switch, an adjusting button of the first switch being at a first position of an adjusting progress bar, a first function of the fourth service reaching a first effect matched with the first position. It can be seen that the scheme can further display the switch including the adjusting progress bar and the adjusting button on the second capsule region, so that when the second capsule region is expanded into the switch card by sliding the adjusting button of the switch, the corresponding function effect can be adjusted, for example, the skin polishing switch and the whitening switch, without entering the control center interface or the switch setting page, the operation of adjusting the switch is reduced, and thus the operation efficiency of the switch is improved.

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

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

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

[0026] In the second aspect, the present application further provides an electronic device, including: one or more processors, a memory and a touch screen; the memory is configured to store program code; and the processor is configured to run the program code, so that the electronic device implements the notification display method in any one of the first aspect.

[0027] In the third aspect, the present application further provides a computer readable storage medium, which stores instructions, and when the instructions are run on the electronic device, the electronic device executes the notification display method in any one of the first aspect.

[0028] In a fourth aspect, the present application provides a computer program product, having a computer program stored thereon, which, when executed on an electronic device, causes the electronic device to implement the notification display method of any one of the first aspect.

[0029] It should be understood that the description of technical features, technical solutions, advantages or similar language in the present 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 a feature or advantage means that the specific technical feature, technical solution or advantage is included in at least one embodiment. Therefore, the description of technical features, technical solutions or advantages in the specification does not necessarily refer to the same embodiment. Furthermore, the technical features, technical solutions and advantages described in the embodiments can be combined in any appropriate manner. Those skilled in the art will understand that the embodiments can be implemented without one or more specific technical features, technical solutions or advantages of a particular embodiment. In other embodiments, additional technical features and advantages can be identified in specific embodiments that do not embody all embodiments. BRIEF DESCRIPTION OF DRAWINGS

[0030] In order to more clearly illustrate the technical solutions of the embodiments of the present application or the prior art, the drawings required to be used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings described below are some embodiments of the present application, and those skilled in the art can obtain other drawings from these drawings without creating labor.

[0031] Fig. 1 is an interface diagram of capsule display and interaction of a service provided by an embodiment of the present application;

[0032] Fig. 2 is a notification information refresh diagram of a state capsule provided by an embodiment of the present application;

[0033] Fig. 3 is an information refresh diagram of a dynamic notification provided by an embodiment of the present application;

[0034] Fig. 4 is a state capsule display diagram in a full screen scenario provided by an embodiment of the present application;

[0035] Fig. 5A is a card diagram in a lock screen scenario provided by an embodiment of the present application;

[0036] Fig. 5B is an interface diagram of dynamic notification interaction provided by an embodiment of the present application;

[0037] Fig. 6 is a diagram of a multi-capsule display style provided by an embodiment of the present application;

[0038] Fig. 7 is a diagram of another multi-capsule display style provided by an embodiment of the present application;

[0039] FIG. 8 is a schematic diagram of a capsule and front camera hole fusion display according to an embodiment of the present application;

[0040] FIG. 9 is a schematic diagram of a capsule and front camera hole fusion display of two services according to an embodiment of the present application;

[0041] FIG. 10A is a schematic diagram of a capsule display of one service and one control switch according to an embodiment of the present application;

[0042] FIG. 10B is a schematic diagram of another capsule display of one service and one control switch according to an embodiment of the present application;

[0043] FIG. 11 is a schematic diagram of a plurality of capsules fused with a front camera hole according to an embodiment of the present application;

[0044] FIG. 12 is a schematic diagram of another plurality of capsules fused with a front camera hole according to an embodiment of the present application;

[0045] FIG. 13 is a schematic diagram of another plurality of capsules fused with a front camera hole according to an embodiment of the present application;

[0046] FIG. 14 is a schematic diagram of a capsule in a screen-off scenario according to an embodiment of the present application;

[0047] FIG. 15 is a schematic diagram of a desktop interface display card according to an embodiment of the present application;

[0048] FIG. 16 is a schematic diagram of a control switch in a notification display scenario according to an embodiment of the present application;

[0049] FIG. 17 is a schematic diagram of a display rule in a notification scenario according to an embodiment of the present application;

[0050] FIG. 18 is a flowchart of a plurality of capsule top sorting according to an embodiment of the present application. DETAILED DESCRIPTION

[0051] The terms "first", "second", and "third" and the like in the description and in the claims of the present application and the accompanying drawings are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the terms so used are interchangeable under appropriate circumstances and are not intended to limit the embodiments to a given

[0052] In the present application, the words "example" and "exemplary" are used to mean serving as an example, instance, or illustration. Any implementation or design solution described as "example" or "exemplary" is not necessarily to be construed as preferred or advantageous over other implementations or design solutions. Rather, use of the words "example" or "exemplary" is intended to present concepts in a concrete manner.

[0053] The notification display method according to the embodiments of the present application will be described in detail below with reference to the accompanying drawings.

[0054] The embodiments of the present application take a car-hailing service as an example to illustrate the display forms of notifications in various scenarios and the interactive operations for the notifications. A user can use a car-hailing service in a map APP to take a car, for example, the user can set a starting point and a destination in the map APP and initiate a car-hailing request. A server platform corresponding to the car-hailing service responds to the car-hailing request to dispatch an order until the end of the entire trip, and the server platform sends information of a current node to the car-hailing service. The car-hailing service on the electronic device side displays the information of the important node to the user after receiving the notification message of the important node. For example, the entire trip can include important nodes such as waiting for dispatching an order, a driver having accepted an order, the driver going to a pickup point, the driver arriving at the pickup point, going to a destination, and the end of the trip.

[0055] The following takes the car-hailing service as an example to illustrate the display method of service notifications in combination with the accompanying drawings.

[0056] I. Single capsule display scenario

[0057] 1. Display of a single capsule

[0058] In an example, as shown in (1) of FIG. 1, an interface 10 of a map APP mainly includes a map data display area 101, a selectable vehicle type display area 102, and a status bar 106.

[0059] The status bar 106 is located at the top of the screen and can include the current status of the mobile phone, such as a cellular network signal quality identifier, a wireless network signal quality, a battery power, a real-time time, a notification icon of an application or a service, and the like. The status bar can also include other information that changes with the status. The status bar 106 shown in (1) of FIG. 1 is only an example, and the positions of the information in the status bar can not be limited to those shown in the figure. The developer can flexibly adjust according to the display requirements. The information content and position displayed in the status bar are not specially limited in the present application.

[0060] The area 101 is used to display map data, for example, a selectable trip route planned according to the starting point and the destination set by the user can be displayed.

[0061] The area 102 is used to display selectable vehicle types, wherein the area 102 can display a plurality of selectable vehicle type entries, each of which can include a selectable car-hailing platform (such as AA travel, BB car-hailing, and CC travel), an amount of money required for this trip, and a selection button 103. The user can click the selection button 103 to select or cancel the vehicle type corresponding to the selection button 103. In addition, the area for displaying the selectable vehicle types is slid up and down to view more selectable vehicle type entries.

[0062] The region 102 further includes an "immediate call" button 104. After the electronic device receives a tapping operation of the button 104 by the user, the electronic device initiates a car-hailing request and sends the car-hailing request to a server. The server selects a matching vehicle for the user in response to the car-hailing request.

[0063] For important service notifications, after the electronic device receives an operation of the user exiting a current service interface, the electronic device jumps to another application interface and displays a status capsule corresponding to the service in a status bar. The status capsule includes a service icon and key information of an important node of the service. In this way, even if the user exits the service interface, the user can still obtain the latest status of the service from the status capsule, and the use of other applications or services by the user is not affected.

[0064] The present example takes the case of returning to a desktop APP from a car-hailing service as an example to illustrate the display rules and styles of the status capsule.

[0065] The status bar is a common status display bar in a mobile phone for different application programs. For example, the display interfaces of different application programs of the mobile phone can all include the status bar, and the contents displayed in the status bars of the display interfaces of different application programs can be the same or different.

[0066] In the present embodiment, in order to enable the user to obtain important notifications of the car-hailing service in a timely manner, the status bar 110 includes a status capsule 111 for displaying important information of the car-hailing service. In the present example, the status capsule 111 is located on the left side of the status bar. The original mobile phone status information of the status bar can be displayed on the right side of the status bar, or part of the status information, such as the cellular network signal quality and the wireless network signal quality, can be hidden.

[0067] In an example, as shown in (2) of FIG. 1, the status capsule 111 located in the status bar region can be in a capsule form, and of course, can also be in other shapes, which are not limited in the present application.

[0068] The status capsule 111 can include a service icon region 112 and a region 113 for important node information of the service. In this way, the user can intuitively obtain the service type and the service status.

[0069] For example, the current service is a car-hailing service, and the region 112 of the status capsule displays an icon of the car-hailing service. The region 113 is used to display important information of the car-hailing service, so that the user can intuitively know the current status of the car-hailing service.

[0070] In an example embodiment, the region 113 displays key information of the current important node of the service, and in case the key information includes multiple strings which cannot be displayed completely in the region 113 at the same time, the key information can be divided into at least two strings, and the strings are displayed in the region 113 in turn. In addition, the key information displayed in the region 113 can be switched according to different important nodes of the current service.

[0071] In an example, the key information includes two strings, the two strings are cycled every first preset time length (e.g. 2.5s), and after the second preset time length (e.g. 5s), the key information is displayed in a fixed state. If there is no new state information for a third preset time length (e.g. 1 min), the cycling is triggered again.

[0072] For example, the important node of the current ride-hailing service is that the driver has accepted the order and is going to the pickup point, and the region 13 displays the license plate number of the ordered vehicle and the estimated time of arrival at the pickup point, i.e. displays the license plate number "Jing AX XXX" and the estimated time of arrival at the pickup point "about 3 minutes" in turn. For example, the license plate number is displayed for 2.5s, and then the estimated time of arrival at the pickup point is displayed, and after 5s, the license plate number is displayed in a fixed state. If there is no new information for 1 min, the cycling of the above two information is triggered again.

[0073] In addition, in some scenarios, the information displayed in the region 113 of the state capsule 111 can be updated in real time following the service state, for example, the important node (i.e. service state) of the ride-hailing service in the example is updated, and the content displayed in the state capsule 111 is also updated in real time.

[0074] The following describes the switching / cycling process of the state information corresponding to the state capsule of the ride-hailing service in combination with FIG. 2:

[0075] After the user initiates a ride request, the important nodes can include the following: waiting for the platform to assign an order, the driver has accepted the order and is going to the pickup point, arrives at the pickup point, goes to the destination, and the trip ends.

[0076] As shown in FIG. 2, the current node is waiting for the platform to assign an order, and the state capsule displays the icon of the ride-hailing service and the key information of the current node, and the corresponding strings of the key information are displayed in turn. For example, in this example, the state capsule displays "assigning an order" and "has been waiting for 01 minutes and 30 seconds" in turn. The two information of the same state are cycled every preset time length (e.g. 2.5s), for example, in this example, "assigning an order" is displayed for 2.5s, and then the waiting time information is displayed, and the waiting time information is updated according to the actual waiting time. After 5s, the key information is displayed in a fixed state. If there is no new information for 1 min, the cycling is triggered again.

[0077] The current driver has accepted the order and is going to the pickup point node. The status capsule alternately displays the license plate number "Beijing AX XXXX" of the ordered vehicle and the arrival time "about 3 minutes" at the pickup point. The rule of alternately displaying the string is the same as the above-mentioned carousel rule of the waiting platform order node, which will not be repeated here.

[0078] The current arrival at the pickup point node, the status capsule includes the icon of the taxi service, and alternately displays the license plate number of the ordered vehicle and the information that it has arrived. Optionally, it can also display the waiting time after the vehicle arrives at the pickup point, that is, it alternately displays three information: license plate number, arrival information and waiting time.

[0079] The current is going to the destination node, the status capsule includes the icon of the taxi service, and alternately displays the time "18:50 to" and the information "in the journey" of the expected arrival at the destination.

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

[0081] In addition, the current service end state stays for a preset time, and if there is no operation or no other notification information after the preset time, the status capsule 111 automatically disappears. For example, after the taxi trip ends, that is, arrives at the destination, the status capsule displays the "has ended" state for 5 minutes, and if there is no operation or no other notification information within 5 minutes, the status capsule automatically disappears.

[0082] The key information carousel mode of the same state displayed by the status capsule shown in FIG. 2, and the refreshing mode of the key information following different states, are also applicable to other services, which will not be repeated here.

[0083] 2. Interactive operation of the status capsule

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

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

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

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

[0088] 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, and specifically, the name of the map APP is, for example, XX Map.

[0089] The information area 132 includes key information of important nodes of the service. For example, in this example, key information of the current node in the car-hailing journey is displayed, such as when the driver is on the way to the pickup point, the displayed key information can include the license plate number of the vehicle that has accepted the order "Jing AX XXX", the color of the vehicle "white", the driver information "Mr. Zhang" and the estimated arrival time at the pickup point "about 2 minutes to arrive" and other information.

[0090] The service status area 133 includes a visual dynamic display of the service progress bar. For example, in this example, the car-hailing travel service of the map APP displays the progress of the current node. For example, when the driver has accepted the order and is on the way to the pickup point, the progress bar displays the progress of the journey of the vehicle that has accepted the order to the pickup point, and the distance of the vehicle that has accepted the order from the pickup point and the real-time traffic condition of the route (i.e. the route of the vehicle that has accepted the order to the pickup point) in the progress bar, i.e. whether the route is smooth or congested.

[0091] The service icon 134 can enable the user to more intuitively understand the corresponding service of the current dynamic notification. For example, in this example, the car-hailing travel service in the map APP displays the vehicle icon shown in the figure.

[0092] Similar to the state capsule updating the state information, the information area 132 and the service status area 133 of the card 130 display content that is updated in real time following the service status.

[0093] In an example, taking the node status of the car-hailing service as an example, the current node is waiting for the platform to assign an order, as shown in (1) of FIG. 3, the area 132 displays "platform assigning order, has waited for 01:30", and the area 133 has no journey progress.

[0094] The current node is that the driver has accepted the order and is on the way to the pickup point, as shown in (2) of FIG. 3, the area 132 displays the information of the vehicle and the driver that has accepted the order, and the area 133 displays the distance of the current position of the vehicle that has accepted the order from the pickup point (the end point of this segment of the journey) and the real-time traffic condition of the route of this segment of the journey. The start point of this segment of the journey is the position of the vehicle that has accepted the order when it received the order. In addition, the area 133 also refreshes the real-time position of the vehicle that has accepted the order.

[0095] The current node is that the vehicle that has accepted the order has arrived at the pickup point, as shown in (3) of FIG. 3, the area 132 displays the information of the vehicle and the driver that has accepted the order, such as "Jing AX XXX has arrived at Mr. Zhang white". The start point of the journey in the area 133 is updated to the pickup point, and the end point of the journey is updated to the destination of the passenger. In addition, the real-time position of the vehicle that has accepted the order in the route and the real-time traffic condition of the route can also be displayed.

[0096] Currently at the destination, as shown in (4) of FIG. 3, the area 132 displays the estimated time length and time to reach the destination, the remaining distance, and the real-time traffic condition. The area 133 displays the real-time position of the current vehicle in the route of the trip and the real-time traffic condition of the route.

[0097] Currently at the destination (i.e. the end of the trip), as shown in (5) of FIG. 3, the area 132 displays that the trip has ended. The area 133 is updated to no progress of the trip.

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

[0099] 2) The state capsule in the slide-down state enters the notification center interface

[0100] After the electronic device receives the slide-down operation of the user on the state capsule 111, the notification center interface is entered, i.e. the state capsule 111 shown in (2) of FIG. 1 jumps to the interface 20 shown in (4) of FIG. 1, i.e. the notification center. It can be seen that the state capsule is an entrance of the notification center.

[0101] In the notification center, the dynamic notification is arranged before the ordinary notification. The dynamic notification refers to the service notification of the service state which changes, for example, the notification of the taxi service, the notification of the flight service, the notification of the take-out service, etc. The service state of the taxi service can include waiting for the platform to assign an order, the driver has accepted the order and goes to the pickup point, arrives at the pickup point, goes to the destination, and the end of the trip. The ordinary notification refers to the notification content of the service whose service state remains unchanged, for example, the short message notification, the notification of the instant messaging APP, etc.

[0102] When there are multiple dynamic notifications, the dynamic notifications are sequentially arranged from high to low in importance. When the importance of at least two dynamic notifications is the same, the dynamic notifications are sequentially arranged from short to long in time to reach the next important node. For example, in the example, the priority of the taxi service is higher than that of the flight service, and therefore, the card 201 of the taxi service is arranged before the card 202 of the flight service in the notification center.

[0103] The ordinary notifications are sequentially arranged from early to late in time of receiving.

[0104] As shown in (4) of FIG. 1, the notification center interface can include multiple cards. The dynamic notification is arranged before the ordinary notification, and the card corresponding to the state capsule 111 in the dynamic notification is located at the first position, and the other dynamic notifications are sequentially arranged from late to early in time.

[0105] For example, in this example, the card 201 of the ride-hailing service is ranked first, followed by the card 202 of the flight trip and the card 203 of the takeout. This example only shows the above three notifications, and the notification center can include more notifications. The card 201 has the same content as the card 130 shown in (3) of FIG. 1.

[0106] As shown in (4) of FIG. 1, the card 202 includes important node information of the flight trip, such as the text information "6 hours to check-in", 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 the check-in stage. The card 203 includes specific content of the takeout service, for example, the real-time location of the delivery person and the estimated delivery time.

[0107] 3) Upper sliding capsule disappears

[0108] The electronic device hides (or hides) the status capsule 111 in response to the upper sliding operation (or the upper sliding operation with a click, i.e., the upper sliding operation while pressing) on the status capsule 111. When the service status information of the status capsule 111 is updated, the status capsule 111 including the latest service status information is displayed again.

[0109] 4) Full-screen scenario hides status capsule

[0110] In addition, the status bar is an optional display item, and the display interface of the application can not include the status bar. For example, in a scenario that requires full-screen display (such as photographing, video recording, video, game, etc.), the status bar can be hidden. In such a scenario, the user slides down the status bar area to display the status bar including the status capsule.

[0111] For example, in an example, as shown in (1) of FIG. 4, the electronic device displays the ride-hailing service interface of the map APP, receives the click operation of the user on the "Call immediately" button 104 to initiate a ride request, and then receives the operation of exiting the current interface, and jumps to the interface shown in (2) of FIG. 4, i.e., the desktop interface, and the status bar of the desktop includes the status capsule 120. At this time, if the electronic device receives the click operation on the icon of the game APP on the desktop, it jumps to the interface 200 of the game APP shown in (3) of FIG. 4, and the interface 200 displays the game image data in full screen.

[0112] When the electronic device displays the interface 200 of the game APP, after receiving the downward sliding operation of the user on the status bar area, the interface shown in (4) of FIG. 4 is jumped to, the top of the interface is the status bar 210, and the status bar 210 includes the status capsule of the taxi travel service. That is, the electronic device displays the status bar including the status capsule after receiving the downward sliding operation on the status bar area in the full-screen display state. In this way, the user does not need to exit the currently running game APP, and can know the real-time status of the taxi travel service from the status capsule 211 of the status bar, and the full-screen experience of the user is not affected.

[0113] The above describes the display method of the appearance and disappearance of the status capsule and the interactive operation of the taxi travel service in the map APP. Of course, the display method of the status capsule described above is also applicable to other services, such as takeout, express delivery, subway travel, and movie watching. The display content of the status capsule is adaptively changed according to the business characteristics of other services, which will not be described one by one here.

[0114] In summary, after exiting the application interface of the service (which can be referred to as a 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 the key status information of the service. In this way, the user can quickly know the status of the service through the information displayed by the status capsule, so as to ensure that the user will not miss important notifications. At the same time, the user uses other applications or services is not affected. Moreover, the interactive operation is provided for the status capsule, such as clicking or long pressing the capsule to expand into a dynamic notification, and sliding the capsule to enter the notification center. In this way, the user does not need to exit the current application and enter the interface that the user wants to display. The user directly operates the status capsule in the status bar to jump to the interface corresponding to the operation, reduces the user operation, and improves the efficiency of entering the interface related to the service.

[0115] II. Display method of dynamic notification

[0116] 1) Display scenario of dynamic notification

[0117] ① Status capsule expands into dynamic notification

[0118] In the embodiment of the present application, as shown in FIG. 1, in response to the click or long press operation on the status capsule 111, the card 130 shown in (3) of FIG. 1 is displayed on the upper layer of the application interface (the desktop in this example). In response to the downward sliding operation on the status capsule 111, the interface 20 of the notification center shown in (4) of FIG. 1 is jumped from the application interface, and the notification center includes the card 201.

[0119] In an example embodiment, in a scenario where multiple notifications need to be displayed, the notifications are displayed in the order of the time of receiving the notifications from early to late, without distinguishing the types of the notifications (e.g., dynamic notifications and normal notifications). For example, the card in (3) of FIG. 1 is replaced by a card of another service or application, such as a notification of information from a contact. The dynamic notifications are displayed in priority to the normal notifications at the same time.

[0120] In an example embodiment, the dynamic notifications are displayed in the top of the notification center, and if there are multiple dynamic notifications, the dynamic notifications are arranged in the order of the time of receiving the notifications from early to late.

[0121] In a scenario where there are both dynamic notifications and normal notifications, the dynamic notification area is located above the normal notification area, i.e., the dynamic notifications are displayed in priority.

[0122] ② Dynamic notifications of the lock screen interface

[0123] In an application scenario, after the electronic device receives a press operation of the power key in the screen-off state, the electronic device enters the lock screen state from the screen-off state, i.e., jumps from the screen-off interface to the lock screen interface.

[0124] In an example embodiment, as shown in FIG. 5A, the lock screen interface 70 includes a lock screen wallpaper interface at the bottom layer, and at least one card located above the lock screen wallpaper interface. When there are at least two notifications, the arrangement rules of the notifications are the same as the arrangement rules of the notifications in the notification center, which will not be described herein again.

[0125] In this example, the notifications of the lock screen interface are, from top to bottom, a card 701 of a ride-hailing service, a card 702 of a flight service, and a card 703 of a take-out service. The contents of the cards are the same as the contents of the cards in the notification center, which will not be described herein again.

[0126] When the electronic device is in the lock screen state, the cards are displayed, so that the user can directly obtain the service type and state from the cards without unlocking. Moreover, the cards of important notifications are arranged in the first place and will not be submerged by other notifications, ensuring that the user will not miss important notifications.

[0127] 2) Interactive operations of dynamic notifications

[0128] ① Clicking / long-pressing to enter the application interface

[0129] The electronic device jumps to the application interface of the service corresponding to the dynamic notification in response to the clicking or long-pressing operation on the card 130 shown in (1) of FIG. 5B. For example, in this example, it is the application interface of the ride-hailing service, i.e., the interface of the map APP.

[0130] ② Sliding down to display the service interface in a small window

[0131] The electronic device jumps to the interface shown in (3) of FIG. 5B in response to the downward sliding operation on the card 130. As shown in (3) of FIG. 5B, the interface includes the desktop at the bottom layer, and the small window 140 of the 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.

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

[0133] In an example, the small window 140 can also include a minimize button 141 and a close button 142. In response to the operation on the minimize button 141, the interface shown in (4) of FIG. 5B is jumped to, that is, the small window 140 is shrunk into the capsule 421. In response to the operation on the close button 142, the interface shown in (5) of FIG. 5B is jumped to, that is, the small window 140 is closed and the capsule is not displayed.

[0134] ③Upward sliding card shrinks into a capsule

[0135] The electronic device jumps to the interface shown in (4) of FIG. 5B in response to the upward sliding operation on the card 130, that is, the card 130 is shrunk into the capsule 111.

[0136] In addition, after the card 130 is displayed for a preset time length and no other operation is performed, the card 130 disappears and the state capsule is displayed. For example, the card 130 is shrunk into the state capsule 111 after 5s without operation. The card 130 automatically disappears after staying for a preset time length at the end of the task, for example, the card 130 automatically disappears after staying for 5s after the end of the taxi trip.

[0137] Three, multi-capsule display scenario

[0138] The display mode of the state capsule in the scenario where there are at least two important notifications of services that need to be presented on the electronic device will be introduced below with reference to the accompanying drawings.

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

[0140] 1, multi-capsule display mode one

[0141] In an example embodiment, only the state capsule ranked first is displayed in the status bar, and an expansion mark is displayed below the state capsule. The expansion mark is used to indicate that other state capsules are displayed after the downward sliding operation on the state capsule, for example, up to 5 state capsules can be displayed.

[0142] In an example, as shown in (1) of FIG. 6, the status bar area (i.e., the top display area 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 is also included below the status capsule to indicate that there are other status capsules.

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

[0144] The electronic device jumps to the interface shown in (2) of FIG. 6 in response to a click or long press operation on the status capsule 310 shown in (1) of FIG. 6, and the status capsule 310 expands into a card 320 and is located at the top. At the same time, the other status capsules ranked after the first one, the status capsule 321 of the flight trip and the status capsule 322 of the take-out service, are displayed in turn below the card, and a folding mark 323 is displayed.

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

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

[0147] ③ Swipe down the status capsule to enter the notification center

[0148] In response to a swipe-down operation on the status capsule 311 shown in (1) of FIG. 6, the interface of the notification center is jumped to. The arrangement order of the cards of the notification center is the same as that of the status capsules, as shown in (4) of FIG. 6, the card 201 of the taxi trip service is ranked first, followed by the card 202 of the flight trip and the card 203 of the take-out, and it can be seen that the arrangement order of the cards is the same as the order of the capsules in (2) of FIG. 6.

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

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

[0151] ⑤Up swipe the card and the capsule display area, shrink to a capsule and only display the first capsule

[0152] The electronic device, in response to an up swipe operation on the state capsule / card display area shown in (2) or (3) of FIG. 6, shrinks the card to a capsule, and at the same time, hides the state capsules other than the first capsule, i.e., jumps to the interface shown in (1) of FIG. 6.

[0153] ⑥Up swipe the capsule to disappear

[0154] The electronic device, in response to an up swipe or up swipe and press operation (i.e., up swipe while pressing) on the state capsule 311 shown in (1) of FIG. 6, the state capsule 311 and the expansion mark 312 disappear, and the state capsule 311 is displayed again when the state of the service corresponding to the state capsule 311 is updated.

[0155] In another exemplary embodiment, the electronic device, in response to a down swipe operation on the state capsule 311 shown in (1) of FIG. 6, displays all state capsules, and the state capsule 311 is in the first position, i.e., the state capsule 311 of this embodiment does not expand into a card, and other operations are the same as those of the embodiment shown in FIG. 6, which will not be described here.

[0156] 2. Multiple capsule display mode two

[0157] In an exemplary embodiment, at least two state capsules are displayed in the status bar area with partial overlap in the horizontal direction, and right swipe on the top layer state capsule displays the next state capsule of the state capsule, and the continuous right swipe operation displays the last state capsule. For example, up to 5 state capsules can be displayed.

[0158] In an example, as shown in (1) of FIG. 7, the status bar area of the desktop 100 includes two partially overlapping state capsules 330 and 331, and the state capsule 330 is on the top layer, the state capsule 331 is on the lower layer of the state capsule 330, and the distance between the state capsule 330 and the state capsule 331 in the horizontal direction is a preset distance, which is less than the length of the state capsule, i.e., the state capsule 330 and the state capsule 331 partially overlap in the horizontal direction, for example, the state capsule 330 covers the right side of the state capsule 331.

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

[0160] ①Right swipe to display the next capsule, left swipe to display the previous capsule

[0161] In this example, the electronic device jumps to the interface shown in (2) of FIG. 7 in response to a right-swipe operation on the state capsule 330 located at the top layer, that is, the capsule located at the top layer is switched to the state capsule 331, and the capsule located at the bottom layer is switched to the state capsule 332, that is, the effect of rightward movement of the state capsule is presented.

[0162] The electronic device jumps to the interface shown in (1) of FIG. 7 in response to a left-swipe operation on the state capsule 331 located at the top layer shown in (2) of FIG. 7, that is, the effect of leftward movement of the state capsule is presented.

[0163] The example of FIG. 7 is two capsules partially overlapping in the horizontal direction, and in actual applications, three or more capsules can be partially overlapping.

[0164] (2) Click or long press the top-layer capsule to expand it into a card while displaying other capsules in the status bar

[0165] In an embodiment, the electronic device can also expand the top-layer state capsule into a card in response to a click or long press operation on the state capsule located at the top layer, and display the other capsules after the top-layer state capsule in the capsule display area in the status bar in turn.

[0166] For example, in this example, after the user clicks or long presses the state capsule 330 shown in (1) of FIG. 7, the interface shown in (3) of FIG. 7 is jumped to, the state capsule 330 is expanded into a card 333, the card 333 is located below the status bar, the content of the card 333 is the same as that of the card 130 shown in (3) of FIG. 1, and details are not repeated here. At the same time, the other capsules after the state capsule 330 are displayed in the status bar in turn, such as the state capsule 331 of the flight trip and the state capsule 332 of the takeout.

[0167] (3) Swipe up the card to shrink it into a capsule

[0168] In an embodiment, the electronic device returns to the interface shown in (1) of FIG. 7 in response to an up-swipe operation on the card 333 shown in (3) of FIG. 7, that is, the card 333 is shrunk into the state capsule 330, and at the same time, the state capsule 330 of the ride-hailing service is located at the top layer, and the capsule of the flight trip service is located at the bottom layer of the state capsule 330.

[0169] (4) Swipe down the capsule to enter the notification center

[0170] In an embodiment, the electronic device enters the notification center in response to a down-swipe operation on the state capsule 330 shown in (1) of FIG. 7. As shown in (4) of FIG. 7, the card sorting in the notification center is the same as that of the state capsule.

[0171] (5) Swipe up the capsule to disappear

[0172] In addition, the electronic device, in response to an upward swipe operation or a tap-and-swipe-up operation (i.e., pressing the status capsule while swiping upward) on the status capsule 330 shown in (1) of FIG. 7, the status capsule disappears until the status capsule 330 is updated with the status of the corresponding service, and the status capsule 330 is displayed again. The upward swipe operation on the status capsule shown in (2) of FIG. 7 has the same effect, and thus a detailed description thereof will not be provided herein.

[0173] In summary, for the scenario in which multiple service notifications 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 identifier, or another capsule that is covered by a portion of the first capsule. Through these information, the user is prompted 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 user can intuitively know the information of all important notifications without entering the notification center to find important notifications one by one, and thus the efficiency of viewing multiple important notifications is improved.

[0174] IV. Display scheme of status capsule combined with front camera hole

[0175] With the wide application of full screens in electronic devices, the top of the screen of the electronic device is usually provided with a camera hole for setting a front camera. When the screen displays content, no pixels are displayed at the front camera hole, and thus the content cannot be displayed, i.e., the front camera hole appears black, which is not coordinated with the display area of the screen.

[0176] In order to reduce the conspicuousness of the front camera hole, an embodiment of the present application provides a display scheme of a status capsule combined with the front camera hole, i.e., displaying a capsule at the front camera hole, and the color of the capsule is black, and the front camera hole is also black, and finally the front camera hole appears to be a part of the capsule.

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

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

[0179] One capsule associated with one service means that one status capsule can display notification information of one service.

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

[0181] In an example, as shown in (1) of FIG. 8, the current interface is the desktop 100, and the status bar 420 of the desktop 100 includes the status capsule 421. The status capsule 421 is located in the middle region of the status bar, and the status capsule 421 is black and can be integrated with the black front camera hole 424, presenting a complete status capsule style, thereby reducing the sense of strangeness of the front camera hole.

[0182] Still taking the ride-hailing service as an example, as shown in (1) of FIG. 8, the first capsule region 422 of the status capsule 421 can display the ride-hailing service icon, and the second capsule region 423 can display the key status information of the ride-hailing service, such as the license plate number of the vehicle taking the order, the estimated time, and the like.

[0183] Similar to the status capsule 111 in (2) of FIG. 1, the status capsule 421 of the embodiment can also cycle / 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 is displayed in turn and includes multiple strings.

[0184] The interaction operation of the status capsule 421 of the embodiment is similar to the status capsule 111 shown in (2) of FIG. 1, and includes the following interaction operations:

[0185] ① Swipe down the capsule to enter the notification center

[0186] As shown in (1) of FIG. 8, the electronic device displays the notification center interface 40 shown in (2) of FIG. 8 in response to the swipe-down operation on the status capsule 421, that is, swipe down the status capsule to enter the notification center.

[0187] ② Click or long-press the capsule to expand into a card

[0188] As shown in (1) of FIG. 8, the electronic device displays the interface shown in (3) of FIG. 8 in response to the click or long-press operation on the status capsule 421, that is, the status capsule expands into a card 401, and the content displayed by the card 401 is the same as that of the card 130 shown in (3) of FIG. 1, which will not be described herein again.

[0189] ③ Swipe up the capsule to disappear

[0190] The electronic device responds to the swipe-up operation or point-and-swipe operation on the status capsule 421, and the status capsule 421 disappears. When the status information of the service corresponding to the status capsule is updated, the status capsule is displayed again.

[0191] 2) One capsule is associated with two services, and the two services are to be displayed

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

[0193] In an example, the two services associated with the capsule are the first two services with the highest priority. As the service state changes, the priority of the service notification can change, and therefore the two services associated with the capsule are also dynamically changed, and are not fixed two services, that is, the capsule always displays information of the two services with the highest priority.

[0194] As shown in (1) of FIG. 9, the capsule 510 is located in the front camera region, and the capsule is black. The first capsule region 511 is used to display an icon of a service, and the second capsule region 512 is used to display an icon of another service. For example, in the example, the left side of the capsule 510 displays an icon of a car-hailing service, and the right side displays an icon of a flight service.

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

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

[0197] The electronic device responds to the click or long press operation on the first capsule region 511 in the capsule 510 shown in (1) of FIG. 9, and jumps to the interface shown in (2) of FIG. 9, that is, the first capsule region 511 expands into a card 513. In the example, the first capsule region 511 is associated with a car-hailing service, and after clicking the region, the card 513 of the car-hailing service is displayed.

[0198] Similarly, the electronic device responds to the click or long press operation on the second capsule region 512 in the capsule 510, and jumps to the interface shown in (3) of FIG. 9, that is, the second capsule region expands into a card 514. For example, in the example, the second capsule region 512 is associated with a flight service, and after clicking the region, the card 514 of the flight service is displayed.

[0199] ② Swipe down the capsule to jump to the notification center

[0200] The electronic device responds to the swipe-down operation on any display region of the capsule 510, and jumps to the notification center interface 40 shown in (4) of FIG. 9. The first two notification cards (i.e., 401 and 402) of the notification center interface 40 are notifications of the two services associated with the capsule 510, and the card corresponding to the first capsule region is arranged before the card corresponding to the second capsule region.

[0201] ③ Swipe up the capsule to disappear

[0202] The electronic device, in response to the upward sliding operation or the tap-upward sliding operation on the status capsule 510, causes the status capsule 510 to disappear. When the status capsule is updated, the status capsule is displayed again.

[0203] As can be seen, the embodiment can display information of two associated services in the same capsule, and the user can perform corresponding operations on the capsule to jump to an interface corresponding to the operation, such as displaying all capsules or entering a notification center. It can be seen that the user can directly operate the capsule to quickly view all important notifications, and the efficiency of viewing multiple important notifications is improved.

[0204] 3) One capsule can be associated with one service and one control switch

[0205] In an example embodiment, the first capsule region in the capsule is associated with a service, and the second capsule region is associated with a control switch. The service associated with the capsule is a service with the highest priority currently running. The control switch associated is a control switch recommended according to the service or application currently used by the user, and after the recommendation of the control switch ends, the service with the highest priority currently running other than the service displayed in the first capsule region or other automatically recommended control switches is automatically displayed.

[0206] For example, in an example, the two services with the highest priority currently running are a taxi service and a flight service, and the priority of the taxi service is higher than that of the flight service. Therefore, the first capsule region displays the taxi service, and the second capsule region displays the flight service. If the user performs a voice call, the system automatically recommends a voice enhancement service. Since the priority of the voice call service is higher than that of the taxi service and the flight service, as shown in (1) of FIG. 10A, the first capsule region 611 displays an icon of the voice call service, and at the same time, the second capsule region 612 displays an icon of the recommended voice enhancement control switch. The user can directly click the icon to switch the on / off state of the control switch.

[0207] In an 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 region 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, which is not limited in the present application.

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

[0209] Further, if the voice call service ends and the taxi service and the flight 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 service, and the second capsule area 612 is updated from the icon of the taxi service to the icon of the flight service.

[0210] In another example, the first capsule area of the status capsule displays the taxi service, and the second capsule area displays the flight service. If the user turns on the video call (such as the video call function of the telephone APP or the video call function of the third-party instant messaging APP) and enters another application interface (such as the desktop), the beautification service is automatically recommended. In this case, as shown in (1) of FIG. 10B, 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 beautification switch, so that the user can directly operate the beautification switch of the second capsule area without needing to enter the beautification setting interface layer by layer, thereby reducing the operation complexity of adjusting the beautification switch in the video call scenario and improving the operation efficiency.

[0211] Of course, other control switches associated with other application scenarios can also be automatically recommended according to the scenarios, for example, when it is detected that the electronic device starts a service that needs to use Bluetooth communication (such as wireless screen projection, code scanning for car use, etc.), the Bluetooth switch can be automatically recommended, and the icon of the Bluetooth switch is displayed in the second capsule area. Here, details are not repeated.

[0212] The following interactive operations can be performed on the capsule in this embodiment:

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

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

[0215] The content displayed by the card 613 is related to the associated service. Taking the phone service as an example, as shown in (2) of FIG. 10A, the card 613 can include the name or avatar of the current contact and control buttons of the phone service, such as a loudspeaker, hang up, etc. The user can directly operate the control buttons on the card without opening the phone service interface, thereby improving the control efficiency. Similarly, by clicking or long-pressing the first capsule region 631 shown in (1) of FIG. 10B, the card 633, i.e., the card of the video call, is unfolded. The card can include the name, avatar and control buttons of the video call opposite party, such as mute, camera, loudspeaker, hang up, etc. The user can directly operate the buttons on the card. The types and quantity of the control buttons included in the card 633 can be adjusted, which are not limited in the present application.

[0216] In addition, the electronic device shrinks into the capsule 610 in response to the up-swiping operation on the card 613, i.e., jumps from the interface shown in (2) of FIG. 10A to the interface shown in (1) of FIG. 10A.

[0217] ②Click or long-press the control capsule to unfold the control switch card

[0218] The electronic device jumps to the interface shown in (3) of FIG. 10A in response to the clicking or long-pressing operation on the second capsule region 612 of the capsule 610 shown in (1) of FIG. 10A, i.e., the second capsule unfolds into the control switch card 614. The control switch card is located at the top of the screen and is black in color, which can be integrated with the front camera to reduce the sense of strangeness of the front camera hole.

[0219] In the present example, the control switch card 614 includes standard control switches 615, voice enhancement control switches 616 and wide spectrum switches 617. In this way, the user does not need to jump to the sound setting interface to directly control the corresponding switches to be turned on or off through the control switch card, thereby reducing the operation of the user and improving the control efficiency.

[0220] Similarly, by clicking or long-pressing the second capsule region 632 shown in (1) of FIG. 10B, the interface shown in (3) of FIG. 10B is jumped to, i.e., the second capsule region 632 unfolds into the control switch card 634. As shown in (3) of FIG. 10B, the control switch card 634 includes a skin smoothing adjustment button 635 and a whitening adjustment button 636. The user can directly adjust the two buttons to adjust the beautification degree, thereby improving the control efficiency.

[0221] In addition, the electronic device updates the icon displayed by the second capsule region to the switch selected by the user in response to the operation of the switch in the control switch card. For example, the user turns on the wide spectrum switch 617 in the card 614. The second capsule region 612 is correspondingly updated to the icon of the wide spectrum switch.

[0222] The electronic device jumps to the interface of the notification center in response to the downward sliding operation on the first capsule region in the capsule. That is, the first capsule region in the capsule is the entrance to the notification center.

[0223] In this example, the priority from high to low is voice call service (or video call service) > ride-hailing service > flight travel service, so in the example shown in (4) of FIG. 10A, the card 620 of the phone service is ranked first, in the example shown in (4) of FIG. 10B, the card 637 of the video call service is ranked first, and then the ride-hailing service and the flight travel service.

[0224] ④Downward sliding the control capsule to enter the control center

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

[0226] As shown in (5) of FIG. 10A, the control center includes a plurality of shortcut control switches, such as the control switch card 801 for controlling the microphone mode, the card 802 for controlling the music playing, the volume adjustment button 805, the screen brightness adjustment button 804, and other control switches 803. As shown in (5) of FIG. 10B, the control center can also include the skin adjustment switch 641 and the whitening adjustment switch 642.

[0227] ⑤Upward sliding the capsule to disappear

[0228] The electronic device disappears the capsule in response to the upward sliding operation or the tap-upward sliding operation on the capsule. When the service state information corresponding to the capsule is updated or the recommended control switch is changed, the capsule is displayed again in the status bar.

[0229] As can be seen from the above, the embodiment can display the information of one service and one control switch in the same capsule, that is, the capsule is divided 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, without entering 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, thereby reducing the user operation and improving the efficiency of the user to view the notification or control the switch state.

[0230] 4) One capsule is associated with two services, and a plurality of service notifications are to be displayed

[0231] In this embodiment, similar to the embodiment shown in FIG. 9, one capsule can display notification information of two services, and when the left / right part of the capsule is clicked or long-pressed, the part of the capsule is expanded into a card, and other capsules are displayed below the card.

[0232] In this example, as shown in (1) of FIG. 11, the area of the capsule 51 located on the left side of the front camera hole is associated with the ride-hailing service, and the icon 511 of the service is displayed. The area of the capsule 51 located on the right side of the front camera hole is associated with the flight service, and the icon 512 of the service is displayed.

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

[0234] The electronic device jumps to the interface shown in (2) of FIG. 11 in response to the click or long-press operation on the first capsule area in the capsule shown in (1) of FIG. 11, that is, the left part of the capsule is expanded into the card 513 of the ride-hailing service and located at the top of the screen. The card color of the card 513 is black, which can be integrated with the front camera hole.

[0235] The complete capsules of other services are displayed below the card 513 in sequence, and the complete capsule corresponding to the service associated with the right part of the capsule 510 (that is, the capsule 515) is located at the first position of the multiple capsules, that is, the capsule 515 is arranged after the card 513 and before the capsule 516.

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

[0237] Similarly, the electronic device jumps to the interface shown in (3) of FIG. 11 in response to the click or long-press operation on the second capsule area in the capsule shown in (1) of FIG. 11, that is, the right part of the capsule is expanded into the card 514. The notifications of other services are arranged in sequence in the form of complete capsules below the card 514, and the complete capsule corresponding to the service associated with the left part of the capsule 510 (that is, the capsule 518) is located below the card 514 and above the other complete capsules.

[0238] As can be seen, after the capsule 510 is clicked or long-pressed, the operated part of the capsule is expanded into a card, and the capsules of other services are displayed below the card in sequence, and the complete capsule corresponding to the part of the capsule 510 not operated is arranged after the card and before the other capsules.

[0239] ② Swipe down the capsule to jump to the notification center

[0240] The interaction effect of the capsule 510 sliding down operation is the same as the embodiment shown in FIG. 8, that is, the capsule 510 slides down, and jumps to the interface of the notification center shown in (4) of FIG. 11, which will not be described herein again.

[0241] ③Click or long press the capsule below the card to expand the card

[0242] For example, click or long press the capsule 518 shown in (3) of FIG. 11, jump to the interface shown in (5) of FIG. 11, the card 514 shrinks into the capsule 519, the capsule 518 expands into the card 520, and the capsule 516 is displayed below the card 520.

[0243] As shown in (5) of FIG. 11, the first capsule area of the capsule 519 displays a service icon, and the second capsule area displays the service status information. Moreover, the capsule 519 is located in the middle of the top of the screen, and the color is black, which can be integrated with the front camera hole.

[0244] In an embodiment, the folding mark 517 can also be displayed below the capsule 516.

[0245] ④Slide up the card to shrink into a capsule

[0246] The electronic device responds to the up sliding operation on the card and the capsule display area shown in (2) or (3) or (5) of FIG. 11, the card shrinks into a capsule, and the capsule corresponding to the service not associated with the capsule 510 is hidden, that is, jumps to the interface shown in (1) of FIG. 11.

[0247] In addition, in response to the up sliding operation or the point up sliding operation on the capsule 510 shown in (1) of FIG. 11, the capsule 510 disappears, and when the service status information corresponding to the capsule is updated or the recommended control switch is changed, the capsule is displayed in the status bar again

[0248] In summary, the notification display method provided in the embodiment is that the capsule displayed in the status bar is located near the front camera hole of the screen, and the capsule is displayed in black to be integrated with the front camera hole, that is, the front camera hole and the capsule are integrated to present a complete capsule style, which reduces the sense of strangeness caused by the front camera hole.

[0249] Further, when there are two service notifications 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, so that the user knows the service status of the background running service through the service icons displayed by the capsule. Moreover, the specific status information of the background running service can be obtained by the operation on the capsule, such as clicking or sliding down, which improves the efficiency of the user to obtain important notifications.

[0250] 2、Multiple capsules combined with the front camera hole

[0251] 1) Multi-capsule and front camera hole combination mode one

[0252] In this embodiment, in the case of multiple status capsules, the status bar only displays the first status capsule. In order to indicate that there are other status capsules, an expansion mark can be displayed below the status capsule. Sliding the status capsule or the expansion mark expands to display other status capsules after the first one. This scheme is similar to the multi-capsule display mode shown in FIG. 6, except that the color of the capsules and cards in this embodiment is black.

[0253] As shown in (1) of FIG. 12, the status bar 420 includes a status capsule 421, which is integrated with the front camera hole to present a complete status capsule style. In addition, the expansion mark 425 is included below the status capsule 421.

[0254] The following interactive operations can be performed on the status capsule in this embodiment:

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

[0256] The electronic device responds to the click or long press operation on the status capsule 421 and jumps to the interface shown in (2) of FIG. 12, i.e., the status capsule 421 expands into a card 430. At the same time, other status capsules are displayed below the card 430, such as the status capsule 431 of the flight trip and the status notification 432 of the information in this example. For example, a closing mark 433 can also be displayed below the other status capsules.

[0257] In this embodiment, the card color of the card 430 is black and integrated with the front camera hole, so that the front camera hole is integrated with the card 430, eliminating the sense of strangeness of the front camera hole.

[0258] ② Slide the capsule to enter the notification center

[0259] The electronic device responds to the sliding operation on the capsule 421 and jumps to the interface shown in (3) of FIG. 12, i.e., the notification center. The notification center includes cards of various services or applications, and the arrangement order of each card is the same as the capsule. The content of the card is the same as (4) of FIG. 6, which will not be described here.

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

[0261] This process has the same display effect as the corresponding operation in FIG. 6, except that the color of the card 430 shrinking into the status capsule 421 is black and integrated with the front camera hole.

[0262] As shown in (2) of FIG. 12, in response to a click or long press operation on the status capsule 431, the clicked status capsule is expanded into a card 441 as shown in (4) of FIG. 12. Meanwhile, the card 430 is shrunk into the status capsule 421, and the status capsule 421 is located above the card 441. The status capsule 432 and the tuck-in identifier 433 are located below the card 441. That is, the click of the status capsule expands it into a card, and the order of the card 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.

[0263] In addition, the card 441 is located below the front camera hole and does not need to cover the front camera hole, so the card color of the card 441 can not be black, for example, the color thereof can be the same as the interface color of the service corresponding to the card, for example, the card displays a notification of a car-hailing service, and the color of the card is the same as the interface color of a map APP in which the car-hailing service is located.

[0264] (4) Leftward sliding removes the card, and the lower capsule moves up to fill the position and is expanded into a card

[0265] This process is similar to the effect of removing the card in FIG. 6, except that, as shown in (5) of FIG. 12, the expanded card (i.e., ) is black and can be integrated with the front camera hole.

[0266] (5) Upward sliding of the card shrinks the card into a capsule

[0267] In response to an upward sliding operation on the status capsule display area of the interface shown in (2) or (4) of FIG. 12, the electronic device shrinks the card into a status capsule and hides other status capsules, that is, jumps to the interface shown in (1) of FIG. 12.

[0268] In addition, in response to an upward sliding operation or a click-upward sliding operation on the status capsule 421 shown in (1) of FIG. 12, the status capsule 421 and the expansion identifier 425 disappear.

[0269] 2) Multiple capsules and front camera hole combination mode two

[0270] Similar to the multiple capsule display mode shown in FIG. 7, in this embodiment, the status bar includes a capsule display area 450, the capsule display area 450 is used to display at least two status capsules partially overlapping in the horizontal direction, and the status capsule located at the top is integrated with the front camera hole. Leftward and rightward sliding operations on the status capsule can achieve leftward and rightward switching of the status capsule.

[0271] In an example, as shown in (1) of FIG. 13, the status bar 420 includes two status capsules 451 and 452 partially overlapping in the horizontal direction.

[0272] The state capsule 451 is located on the upper layer of the state capsule 452, and the state capsule 451 is located on both sides of the front camera hole. The state capsule is black and is integrated with the front camera hole, and presents a complete capsule.

[0273] In an example, the state capsule 452 is located on the lower layer of the state capsule 451, and the color of the state capsule 452 can not be black, for example, the color thereof can be the same as the application interface color of the associated service.

[0274] In this embodiment, the interaction operation of the capsule is the same as that of the embodiment shown in FIG. 7, and the difference is that in the scenario of displaying the capsule, the top layer state capsule is black.

[0275] The electronic device responds to the right sliding operation on the state capsule 451, jumps to the interface shown in (2) of FIG. 13, that is, the state capsule 451 disappears, the top layer displays the state capsule 452, and the color of the state capsule 452 is converted to black, that is, the state capsule 452 becomes the capsule displayed on the top layer. At the same time, the state capsule 453 ranked behind the state capsule 452 is presented on the lower layer of the state capsule 452, that is, the state capsule 452 and the state capsule 453 finally present a horizontal direction partially overlapping effect. Moreover, the color of the state capsule 453 located on the bottom layer is the same as the color of the application interface of the service associated with the capsule.

[0276] Clicking or long pressing the state capsule 451 jumps to the interface shown in (3) of FIG. 13, and the state capsule 451 expands into a card 454 and is located below the status bar. The state capsule 451 is displayed in the status bar in order, that is, the state capsule 452 is displayed on the top layer, and the state capsule 453 is on the next layer. Moreover, the state capsule 452 is black.

[0277] The card is contracted into a capsule by upward sliding, for example, in this example, the electronic device responds to the upward sliding operation on the card 454 shown in (3) of FIG. 13, and returns to the interface shown in (1) of FIG. 13, that is, the card 454 is contracted into the state capsule 450. At the same time, the service corresponding to the state capsule on the lower layer of the state capsule 450 is updated to the service ranked next to the taxi travel service, such as the flight travel service.

[0278] The state capsule 451 jumps to the interface shown in (4) of FIG. 13, that is, the notification center, and the order of each card in the notification center is the same as the order of the state capsule.

[0279] In addition, the electronic device responds to the upward sliding operation or the point-and-slide operation on the state capsule on the top layer, and the state capsule disappears until the state of the service corresponding to the state capsule is updated, and the state capsule is displayed again.

[0280] In summary, in the case that the capsule is combined with the front camera hole and there is a scenario in which the capsule needs to be displayed, the information of multiple capsules can be displayed in the status bar. The user can view all capsule notifications by performing corresponding operations on the capsules in the status bar. In this way, the user can intuitively know the information of all important notifications without entering the notification center to find important notifications one by one, and thus the efficiency of viewing multiple important notifications is improved.

[0281] V. Notification display in other display scenarios

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

[0283] For example, the electronic device displays a certain interface (such as the interface of a certain application) and does not receive any operation within a preset time period, and thus enters the screen-off state to save power. Alternatively, the electronic device enters the screen-off state after receiving a user operation on the power key after displaying a certain interface.

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

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

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

[0287] 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 in the screen that does not overlap the time information 601, and the display position of the AOD card is not limited in the present application.

[0288] 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 of the key information cannot be displayed in the area 603 at the same time, the key information can be divided into at least two strings, and each string is displayed in the capsule in turn.

[0289] For example, still taking the ride-hailing 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 pickup point, as shown in (1) of FIG. 14, the area 603 displays the key information of the ordered vehicle, such as the license plate number "Jing AX XXX", and switches to the interface shown in (2) of FIG. 14 after a preset time length (such as 2.5 seconds), that is, the area 603 displays the estimated time for the ordered vehicle to arrive at the pickup point, such as about 3 minutes. The key information of the same state is displayed in the AOD card in turn, and this process is the same as the state capsule carousel shown in FIG. 2, which will not be described here in detail.

[0290] Moreover, the service state information displayed by the AOD card can be refreshed in real time according to the change of the service state, that is, when the node of the service changes, the key information displayed in the AOD card also changes to the state information corresponding to the node. That is, the AOD card corresponding to the same service switches the information according to the different state information of different important nodes. This process is the same as the process of refreshing the service state information by the state capsule and the card, which will not be described here in detail.

[0291] Still taking the ride-hailing service as an example, the key information displayed by the AOD card at different important nodes is the same as the information displayed by the state capsule at different nodes shown in FIG. 2, which will not be described here in detail.

[0292] In addition, the AOD card automatically disappears after the service end state stays for a preset time length without operation or information update. For example, still taking the ride-hailing service as an example, after the current trip ends, the AOD card automatically disappears after staying in the "trip has ended" state for 5 minutes.

[0293] 2, Desktop card

[0294] In an embodiment, the desktop interface further includes a card corresponding to the service, which can be referred to as a desktop card of the service. Still taking the ride-hailing service as an example, as shown in FIG. 15, after the user initiates the ride-hailing, the user returns to the desktop 100, and a ride-hailing card 31 is created and displayed on the desktop 100, which is used to display the relevant notification information of the current ride-hailing trip.

[0295] As shown in FIG. 15, the ride-hailing card 31 includes a title area 32, an information area 33, a service state area 34, a service icon 35 and an interactive button 36. The contents displayed in the information area 33 and the service state area 34 are updated following the refresh of the service state. The display contents of each area are the same as the corresponding areas in the card 130 shown in (3) of FIG. 1, which will not be described here in detail.

[0296] After the electronic device receives the operation on the interactive button 36, the driver of the ordered vehicle is called, that is, a call is made to the driver number.

[0297] Six, Control switch of each notification display scenario

[0298] For important notifications (such as notifications that require the user to handle in time, such as notifications of services such as taking a taxi, taking a flight, ordering takeout, express delivery, and taking the subway), the corresponding notification messages can be displayed in the screen-off display interface, the lock screen interface, the status bar, the notification center, the desktop card, and other scenarios, so as to ensure that the user can learn the important notification information in time in the above display scenarios. In an example, the system defaults to turn on the control switch of the service in each notification display scenario.

[0299] In an example, the interface for setting the APP includes a plurality of setting items, such as a smart assistant. After the electronic device receives a click operation on the smart assistant, an interface containing a YOYO suggestion setting item is displayed. After receiving an operation on the YOYO suggestion setting item, a setting detail interface of the YOYO suggestion is displayed, for example, the interface 80 shown in (1) of FIG. 16.

[0300] The interface includes setting items for selecting whether to turn on the YOYO suggestion function for each service. The YOYO suggestion function can recommend the current required APP or service according to the scene and use habit.

[0301] As shown in (1) of FIG. 16, the interface 80 can include a setting item title 81, and a plurality of setting item types and setting items, for example, the setting item type title can include a plurality of types such as travel services 82 and life services.

[0302] For example, the travel services can include a plurality of setting items such as flight travel, train travel, travel reminders, subway ride codes, and taking a taxi 83. Each service setting item includes a service name and a control button, such as the taking-a-taxi setting item including a control button 84.

[0303] In an example, as shown in (1) of FIG. 16, the control button 84 includes a button state and an operable part, for example, the button state can include “turned on” and “turned off”, and the operable part can 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 “turned on”, and after receiving a click operation on the operable part, the control button is switched from the “turned on” state to the “turned off” state.

[0304] After the electronic device receives an operation (such as a click) on the taking-a-taxi setting item, it jumps to the notification display control interface 90 of taking a taxi shown in (2) of FIG. 16.

[0305] In an example, as shown in (2) of FIG. 16, the interface 90 includes a setting item title 97 and a switch control item for each notification scenario. Taking the taking-a-taxi service as an example, the setting item title includes the service name “taking a taxi” of the setting item and a control button 98. The control button 98 has the same function as the control button 84, which will not be described here.

[0306] The display scenario control item can include a control item of a one-screen-before card set, a desktop card set, a notification, an AOD, and multi-device synchronization. The display scenario control item is used to control whether the current service displays a notification in the scenario, wherein the current service is a service displayed at a setting item title of the current notification display control interface 90, and in this example, the current service is a ride-hailing service.

[0307] The one-screen-before card set control item is selected to display a card of the current service in the one-screen-before card set. The one-screen-before refers to an interface that is called out by swiping the desktop home page to the right. The one-screen-before interface can display a service card set, recommended content, a service and application search area, and the like.

[0308] The desktop card set control item is selected to display a card of the current service in the desktop card set, such as the ride-hailing card 31 shown in FIG. 6.

[0309] The notification control item is selected to display a notification of the current service at a lock screen interface, a status capsule, and a dynamic notification, such as the card 701 displayed at the lock screen interface shown in FIG. 5, the status capsule 111 shown in (2) of FIG. 1, and the card 130 shown in (3) of FIG. 1.

[0310] The AOD control item is selected to display a notification message of the current service in an AOD manner at an off-screen interface, such as the AOD card 602 shown in FIG. 4.

[0311] The multi-device synchronization control item is selected to display a notification message of the current service in other devices associated with the current electronic device.

[0312] In an example, as shown in (2) of FIG. 16, the display scenario control item includes a notification scenario schematic diagram and a control button. For example, the notification control item 91 includes a notification schematic diagram 92 and a control button 93. The notification schematic diagram 92 is used to illustrate a notification style of the current service in the notification scenario. The control button 93 is selected to display a notification message of the current service at a lock screen, a status capsule, and a dynamic notification.

[0313] Similar to the notification control item 91, the AOD control item 94 includes an AOD notification schematic diagram 95 and a control button 96. The control button 96 is selected to display a notification of the current service in an AOD manner when the electronic device is in an off-screen state and receives a notification message of the current service.

[0314] As can be seen, in this embodiment, the notification control item 91 can uniformly control information presentation of the lock screen, the status capsule, and the dynamic notification. The presentation of the AOD notification is controlled by the AOD control item.

[0315] Seven, notification display rules in each scenario

[0316] In an embodiment of the present disclosure, in order to ensure that the user can learn important notification information in time in various display scenarios, and meanwhile avoid that unimportant notifications disturb the user in various display scenarios, the display scenario of the notification can be decided according to the urgency and importance of the notification. The display scenario of the notification can include an AOD card (such as the AOD card 602 shown in FIG. 14), a lock screen card (such as the card 701 shown in FIG. 15), a desktop card (such as the card 31 shown in FIG. 16), a global capsule (such as the capsule 111 shown in (2) of FIG. 1), a global card (such as the card 130 shown in (3) of FIG. 1), a notification center notification (such as the card 201 shown in (4) of FIG. 1), a negative one screen card, and the like.

[0317] In an embodiment, the measurement standard of the urgency is whether the service needs to be interrupted immediately, viewed or processed immediately. For example, in an example, the urgency of the service notification can include very urgent, urgent, in progress, not urgent, and the like.

[0318] For example, the very urgent notification needs to be processed by the user within a first preset time (such as 5 minutes), for example, a notification that gives a strong warning to the user. For example, a notification of a ride-hailing service prompting the user to go to a pickup point to wait for pickup.

[0319] The urgent notification needs to be processed within a second preset time (such as 15-30 minutes).

[0320] In progress generally refers to a service that is in progress within 24 hours, for example, the user has purchased a ticket for a flight 5 days later, and the flight service will remind the user of the relevant reminders such as check-in and boarding one day in advance.

[0321] The not urgent notification generally does not need to be processed by the user.

[0322] In an embodiment, the measurement standard of the importance is whether the omission has a significant impact, such as life, property, time, opportunity loss, and the like. In an example, the importance of the service notification can include very important, important, generally important, and unimportant.

[0323] Very important means that if the user does not process it, it may be a threat to the user's life, for example, a notification about a major natural disaster such as an earthquake or a typhoon.

[0324] Important means that if the user does not process it, it may cause damage to the user's property, for example, a notification about timely pickup of express delivery.

[0325] Generally important means that if the user misses it, it may cause the user to waste time, for example, a notification in express delivery.

[0326] Unimportant means that if the user misses it, it has no impact on the user, for example, a reminder of the system for healthy use of a mobile phone.

[0327] In an embodiment, as shown in FIG. 17, 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.

[0328] For example, for a very important and very urgent service notification, it needs to be displayed in AOD, lock screen, desktop, negative one screen, global capsule / card or pop-up window, notification center, etc., and the lock screen interface can be a dynamic or ordinary notification, and the notification center displays the notification in the form of a dynamic notification. In this way, the user can learn about the notification in various usage scenarios, ensuring that the user will not miss the notification.

[0329] For example, for a service notification that is not important and not urgent, only the card of the service can be displayed on the negative one screen, thereby avoiding interference with the user in multiple display scenarios.

[0330] For other notifications, please refer to the display scenario description corresponding to the coordinates in FIG. 17. Here, it will not be repeated.

[0331] In addition, the priority of the notification display rules of each scenario shown in FIG. 17 is higher than the control switches of the notification of each scenario shown in FIG. 16. For example, in a scenario, the notification switch 93 in the control switch setting item of the ride-hailing service shown in FIG. 16 is in the off state, and according to the notification display rules shown in FIG. 17, it is determined that the ride-hailing service notification belongs to an important and urgent notification, and the notification of the service is still displayed in the display scenarios of the lock screen, the status capsule, and the dynamic notification.

[0332] Eight, multi-capsule sorting rules

[0333] In the scenario where it is determined based on the notification display rules of each scenario shown in FIG. 17 that the service notification needs to be displayed in the form of a status capsule, and there are multiple status capsules, since the capsule has the characteristics of global visibility and strong perception, the arrangement order of the multiple status capsules needs to be decided by comprehensively considering the business attributes of the service. In an embodiment, the business attributes can include manual end and automatic end.

[0334] Manual end means that the status of the task has no time limit and must click the end button of the task (APP) to end the status of the task. For example, the business with the manual end attribute can include calls, voice recordings, sports health, alarms, timers, express delivery, etc.

[0335] Automatic end means that the status of the task has a time limit and will automatically end the status of the task after a certain time or node. For example, the business with the automatic end attribute can include downloads, ride-hailing, flights, trains, subways, movies, games, etc.

[0336] As shown in Table 1, the capsule order is determined according to the service attribute of the current pinned state capsule and the service attribute of the new state capsule:

[0337] Table 1

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

[0339] For example, in an example, as shown in FIG. 18, the display process of the capsule is as follows:

[0340] S101, determine to display the service notification of the first service in the capsule form.

[0341] For example, in an embodiment, according to the importance and urgency of the service notification described above, it is determined that the display scenario of the service notification includes a capsule, and the current display scenario is the display interface of other APP, in which case it is determined that the capsule needs to be displayed at present.

[0342] S102, determine the number of capsules that need to be displayed; if it is a single capsule, execute S103; if there are at least two capsules that need to be displayed, execute S104.

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

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

[0345] S103, display the service notification of the first service in the display style of a single capsule.

[0346] After S103 is executed, return to execute S101, that is, continue to determine whether the next capsule needs to be displayed.

[0347] S104, determine the display style of multiple capsules.

[0348] For example, the multi-capsule display style can be the multi-capsule display style shown in (1) of FIG. 6 or the multi-capsule display style shown in (1) of FIG. 7.

[0349] S105, determine whether the service attribute of the current service is manual end and the attribute of the new service is manual end, if yes, execute S106, if not, execute S107.

[0350] S105, judge whether the service attribute of the service capsule currently displayed on the top is manually ended and the service attribute of the new service is manually ended; if both are yes, continue to execute S106.

[0351] S106, the latest service capsule is displayed on the top until a new capsule replaces it.

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

[0353] S107, judge whether the service attribute of the current capsule is automatically ended and the service attribute of the new service capsule is manually ended; if yes, execute S108; if no, execute S109.

[0354] For example, in an example, the capsule currently displayed on the top is a ride-hailing service capsule, and the new service is a call service. It is determined that the service attribute of the current capsule is automatically ended and the service attribute of the new service is manually ended.

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

[0356] The priority of the service that needs to be manually ended is higher than that of the service that needs to be automatically ended. Therefore, still taking the example that the current service capsule displayed on the top is a ride-hailing service and the new service is a call service, the capsule of the call service is displayed on the top in this case. Until the call service ends and there is no new service that needs to be displayed, the capsule of the ride-hailing service is displayed on the top again.

[0357] If a new service that needs to be manually ended (for example, a recording service) is started before the call service ends, the capsule of the latest service that needs to be manually ended is displayed on the top, that is, the capsule of the recording service is displayed on the top.

[0358] S109, judge whether the current capsule is automatically ended and the new service capsule is also automatically ended; if yes, execute S110; if no, execute S111.

[0359] For example, in an example, the capsule currently displayed on the top is a ride-hailing service capsule, and the latest service is a flight service.

[0360] S110, the latest service capsule is displayed on the top until a new service capsule replaces it.

[0361] The priority of the automatically ended service is the same, and therefore, the capsule of the latest service is displayed on top. For example, the current capsule is the capsule of the ride-hailing service, and the latest service is the flight travel service, and therefore, the capsule of the flight travel service is displayed on top. Until a new service appears, the currently displayed capsule is replaced. For example, after the capsule of the flight travel service is displayed on top, a new automatically ended service appears, such as the downloading service. In this case, the displayed capsule is replaced by the capsule of the downloading service.

[0362] In S111, it is determined whether the current capsule is manually ended and the new service capsule is automatically ended. If yes, S112 is executed.

[0363] After S111 is executed, S101 is executed again to determine whether the next capsule needs to be displayed.

[0364] In S112, after the capsule of the automatically ended service is displayed on top for a preset time length, the capsule of the last manually ended service is displayed on top again.

[0365] For example, in an example, the currently displayed capsule is the capsule of the call service, and the latest service is the capsule of the ride-hailing service. In this case, after the capsule of the ride-hailing service is displayed on top for a preset time length (for example, 10 seconds), the capsule of the call service is displayed on top again.

[0366] In a scenario, there can be multiple manually ended services, for example, the call service and the voice recording service, and the latest service is the automatically ended service, such as the ride-hailing service. In this scenario, after the capsule of the ride-hailing service is displayed on top for 10 seconds, the capsule of the latest triggered service among the multiple manually ended services is displayed on top again. For example, if the triggering time of the voice recording service is later than that of the call service, the capsule of the voice recording service is displayed on top again.

[0367] The display rule of the service capsule provided in this embodiment is to determine the displayed capsule on top according to the business attribute of the currently displayed service and the latest service. In this embodiment, the business attribute of the service is divided into automatic ending and manual ending, and the priority of the manually ended service is higher than that of the automatically ended service. Generally, the capsule of the latest service is displayed on top. Moreover, in the case where the latest service is not the manually ended service, after the capsule of the latest automatically ended service is displayed on top for a preset time length, the capsule of the last manually displayed service is displayed on top again. Therefore, the user can quickly know the important service notification in other application interfaces.

[0368] The above merely provides a specific implementation of the present application, but the protection scope of the present application is not limited to this. Any change or replacement within the technical scope disclosed in the present application should be covered in the protection scope of the present application. Therefore, the protection scope of the present application should be subject to the protection scope of the claims.

Claims

1. A notification display method characterized by comprising: The method is applied to an electronic device, and the method comprises: displaying a first interface, the first interface comprising a status bar, the status bar comprising a first capsule notification, the first capsule notification comprising state information of a first service; receiving a second capsule notification, the second capsule notification comprising state information of a second service; when the first service and the second service are both manually ended or automatically ended, displaying the second capsule notification on top; when the first service is automatically ended and the second service is manually ended, displaying the second capsule notification on top; when the first service is manually ended and the second service is automatically ended, displaying the second capsule notification on top for a preset time length and then displaying the first capsule notification on top again.

2. The method of claim 1, wherein, The electronic device comprises a control switch corresponding to each display scenario of the first service, and the method further comprises: if the on-off state of the control switch corresponding to each display scenario of the first service is inconsistent with a display scenario corresponding to the notification of the first service determined based on a preset display scenario rule, displaying the notification of the first service according to the display scenario determined based on the preset display scenario rule, the display scenario comprising at least one of a lock screen interface, a desktop card, a global status capsule, a global notification card, a notification center and a negative one screen.

3. The method according to claim 1 or 2, characterized in that, The electronic device further comprises an expansion mark below the capsule notification displayed on top, the first capsule notification is displayed on top, and the method further comprises: in response to a first operation on the first capsule notification, displaying a first card and the second capsule notification arranged in turn from top to bottom on the first interface, the first card covering the first capsule notification, the first card comprising the state information of the first service.

4. The method of claim 3, wherein, The method further comprises: in response to a second operation on the second capsule notification, displaying the first capsule notification and a second card arranged in turn from top to bottom on the first interface, the first capsule notification being located in a status bar, the second card being located below the status bar, the second card comprising the state information of the second service.

5. The method of claim 3, wherein, The method further comprises: in response to a downward sliding operation on the first capsule notification, displaying a notification center, the notification center comprising a third card and a fourth card arranged in turn from top to bottom, the first card comprising the state information of the first service, and the fourth card comprising the state information of the second service.

6. The method of claim 3, wherein, The method further comprises: in response to a third operation on the first card, displaying a fifth card on the first interface, the fifth card comprising the state information of the second service.

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

8. The method of claim 7, wherein, The first capsule notification covers a right part area of the second capsule notification, and the method further comprises: in response to a right sliding operation on the first capsule notification, displaying the second capsule notification on top; in response to a left sliding operation on the second capsule notification displayed on top, displaying the first capsule notification above the second capsule notification, the first capsule notification covering a right part area of the second capsule notification.

9. The method of claim 7, wherein, The method further comprises: In response to a fourth operation on the first capsule notification, a second capsule notification and a sixth card are displayed on the first display interface in a top-to-bottom order, the second capsule notification is located in a status bar, and the sixth card is located below the status bar, the sixth card including 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 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 to the left of the front camera hole and a second capsule area located to the right of the front camera hole.

11. The method of claim 10, wherein, The first capsule area includes an icon of a first service, and 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, a seventh card is displayed 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, an eighth card is displayed on the first interface, the eighth card including status information of the second service; In response to a downward swipe operation on the capsule notification, a notification center interface is displayed, the notification center interface including a ninth card and a tenth card arranged in a top-to-bottom order, the ninth card including status information of the first service, and the tenth card including status information of the second service.

12. The method of claim 10, wherein, The first capsule area includes an icon of a first service, and the second capsule area includes an icon of a second service, and 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 a top-to-bottom order, 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 a 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 on the first interface in a top-to-bottom order, 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 downward swipe operation on the capsule notification, a notification center interface is displayed, the notification center interface including a thirteenth card and a fourteenth card arranged in a top-to-bottom order, the thirteenth card including status information of the first service, and the fourteenth card including status information of the second service.

13. The method of claim 12, wherein, The method further includes: 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 a top-to-bottom order, the sixth capsule notification being in a status bar, the fourteenth card being located below the status bar, the sixth capsule notification including status information of the first service, the fourteenth card including status information of the second service, and the seventh capsule notification including status information of a third service.

14. The method of claim 10, wherein, The first capsule region includes an icon of the first service, and the second capsule region includes an icon of a first switch of a fourth service.

15. The method of claim 14, wherein, The method further includes: In response to a tenth operation on the second capsule region, displaying a switch card on the first interface, the switch card covering the first capsule notification, the switch card including the first switch and a second switch, the first switch being in a selected state, and a first function of the fourth service being turned on.

16. The method of claim 15, wherein, The method further includes: In response to an operation of turning on the second switch of the switch card, the electronic device turns on a second function of the fourth service, and the second capsule region is updated from the icon of the first switch to an icon of the second switch.

17. The method of claim 14, wherein, The method further includes: In response to a tenth operation on the second capsule region, displaying a switch card on the first interface, the switch card covering the first capsule notification, the switch card including the first switch and a second switch, a regulating button of the first switch being at a first position of a regulating progress bar, and a first function of the fourth service reaching a first effect matched with the first position.

18. The method of claim 17, wherein, The method further includes: In response to a sliding operation on the regulating button of the second switch, the electronic device adjusts an effect corresponding to the second function of the fourth service, and the second capsule region 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-18, characterized by, The method further includes: In response to a downward sliding operation on the second capsule region, displaying a control center interface, the control center interface including the first switch.

20. The method of claim 13, wherein, The method further includes: In response to an eleventh operation on the fourteenth card, displaying an application interface corresponding to the first service; In response to a twelfth operation on the fourteenth card, displaying a floating window on the first interface, the floating window displaying the application interface corresponding to the first service, and a display area of the floating window being smaller than a display area of a screen of the electronic device.

21. An electronic device, comprising: The electronic device includes one or more processors, a memory, and a touch screen; the memory is configured to store program code; and the processor is configured to execute the program code, so that the electronic device implements the notification display method according to any one of claims 1 to 20.

22. A computer-readable storage medium, characterized in that, An instruction is stored thereon, and when the instruction is executed on an electronic device, the electronic device performs the notification display method according to any one of claims 1 to 20.

Images