Joen A. 6:32 am on May 21, 2024
Tags: ,   

Design Share #56 (May 6-May 17)

This is a bi-weekly update of work the design group contributed to. Work happens in overview issues , and in needs design , or needs design feedback issues.

If you have updates you’d like to include in the next Design Share, drop a note in the #design channel . If you have questions, you can also ask them there, or as a comment on this post.

Useful Figma files

Useful Tracking Issues

Design work

Block Block Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Bindings

Status: Needs feedback

Some more elaborate mockups for how we can visualize block bindings in the UI UI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. . Tracking issue .

Block Bindings in Multi Entity Saving

Left: potential near term, right: potential long term.

Status: Needs feedback

Mockups for how block bindings could be shown in the multi entity saving panel, near and possibly longer term.. Issue .

Inserter Results

Status: Needs feedback

The inserter is contextual to the block you have selected. So when a block can’t be inserted inside or after , you’ll sometimes see an unhelpful “No results” message, or just very few blocks overall. This issue explores improvements in two levels of options. Issue .

Learn redesign (i8)

Status: Needs feedback

As part of the WordPress.org WordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ redesign, we worked on a new iteration for Learn that spans card tweaks and other navigational components according to dev work. The mockups are open for feedback and intend to conclude during early days of next week.

Feature introduction

Status: Completed

Among the latest tasks for the Dark mode project in Openverse, the feature introduction flow landed on a design that presents the functionality through an announcement banner and a animated glowing button that remains active until users click on it.

Generating thumbnail images, a step-by-step video

Status: Completed

In collaboration with Kathryn Presner , we recorded a video showing step by step how to generate visuals for WordPress-related videos with the video thumbnail generator file . The file will be public in Figma Community once this video reaches WordPress YouTube channel, but so far, it’s already public on WordPress TV .

# design , # design-share