[wp-trac] [WordPress Trac] #35210: Add notification area to Customizer

[WordPress Trac]

#35210: Add notification area to Customizer
-------------------------------------------------+-------------------------
 Reporter:  westonruter                          |       Owner:
     Type:  enhancement                          |      Status:  new
 Priority:  high                                 |   Milestone:  4.7
Component:  Customize                            |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  needs-patch ui-feedback ux-feedback  |     Focuses:  ui,
                                                 |  javascript
-------------------------------------------------+-------------------------
Changes (by westonruter):

 * keywords:  needs-patch => needs-patch ui-feedback ux-feedback


Comment:

 I've been giving the idea of the global notification are some more
 thought. We recently had to create a similar UI element in the
 [https://github.com/xwp/wp-customize-snapshots Customize Snapshots] plugin
 to show a dialog for providing the date that the customizer settings
 should be applied. Due to the way that the panels and sections are laid
 out (hopefully revamped in #34391), it was very challenging to introduce a
 new element that shifted down the existing customizer UI (the list of
 panels, sections, or controls). So what we ended up doing is introduce a
 new icon in the toolbar that when clicked would slide-down a panel for
 showing that scheduling UI:

 [[Image(https://core.trac.wordpress.org/raw-attachment/ticket/35210
 /customize-snapshot-scheduling-collapsed.png, width=300)]]

 [[Image(https://core.trac.wordpress.org/raw-attachment/ticket/35210
 /customize-snapshot-scheduling-expanded.png, width=300)]]

 What if we took the same approach for notifications? What if the icon only
 appeared when there were notifications to display? What if the icon was a
 red circle with a white number inside, as is very familiar today as an
 indicator of a certain number of updates?

 [[Image(https://core.trac.wordpress.org/raw-attachment/ticket/35210
 /notifications-collapsed.png, width=300)]]

 [[Image(https://core.trac.wordpress.org/raw-attachment/ticket/35210
 /notifications-expanded.png, width=300)]]

 Here is a video depicting the interaction: https://youtu.be/16Fb3lwtekc

 When a notification first is added, and the number increments, the
 notification bar could expand for a second and then re-collapse, in a
 similar way that Android and iOS show new notifications momentarily and
 then collapse them for you to then look at again later.

 Thoughts?

--
Ticket URL: <https://core.trac.wordpress.org/ticket/35210#comment:68>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform