The UX team decided it would make more sense to have the block placement sidebar to the left of the block layout listing.
When the window is at small sizes, the block placements sidebar will continue to fall below the block layout.


tim.plunkett’s picture

Status: Active » Needs review
11.53 KB
PASSED: [[SimpleTest]]: [MySQL] 58,435 pass(es). View
14.63 KB

The first mistake I made in the original issue (#2058321: Move the 'place block' UI into the block listing) was to use "left" and "right". This issue highlights the stupidity of that decision :)
So the first thing I've done here is rename them "primary" and "secondary".

Locally I did this in several patches, and I've attached one rolled with format-patch to make it easy to see the discrete steps.

tim.plunkett’s picture

Screenshot of it on the left.
Screen Shot 2013-08-31 at 2.07.50 PM.png

Two things that pre-existed but are now more obvious:
The weird gap caused by "Show row weights"
There are three greys used: The two by the block placement details element (coming primarily from the node form, see and the one for the block layout listing header.

Bojhan’s picture

I don't think this was a UX team decision at all, as far as I know mostly Kevin liked it this way. I am definitely not for doing this and I don't know if yoroy is. The case that was made is that the sidebar is for "secondary" content and can thus be overlooked. I think there are at least 3 points, on which this UI change could cause issues:

1) As we add more and more usefull stuff like facets in the sidebar. The strategy of "people might ignore it", becomes rather silly. Because people ignore it, because we don't put critical functionality there, once we do - people learn that its there. Its not like the Views UI, where you have a cockpit of elements - the sidebar is highly noticeable.

2) Grouping occurs when its put on the left. The vertical menu, conflicts with the sidebar making it look like a group of links (even though there is a visual divider, the spacing, items, etc. all look similar). Given that vertical listings that look similar are so close to each other, it will likely make it harder to scan down the list.

3) This also sets a precedent that people can just decide where they want their sidebar, on the left or right. If we do this it really needs a bunch of rules, because we don't want the UX to become so random, once contrib starts using this pattern.

tim.plunkett’s picture

Priority: Normal » Major
Issue tags: +blocker
12.86 KB
PASSED: [[SimpleTest]]: [MySQL] 58,426 pass(es). View
10.11 KB

After working on #2079037: Use two columns for the place block form and studying the approach used in node form more, I realized that polluting the form with all of this knowledge of primary/secondary left/right is wrong.
With a template file, I can just target what we want to move, and leave the form structure as it was before #2058321: Move the 'place block' UI into the block listing went in.

As this changes all of the structure of the block listing (back to how it was), it blocks #2078951: Highlight the row of block that was just placed and #2079037: Use two columns for the place block form.

No visual changes are made here.

tim.plunkett’s picture

Priority: Major » Normal
Status: Needs review » Needs work
Issue tags: -blocker
1.72 KB
PASSED: [[SimpleTest]]: [MySQL] 58,700 pass(es). View

Because this doesn't have consensus, I've moved the form restructuring to #2079761: Use a template for the block listing page to simplify the form, and am demoting this back to a normal task.

Here are the changes, assuming that issue goes in as is.

Leaving at NW because it will fail otherwise.

tim.plunkett’s picture

Status: Needs work » Needs review

Okay, that went in.

tim.plunkett’s picture

1.72 KB
PASSED: [[SimpleTest]]: [MySQL] 58,984 pass(es). View

Rerolled for recent commits. No changes. The screenshot in #2 is still accurate.

tim.plunkett’s picture

Assigned: tim.plunkett » Unassigned
Issue tags: +Needs usability review, +Needs design review

Unassigning from myself, the patch still applies.

Bojhan’s picture

Nothing to review I think, it was reviewed in #3. And those comments need to be addressed.

benjy’s picture

Status: Needs review » Needs work

Patch no longer applies and it seems we need to have more of a discussion about this issue anyway so setting back to NW.

Personally I preferred it on the left however it's been growing on me over on the right, so i'm happy for someone else to decide where it ends up.

klonos’s picture

InternetDevels’s picture

Status: Needs work » Needs review
1.93 KB
PASSED: [[SimpleTest]]: [MySQL] 63,181 pass(es). View

Maybe something like this?

alansaviolobo’s picture

1.87 KB
PASSED: [[SimpleTest]]: [PHP 5.4 MySQL] 84,986 pass(es). View


webchick’s picture

Tagging. The lack of visibility of the right sidebar definitely came up in recent usability testing.

legolasbo’s picture

Status: Needs review » Closed (duplicate)

This issue is currently being addressed in #2512456: Implement the new block layout design to emphasize the primary interaction of placing a block by moving the sidebar to a separate page. #2513528: Add a link to add a block in empty regions on the Block layout page. will add links to each region to make adding blocks to a specific region easier.

I think moving the sidebar to the left of the page is not the way to go given the efforts in the issues above and will therefor close the issue. Please reopen the issue if you think it is still relevant.

MattA’s picture

Status: Closed (duplicate) » Closed (won't fix)