The Design Team provides user experience, user interface, and visual design expertise for the WordPress project.
Want to get involved?
Welcome! This all-volunteer team needs designers of various kinds. See our handbook and drop into #design once signed up for volunteer opportunities.
Our vision is to be the go-to resource for design for other teams across the WordPress open sourceOpen SourceOpen Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. project.
We have an open call for note-takers and triage facilitators. These both are great ways to get involved for new contributors but everyone is welcome to help out. Let us know if you are interested in the comments.
Contributions to the Design Team is always welcomed. Please pingPingThe act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.”@estelaris or @chaion07 and they will guide you through.
Shared Bug Scrub for design and a11yAccessibilityAccessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility): The joint Bug Scrub will take place on Wednesdays at 17:00 UTC, so one hour before our meeting. The location of the meeting will alternate between #design and #accessibilityAccessibilityAccessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility), so we can get both teams involved and working together to bring some nice improvements to 5.7.
One suggestion made by @kellychoffman was to identify which info and content we want to be displayed in cards. that might be easier to provide a re-usable design that could be easily applied and styled in the theme.
@estelaris also suggested it would be a good idea to have a wire-frame so that we can understand what content is going to be added where. Questions like, are you moving the menu from the left column? will a new menu be introduced? However, if nothing from the frame will change, then shouldn’t be any issues in modifying the style for the content. Additionally, identifying and justifying the use of cards, what is the purpose? we should remember that adding extra graphic elements to such small area with existing images, can be overwhelming.
@karmatosed inquired on who the audience is going to be, whether existing users or designers and are we looking to change it to become a reference there? Tammie agreed with Kelly and pointed focus would on the paths over the design as a starting point. Just having a more usable handbook in the same style can be a huge win for everyone.
This year, we will continue with our Show and Tell on the last Wednesday of the month. This is a Zoom meeting where contributors have the opportunity to share their work and ask for feedback from the design team or simply show whatever they are working on.
Zoom link will be posted on the SlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.#design channel and recorded for those that cannot attend. A summary will also be posted in the meetings notes.
If you would like to share your work, let us know in the comments.
We have an open call for note-takers and triage facilitators. These both are great ways to get involved for new contributors but everyone is welcome to help out. Let us know if you are interested in the comments.
Learn WordPress is live now. Whether you are new to WordPress or a seasoned developer/designer, there is always something to learn.
Updates
@estelaris (that’s me) was invited to WC Sevilla on 26-29 December to lead the Documentation table and work with both the documentation and polyglots teams to understand what features are needed for better translations in HelpHub.
Discussion
Last month we made changes to our triage sessions and agreed to have only one session and do a review of labels and keywords to move the tickets. The length of the triage session was also shortened. The idea was to have fewer meetings and work more efficiently.
After a few weeks, we have noticed that contributors expect working sessions and we have had to add unscheduled sessions to review tickets. Also, the number of tickets and PRs that are not being worked on has increased, both in Track and GitHubGitHubGitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/.
Our idea is to keep to only one session, increase it as need it, between 30-45 minutes and give feedback/assign design work.
One of the questions focus on the reason why triage is not working, is it due to the length of time, or time when triage is run and content?. There were several points made and expect a post about how to run triage in the next few days.
We have an open call for note-takers and triage facilitators. These both are great ways to get involved for new contributors but everyone is welcome to help out. Let us know if you are interested in the comments.
Announcements
WordPress 5.6 is available! A huge shout out goes to the hard working 605 volunteers who made this major releaseMajor ReleaseA set of releases or versions having the same major version number may be collectively referred to as “X.Y” -- for example version 5.2.x to refer to versions 5.2, 5.2.1, and all other versions in the 5.2. (five dot two dot) branch of that software. Major Releases often are the introduction of new major features and functionality. possible.
@estelaris recounted her great experience being part of the WordPress 5.6 release team, and encouraged anyone else who might be interested in working on a release to do it, and she would be glad to offer guidance.
@joen made a post on the blog sharing with us the status of the new iteration of the Gutenberg UI, codename ‘G2’. Exciting things are happening there. Please feel free to read the full ticket and participate directly on GitHubGitHubGitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/.
We discussed the idea of adding an autoresponder message for new contributors to the #design channel on the WordPress Slack. It was found to be a good idea, and a draft message will be written up for the new year.
Welcome to the weekly account of GutenbergGutenbergThe 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/ design updates!
WidgetWidgetA WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Editor & Legacy Widget blockBlockBlock 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.
The Widget screen and the process for adding widgets to the document is undergoing some design revisions. We’re hoping to get this completed soon and making these more visible in the pluginPluginA plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party.
Navigation Editor & Navigation block
The Navigation screen recently got some updates and a prototype. Take a look and provide some feedback!
Template parts
Working with template parts in full site editing is tricky. A user flow for this process is being explored.
Block Directory
The Block Directory just got an updated prototype exploring new UXUXUX 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. flows.
Get involved
Now is a great time to get involved. While the work on this project is intense, it is always important to glean new perspectives from other WordPress users and community members. Just drop into any of the links provided above to read up on the details, contribute, and leave feedback.
Thanks for reading, staying informed, and contributing anywhere you can!
Gutenberg 8.8 was released this week! While there was no “Features” categoryCategoryThe 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. in the changelog, there were plenty of “Enhancements.” Two of the more visual enhancements included:
The mover icons were separated from the blockBlockBlock 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. icon in the block toolbar.
The top toolbar button color was made to look clickable now.
In Progress
Two features aimed for the 5.6 release are the Widgets and Menu screens in wp-admin. These are undergoing a large amount of redesign right now to include blocks in intuitive ways while still supporting the wonderful features everyone is accustomed to within those screens.
WidgetWidgetA WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. Editor
Now is a great time to get involved. While the work on this project is intense, it is always important to glean new perspectives from other WordPress users and community members. Just drop into any of the links provided above to read up on the details, contribute, and leave feedback.
Thanks for reading, staying informed, and contributing anywhere you can!
Below is a recording from today’s Hallway Hangout with some awesome folks from the community, hosted by Joen Asmussen and Noah Shrader. This was a casual, remote meetupMeetupAll local/regional gatherings that are officially a part of the WordPress world but are not WordCamps are organized through https://www.meetup.com/. A meetup is typically a chance for local WordPress users to get together and share new ideas and seek help from one another. Searching for ‘WordPress’ on meetup.com will help you find options in your area. where we shared ideas and demos of some current design efforts in flight.
The topics of discussion were around the new WordPress Design Library, and some of the color refresh work being done to the blockBlockBlock 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. editor. If you’re a contributor, or want to be a contributor to the design of WordPress, you might find the content helpful!
You will need permission to view/edit the new Figma WordPress Design Library. To request access, pingPingThe act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” the #design channel in the Making WordPress SlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. and someone will get you added in Figma.
GutenbergGutenbergThe 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/
HelpHub
WordPress.orgWordPress.orgThe 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/ styleguide
Calls for help
Main topics
Let’s discuss a strategy for unifiying the design elements of Gutenberg, the rest of the admin, and the Site Health area, into one consistent design language.
Open floor
If there is anything you would like to see added to the agenda, please leave a comment also.
GutenbergGutenbergThe 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/ developments
GutenbergGutenbergThe 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/ 8.6
All the updated patterns are included.
The Cover blockBlockBlock 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. now supports focal point for video backgrounds.
Site icon is displayed in the topbar of the Editor in full-screen mode.
For anyone converting Classic editor content to Gutenberg blocks, the button on the Classic block has been surfaced higher for easy access.
The recent iterations have explored moving the settings out of the sidebarSidebarA 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. and into another location.
While making changes to content, templates, and template parts, WordPress should communicate these changes and what is being saved to the user. Recent iterations explored how a user might save out their changes separately.
The new icons in the Block Editor are wonderful. However, many additions are needed to support the work being done on full-site editing. Some recent explorations are focused on the Post blocks which will be used in creating templates.
This particular issue aims to aide in browsing one’s site by clicking links on their page to jump to those pages and posts. Some prototypes have been posted recently and can use some feedback.
Now is a great time to get involved. While the work on this project is intense, it is always important to glean new perspectives from other WordPress users and community members. Just drop into any of the links provided above to read up on the details, contribute, and leave feedback.
Thanks for reading, staying informed, and contributing anywhere you can!
You must be logged in to post a comment.