Skip to content

Make the "change an image" flow clearer #11952

@mtias

Description

@mtias

10up ran some great testing sessions where one particular hurdle was highlighted — users don't immediately pick up on the "pencil" icon as the way to edit or swap the image. More info at https://10up.com/blog/2018/testing-the-gutenberg-publishing-userflow/

This has come up anecdotally before as well.

edit-image-button

One possibility is to use a text button instead:

image

Another could be to place the edit button within the image (on selection).

It'd also be nice to support "drag to swap" on the image block. This has also come up before.

Metadata

Metadata

Assignees

Labels

Needs DevReady for, and needs developer efforts[Block] ImageAffects the Image Block[Feature] MediaAnything that impacts the experience of managing media[Focus] Accessibility (a11y)Changes that impact accessibility and need corresponding review (e.g. markup changes).

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions