Design Share: Jan 30-Feb 10

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

Pattern Directory Redesign

Exploring a refresh of the pattern direction in the vein of the Theme Directory.

Site editor visual explorations

A few visual explorations on how we can improve the edit and save flow in the site editor. Notably, by adding an extra drilldown item for each navigation item or template, we are able to show a clear and ergonomic edit button in context of a useful title. You can still click the preview on the right to hop directly into editing what you see at any point in time, but making this secondary to the navigation on the left is meant to afford some clarity on the structure. A couple of PRs to follow, that explore these efforts: 47142, and 47777.

WordPress.orgWordPress.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/ 2FA mockups

As metaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. teams are currently implementing 2 factor authentication for WP.org accounts, we are exploring a few small visual improvements to parts of the flow. Issue.

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. interface improvement

The Openverse team decided to tackle a core interface improvement of root components. For this project, we are exploring a new version of buttons based on the Tailwind approach. The change is one of the 2023 goals and implies updating the Figma Design Library.

Sensitive content view

After the Openverse integration in GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/, Openverse team started discussing the safety browsing experience outside Openverse site. In that vein, we started to explore ideas for landing in sensitive content results.

Componentisation of the ‘Browse view’ assets

Now that we’re approaching a good place with the general ‘Browse view’ UXUX UX is an acronym for User Experience - the way the user uses the UI. Think ‘what they are doing’ and less about how they do it. it’s time to componentise the different elements which will allow us to rapidly polish all the pixels in time for 6.2.


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