In #2497361: [meta] Fix issues found during UMN Usability Testing 2015, we noted that not a single participant was able to spot the "Edit" option on the far right of the toolbar:

Upper-right corner == invisible.

Need to work on making this more discoverable for people.

@tkoleary worked up a prototype that pushes Edit to the far left, styles it in blue, and replaces the far-right menu item with the User menu, which is a more standard thing to find in the upper-right corner of websites:

Swap-a-roo

Comments

webchick created an issue. See original summary.

webchick’s picture

Issue tags: +Usability, +UMN 2015
webchick’s picture

Bojhan’s picture

  1. Move Quick Edit's "Edit" link to the far left of the Toolbar [required]
  2. When clicked, triggers Edit mode [required]
  3. Style the button in blue/white [must have]
  4. Move the "User" toolbar menu to the far right #2754489: Move the "user" link to where most users expect it to be [should have]
  5. All contextual links which are *not* "Quick edit" get a "..." appended to them, to signify that they're going to take users away from the current page. [should have]
  6. Add "Quick Edit" to all contextual links that are editable; also triggers edit mode [required]
  7. When clicked, sidebar opens, showing the target's configuration [required]
  8. Except nodes, which trigger the existing "quick edit" functionality without opening sidebar [required]
  9. All contextual links which are *not* "Quick edit" get a "..." appended to them, to signify that they're going to take users away from the current page. [should have]

Sorry, but the design has changed significantly - the meta outlays more details then we could review up to this point. Some of the issues were raised during UX hours and/or the other issues but never resolved.

1) Is it always blue, or just when selected?
2) Does this hide the collapsible menu? (e.g. when Manage is open).
3) Are we changing the other tabs too? Or is this a one-off pattern?
4) Awesome, however does this mean you click on "account" and then still get the links on the left? or does it show on the right)
5) Lets move this to discussion. I am very doubtful user will understand that.
6) Whoaa, what? So pressing "quick edit" for inline editing you get the whole edit mode? But then one can't quickly switch between editing. This sounds debatable too, from a UX point of view you don't want to force users into modes - when its not actually needed. When you Quick edit from the front-end that does not imply you want to quick edit all the things, seems like unnecessary overhead and assuming a sequence of edits.
7) Does this overlap contrib provided trays? We might want to provide a very high z-index.

Version: 8.2.x-dev » 8.3.x-dev

Drupal 8.2.0-beta1 was released on August 3, 2016, which means new developments and disruptive changes should now be targeted against the 8.3.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

webchick’s picture

Status: Active » Closed (duplicate)

This issue ended up getting rolled into the implementation patch at #2753941: [Experimental] Create Outside In module MVP to provide block configuration in Off-Canvas tray and expand site edit mode.

Moving Bojhan's comments over to the parent meta.

webchick’s picture

Title: Make Quick Edit feature discoverable » Refine/finalize design to discoverable Quick Edit feature
Status: Closed (duplicate) » Active
Related issues: +#2753941: [Experimental] Create Outside In module MVP to provide block configuration in Off-Canvas tray and expand site edit mode

Actually, let's do this instead.

webchick’s picture

Issue tags: +sprint
tkoleary’s picture

@bojhan

Given that the module is committed as experimental we should do some usability testing. Your list of questions is a good place to start for a test plan.

Bojhan’s picture

@tkoleary It sucks we rarely can do in-person brainstorming. But can you make like a concept model. Of where all the different parts align and overlap, with scenarios/activities? I will gladly help form it - but it will do great to understand the space.

tkoleary’s picture

@bojhan

Sure. I'll work on putting that together and share in UX weekly meeting.

Version: 8.3.x-dev » 8.4.x-dev

Drupal 8.3.0-alpha1 will be released the week of January 30, 2017, which means new developments and disruptive changes should now be targeted against the 8.4.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.