[wp-trac] [WordPress Trac] #23119: UX Improvements to nav-menus.php

[WordPress Trac]

#23119: UX Improvements to nav-menus.php
-----------------------------------------------+------------------
 Reporter:  lessbloat                          |       Owner:
     Type:  enhancement                        |      Status:  new
 Priority:  normal                             |   Milestone:  3.6
Component:  Menus                              |     Version:
 Severity:  normal                             |  Resolution:
 Keywords:  has-patch needs-testing 3.6-menus  |
-----------------------------------------------+------------------

Comment (by lessbloat):

 23119.21.diff gets us back on track with:

 '''Zero Menus State'''

 When users have 1 theme location, and zero menus, and at least one page,
 we show them a simplified blank slate screen.  We pre-populate it with the
 menu items that show up on their site by default (when no menus have been
 added).

 [[Image(http://f.cl.ly/items/3O2Q2G2v2q1m2x1z0U0A/zero-state.jpg)]]

 '''Single Menu State'''

 When users have one menu, we take them right to editing it (they don't see
 the menu management drop down):

 [[Image(http://f.cl.ly/items/1e3C04193q2O3k2V2G3i/single-state.jpg)]]

 '''Add Menu State'''

 We reduced the amount of copy, and improved the visual hierarchy:

 [[Image(http://f.cl.ly/items/3s1J251z0V1k0u2m120q/add-state.jpg)]]

 '''Multiple Menus State'''

 When a user has more than one menu, we show them a drop down at the top
 where they can select another menu.  This replaces the tabs approach which
 was confusing for users on multiple fronts:

 [[Image(http://f.cl.ly/items/3V0a1z0j1O1l1F2k1z0N/manage-state.jpg)]]

 '''Menu items'''

 - We added keyboard accessibility or moving menu items
 - We added "sub item" as helper text when menu items are dragged to a sub
 item position (multiple users had a positive reaction to this, as it
 improves clarity as to what just happened if they drag a menu item to a
 sub position by mistake).

 '''Custom Links'''

 Changed "Label" to "Link Text" (Before this change some users were not
 adding link text - since the change, everyone has).

 '''Additional Improvements'''

 - Improved & shortened copy in a bunch of places to provide better
 at-a-glance clarity
 - Since the admin messages never fade away, some users were experiencing
 trouble knowing if their menus were saved (when they saved their menu
 multiple times in a row).  We added in a slide down effect, which appears
 to have fixed the issue (we might consider doing this admin-wide).

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/23119#comment:163>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software