Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Create way to highlight major editor-facing changes in the block editor #50404

Open
mrwweb opened this issue May 5, 2023 · 0 comments
Open
Labels
[Block] Image Affects the Image Block General Interface Parts of the UI which don't fall neatly under other labels. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@mrwweb
Copy link

mrwweb commented May 5, 2023

What problem does this address?

WordPress 6.2 introduced two major changes that moved the locations of frequently used features:

  1. The image block newly required editors to click a button in the block's toolbar to add the caption field
  2. Numerous style settings were moved to a sidebar tab that is hidden by default (i.e. "Find the controls you want when you need them" in the 6.2 announcement post)

I received numerous comments from clients and colleagues that these changes were confusing even to experienced users. I certainly got tripped up by the caption change, and I read the Make blogs pretty religiously…

I even spotted a confused blogger two weeks after the 6.2 release suddenly wondering where his ability to add captions went: "Also, I’m not sure why it won’t let me put captions under the image…"

What is your proposed solution?

Many other tools will highlight new features with a fairly standardized pattern: A prominent, outlined or glowing dot appears the first time the user encounters the new feature. A tool tip is either immediately visible or appears after the dot is clicked. Clicking the dot dismisses it forever. Here is a very crude mockup:

A clumsy screenshot showing an image block with a blue-ringed circle to the top and right of the "Caption" button in the Image Block Toolbar. An adjacent blue-outlined box reads: "New! Add a caption to your images with this toolbar button.

This feels closely related to different from:

Avoiding Overuse

Introducing this feature would like need some clear editorial standards and a definition of when to use this. My initial thought would be that this is used for any new button or UI component for a new or moved feature. This would not include things like adding Font Size support to a new block (it would only apply to introducing the Font Size feature the first time around). Thinking_ back past the last few releases, this would include things like the Margin and Padding features, new Group block types (row and stack), etc.

@ramonjd ramonjd added [Type] Enhancement A suggestion for improvement. General Interface Parts of the UI which don't fall neatly under other labels. Needs Design Feedback Needs general design feedback. [Block] Image Affects the Image Block labels May 8, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Image Affects the Image Block General Interface Parts of the UI which don't fall neatly under other labels. Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

2 participants