Notification shade with animated reveal of notification indications

A computing device comprising:

• a presence-sensitive display device that displays, along an edge of a graphical user interface, a set of graphical elements, each graphical element from the set of graphical elements (1) corresponding to a different notification category having at least one pending notification from a group of pending notifications, (2) being indicative of content of a corresponding notification from the group of pending notifications, or (3) being indicative of a notification channel assigned to the corresponding notification from the group of pending notifications, detects a user input at a location of the presence-sensitive display at which the graphical user interface is displayed, and, in response to the user input, displays a notification shade expanding from the edge of the graphical user interface such that a length of the notification shade is based on a length of the user input;
• one or more processors;
• and
• a storage component storing instructions that, when executed, cause the one or more processors to, while the presence-sensitive display device is displaying the notification shade visually expanding from the edge of the graphical user interface:
• causes the presence-sensitive display device to display the set of graphical elements within a first area of the notification shade that is adjacent to a leading edge of the notification shade;
• determine whether a particular notification message associated with a particular notification from the group of pending notifications is newly visible in the notification shade;
• and
• responsive to determining that the particular notification message is newly visible:
• cause the presence-sensitive display device to display an animation of a particular graphical element from the set of graphical elements moving from the first area of the notification shade to a second area of the notification that is within the particular notification message, wherein the particular graphical element corresponds to the particular notification.

A non-transitory computer-readable storage medium comprising instructions, that, when executed, cause one or more processors of a computing device to:

• output, for display along an edge of a graphical user interface, a set of graphical elements, each graphical element from the set of graphical elements (1) corresponding to a different notification category having at least one pending notification from a group of pending notifications, (2) being indicative of content of a corresponding notification from the group of pending notifications, or (3) being indicative of a notification channel assigned to the corresponding notification from the group of pending notifications;
• receive an indication of a gesture user input initiated at a location of a presence-sensitive display device at which the graphical user interface is displayed;
• responsive to receiving the indication of the gesture user input, output, for display, a notification shade expanding from the edge of the graphical user interface such that a length of the notification shade is based on a length of the gesture user input;
• and
• while the presence-sensitive display device is displaying the notification shade visually expanding from the edge of the graphical user interface:
• output, for display, the set of graphical elements within a first area of the notification shade that is adjacent to a leading edge of the notification shade;
• determine whether a particular notification message associated with a particular notification from the group of pending notifications is newly visible in the notification shade;
• and
• responsive to determining that the particular notification message is newly visible:
• output, for display, an animation of a particular graphical element from the set of graphical elements moving from the first area of the notification shade to a second area of the notification that is within the particular notification message, wherein the particular graphical element corresponds to the particular notification.