Exploring ways to improve the clarity of block states on the canvas and the list view

Once we made the the block “List View” in the Site Editor is persistent, some awkward interactions between block states between canvas / list view revealed themselves. The full details of this issue can be found in this issue on github.

Here’s an initial take on how we might bring the design treatment of these states in to alignment:

Here’s a video that pulls these concepts together to demonstrate how the state-clarity (of focussed elements in particular) is improved.

The visual design suffers somewhat – those double outlines are kind of ugly – but this at least serves as an accessible starting point from which we can refine the overall aesthetic.

Categories: , ,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

%d bloggers like this: