Skip to content

Implement a 'Whats new' section for the block editor #22241

@enriquesanchez

Description

@enriquesanchez

While I was reviewing this PR that introduces a change in how users navigate through blocks and the block toolbar when using a keyboard, I kept thinking that this was a welcoming change but one that will most likely cause confusion due to the nature of the change.

I've been thinking of ways a change like this could be widely communicated, particularly to end-users, who I think will be the most affected.

Looking at other apps and services for inspiration, I came across a common pattern: the "What's new" section.

Here are a few examples for reference:

Slack

On the top-right corner of the UI, Slack has a "help" menu that is highlighted with a dot whenver new features are recent:

Screen Shot 2020-05-08 at 13 24 05

Clicking on "What's new" opens a modal with all the recent updates introduced:

Screen Shot 2020-05-08 at 13 24 14

Trello

Trello makes Taco, their mascot, appear on the top toolbar with a text that reads "New stuff":

Screen Shot 2020-05-08 at 13 10 29

Clicking on Taco opens a popover:

Screen Shot 2020-05-08 at 13 10 44

The information here is more summarized, but also offers a link to read more.

Glitch

Glitch also has a cute dog appear whenever there's news. It appears on the bottom right corner of the UI:

Screen Shot 2020-05-08 at 18 29 07

Clicking on the dog will open a modal, with lots of info:

Screen Shot 2020-05-08 at 13 11 05


I think it'll be useful if we implemented something similar, particularly because it's very unlikely that our end-users follow the make.wordpress.org blogs.

Here's a quick prototype:

2020-05-08 18-14-59 2020-05-08 18_16_13

We can fine tune exactly how much info we'd want to show here. We can go as extensive as Glitch, more summarized like Trello, or somewhere in the middle, like Slack. Considering who the target audience is, I think we should only highlight those changes that have an immediate effect on their experience.

What do y'all think?

Metadata

Metadata

Assignees

No one assigned

    Labels

    General InterfaceParts of the UI which don't fall neatly under other labels.Needs Accessibility FeedbackNeed input from accessibilityNeeds DecisionNeeds a decision to be actionable or relevant[Type] EnhancementA suggestion for improvement.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions