Design Share: Feb 13–Mar 10

Hi, all! Here are a few projects the Design Team has contributed to over the past couple of weeks.

Revisiting the Image Size dropdown

When you upload an image, the large size will be shown by default. In this case, size refers to the image resolution, specifically the lower-resolution variant that WordPress creates on upload called “Large”. On modern screens, this resolution is often too low. Issue 48618 explores how we can improve that situation, and in this mockup we explore an interim step to make clearer that the dropdown is about image density, not dimensions, by renaming “Image size” to “Resolution”, and showing it inside.

Site Editor metrics

@jameskoster is working on a PR to adjust some of the spacing and alignment metrics in the Site Editor.

Minimise the footprint of spacing controls

Spacing controls like Padding and Margin occupy a large space in the blockBlock 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. Inspector, particularly when ‘exploded’ for per-side control. It’s most troublesome when you only want to add a value to a single side.

Exploring metrics and color in the Site Editor’s dark sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme.

As the single-entity panels (e.g. when browsing a page) evolve and we present options to perform high-level tasks in the dark sidebar, the UIUI 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. can become a little more complex. We need to keep refining the system so that it can scale elegantly and intuitively.

Layout

How might we increase what layouts are possible with WordPress whilst keeping it feeling intuitive to use for both technical and non technical users? The group/row/stack block and the column block gives us a really strong starting point to build off. Is there an opportunity to simplify? GitHub issue, test website.


If you have updates you’d like to include in the next Design Share, please drop a note in the Design channel on the Making WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/..

#design, #design-share