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 source project.
Howdy! Gutenberg 8.1 was released this past Wednesday. Some of the recent features include:
The Query block is coming along in this PR. This is HUGE for pages that want to display posts with specific categories, tags, etc.
The Query Block allows users to create a search on the site and choose blocks to display content from the matching posts. This allows users to highlight specific content or areas of their sites.
The Block Navigator is getting some features that allow moving blocks and other common actions.
The new Welcome Guide redesign is about to be merged.
A “What’s new” UI has been proposed for Gutenberg recently. This will help convey any user-facing changes to users who don’t frequent the make blogs. I particularly love this idea!
Continued efforts are explored through design work about how to add template parts, how to select existing template parts, etc.
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!
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting’s agenda here. You can join the Slack channel by following the instructions in our handbook.
First, housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment if you’re interested.
Next, @michael-arestad brings Gutenberg updates.
Some exciting news: we are participating in Google’s Season of Docs! https://developers.google.com/season-of-docs This will help with the exploration of the new categories for documentation that will be included in the redesign of documentation.
Then, @ibdz updates us on the work being done on the Design Team Handbook to improve the flow and usefulness. Current content is being re-ordered, and soon the pages that need it will be (re-)written. Hopefully this will also help the onboarding process for Contributor Day.
Speaking of contributor day, Office Hours for onboarding new contributors should be planned. Volunteers to keep an eye on the design team slack channel and help anyone with questions would be greatly appreciated. Leave a comment below if you’re interested.
For Contributor Day itself, there are some suggestions for tasks:
We agreed to start reviewing tickets with needs-screenshots for new contributors and having Monday 1 June/Tuesday 2 June triage as part of the on-boarding process.
This is the agenda for the weekly design chat meeting on Wednesday, May 13, 2020, 18:00 UTC
This meeting is held in the #design channel in the Making WordPress Slack.
Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.
Happy Friday, everyone! I’ve got some interesting design updates today regarding full-site editing with Gutenberg.
Initially, I had assumed the two dropdowns in the middle of the top toolbar were primarily for navigating between pages or templates. Turns out we are going to try another direction. Matias expressed an interest to utilize these two dropdowns as a way to modify the page or template – not necessarily for navigation. So something more like this:
So where does navigation live? I hear you asking. This can happen in two different places. First, the new “W” option that slides open the wp-admin which @shaunandrews has been exploring.
The second works similarly to the Customizer. Users would be able to use a modifier key + click on a navigation item in the page to jump to that page. Or there may be a way to click the menu item and click the link appended to it like in Google docs.
The Navigator is getting some revisions lately. We are adding movers to the blocks and will add the ability for dragging and dropping. There’s even some talk about adding an ellipses menu for more options. With these additions, the Navigator is becoming a significant way to work with your content. @michael-arestad explored the Navigator as a persistent slideout panel similarly to the outline panel in Google docs.
The relationship between template parts and patterns does leave one feeling a bit confused because they are so similar. One defining difference is that template parts are global and patterns are local, but what happens when we start talking about Header and Footer patterns? Yesterday, @michael-arestad brought up that template parts are really just containers that hold patterns. This means we don’t need another tab in the Inserter for template parts! Basically, when editing a Header template part, the user will see Header patterns appear first in the Inserter.
This means that categories for Patterns will definitely include Headers, and Footers among other things.
The last thing today was about building templates. Figuring out this UX flow is important. Right now we are leaning toward a flow that includes some sort of step process that provides a skeleton for users to click and manipulate. Imagine creating a new template and seeing a screen that already lays out a Header, Content area, and Footer. Clicking on the Content area provides an option of a Sidebar or not. This is still just being thought through… nothing solid yet.
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!
These are the weekly notes for the design meeting that happens on Wednesdays. You can read the full transcript on our Slack channel and find the meeting’s agenda here. You can join the Slack channel by following the instructions in our handbook.
We are still looking for note takers and volunteers to facilitate triage sessions. @chaion07 volunteered as note taker.
@mapk introduced the May focus for Gutenberg.
Design updates for Gutenberg
Contributors Day at WCEU
There was a call for tasks that we could work on during contributors day. We have a comment from @mapk about Figma components but we would like to have more. Another task could be about colors/input styling consistency in Gutenberg. Please add to the post above.
Ste Dobrescu, a new contributor asked for advice on some work he is doing regarding CSS for the admin are in WordPress. The team provided some feedback and recommended he joined the #core-css channel where he can find more help.
@netpassprodsr introduced the idea of mentorship as a role for the design team. @karmatosed asked if anyone in the team is willing to write a proposal for the design team.
This is the agenda for the weekly design chat meeting on Wednesday, May 6, 2020, 18:00 UTC
This meeting is held in the #design channel in the Making WordPress Slack.
Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.
Happy Friday! Gutenberg 8.0 just dropped this last Wednesday. This release included the new Inserter which now contains Patterns.
Probably one of the most significant updates to Gutenberg’s UI in relation to the G2 changes is how the Inserter works now. Not only does it slide out from the left side instead of as a popover, but it also includes Patterns!
Looking at redesigning the Navigation block placeholder screen to allow for existing menus to be selected.
There’s also lots of exploration around the subnav.
Now’s a great time to get involved. While the work on this project is intense, it’s 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 and contribute.
Thanks for reading, staying informed, and contributing anywhere you can!
WordCamp Europe Online will take place on June 4-6, 2020. If you haven’t registered yet, get your tickets on the website.
Contributors day will be on June 4 at 13.00 – 18.00 UTC.
With only a few weeks away, we need to plan our tasks to make better use of our time. This is a call for tasks or projects that could be resolved in a few hours.
The tools that we will use during Contributors day will be the design Slack channel and Zoom (a link will be provided early on June 4th).
If you are a new contributor we will have open office hours between May 25 and June 3, more on this to come.
Do you have an idea of a task that can be solved by the design team? Or are you working on a PR that needs design feedback?
What would be a good task? An example will be a simulation of a triage and walk through open issues.
Let us know in the comments and we will be making a decision on which tasks will be working on depending on the number of contributors we have and the number of tasks.
The call for tasks will close on May 20, 2020 so we can discuss tasks in the next two design meetings and make a good plan.
These are the weekly notes for the design meeting that happens on Wednesdays. You can read a transcript on our Slack channel and find the meeting’s agenda here. You can join the Slack channel by following the instructions in our handbook.
We had a Show and Tell via Zoom today where we discussed 3 topics:
https://drive.google.com/file/d/1mof6YpA-dP6grZYNxPqPLr3nF58fTalB/view?usp=sharing
