Here’s the last round of menus usability tests with 23450.6.diff​ applied.
User #15
Here’s the video.
Step 1: Log in
No issues.
Step 2: Go to menus
No issues.
Step 3: Reorganize pages
No issues.
Step 4: Preview changes
No issues.
Step 5: Remove menu item
No issues.
Step 6: Add another menu
No issues.
Step 7: Add links
No issues.
Step 8: Delete menu
No issues.
User #16
Here’s the video.
Step 1: Log in
No issues.
Step 2: Go to menus
No issues.
Step 3: Reorganize pages
No issues.
Step 4: Preview changes
No issues.
Step 5: Remove menu item
4:35 – When she expanded the menu item, the remove link was below the fold, so she did not see it. This caused confusion.
Step 6: Add another menu
No issues.
Step 7: Add links
No issues.
Step 8: Delete menu
No issues.
Observations/Thoughts
Overall, everything worked great. We added a task to delete a menu in there, to double check that users were able to spot it at the bottom, and they both seemed to find the link easily enough.
The second user found a bug. The extra description items (CSS, XFN, Description) were unchecked in screen options, and should not have been showing in the menu item edit screen. Since they were there, the “remove” link was pushed below the fold, which caused her confusion. We’ll need to fix this.
Chip Bennett 2:18 pm on March 7, 2013 Permalink
Can I throw in a vote for returning the “Theme Locations” meta box? IMHO it is far more intuitive to associate Theme Locations with menus, than to associate menus with Theme Locations. It is also far more useful to see, at a glance, what Theme Locations have assigned menus, than to see what Theme Locations a given menu is assigned to.
To test:
Step X: Assign a custom menu to every Theme Location provided by the current Theme
I think this step – critical to the setup of any given Theme – has been made more difficult with the current UI changes.
lessbloat 2:35 pm on March 7, 2013 Permalink
Thanks for your feedback Chip. Honestly, neither solution is ideal. The decision came down to a choice between the lesser of two evils.
The old way of doing this had several down falls:
As such, I feel like the new approach simplifies things for the better.
Chip Bennett 2:55 pm on March 7, 2013 Permalink
Agreed. But why not put the Theme Locations metabox in the main column, right above the Menu-Edit metabox?
But the reduction-in-steps isn’t associated directly with the change. After creating a new menu, the user must still assign the menu to a metabox – only using checkboxes now instead of the dropdown.
Also, this workflow appears to assume: a) a New Theme, with b) no previously created custom nav menus. Have you done UI testing for a user who already has created custom nav menus, then switches Themes?
And to keep responses in one place:
“At a glance” requires clicking the select, in order to see all menus/Theme locations. That’s an extra step from the old UI, when all Theme Locations were visible without user interaction. Also, I’ve not tested: how does the current UI scale when the same menu is applied to multiple Theme Locations?
Chip Bennett 3:12 pm on March 7, 2013 Permalink
Oh, and I forgot to mention:
You also cannot tell from that select whether all Theme Locations have menus assigned.
The only way to know if there are any Theme Locations without menus assigned is to make a mental note of the assigned locations in the dropdown at the top of the page, then compare that mental list with the list of checkboxes at the bottom of the Edit-Menu metabox.
IMHO, that is a pretty significant UI loss inherent in this change.
Chip Bennett 3:51 pm on March 7, 2013 Permalink
I moved discussion to Trac, as it seems more appropriate there. Let me know if I’ve picked the wrong ticket.
lessbloat 2:39 pm on March 7, 2013 Permalink
Also, you can see at a glance which theme locations are assigned to which menus in the menu select drop down: