Design Show & Tell Notes 29 April 2020

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 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/. 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

#meeting-notes

Design meeting notes April 22, 2020

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 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/. channel by following the instructions in our handbook.

We’re still looking for notetakers! Leave a comment if you’re interested.

@mapk updates us on 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/ developments. New interest is gathering around the drag and drop experience, that’s great. And work is being done to tighten up other areas too while full site editing progresses, that’s good to hear.

@timothybjacobs put in a request for design for a new Site Health feature, the recovery mode link. It should be a straightfoward addition to the login screen to mock up for them. Any designers up for that, jump into the linked issue and help out!

Next, we discussed WCEU 2020 contributor dayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/.. To make everything run smoothly in a remote setting, we need a few things:

  • Info in the handbook for new contributors. There is some info there, but mostly for organizers, not new contributors. Something like this. This could be looked at during the handbook restructuring proposed last week.
  • Office hours between 25 May and 3 June. People can come to the #design channel on Slack and get onboarded before contributor day starts. @ibdz and @estelaris offered to help out there.
  • Ideas for tasks. One suggestions was to simulate a triage and walk through open issues. A call for that will go out soon.

We should also add an archive for the previous Show and Tell zoom meetings to our Handbook.

Next week is another Show and Tell zoom meeting instead of our regular meeting, let us know in the comments if you have something to show off that you’re working on!

#meeting-notes

Design meeting notes April 8 2020

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 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/. channel by following the instructions in our handbook.

First up is a call for notetakers. Notes are super valuable for people not able to attend the meeting, and are quite a nice and easy way to contribute to the design team. PingPing The 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.” @karmatosed or @estelaris if you are interested, or leave a comment below!

Next, @michael-arestad updates us on 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/. There’s a new prototype for multi-entity saving, and work is being done on an end-to-end prototype for full site editing! Feedback is welcomed.

@ibdz has been hard at work on Figma documentation, and wonders how to handle the design transition that Gutenberg is in now. Lots of mockup work is going toward the new G2 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., but there are still WordPress versions shipping before that new UI is completely implemented.

It was suggested that it might be a good sprint to look at all the UI work being done and iterate to bring it all together. Any feedback is welcome in the doc linked above.

Then, @johnstonphillip shares in-progress work on a parent block selector in the editor. Comments are welcome. It’s a tricky problem to solve.

Lots of good discussion going on this week. Thanks everyone!

#meeting-notes

Design meeting notes for April 1st 2020

These are the weekly notes for the design meeting that happens on Wednesday’s. You can read the full transcript on our Slack channel and find the meeting’s agenda here. You can join the 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/. channel by following the instructions in our handbook.

@karmatosed started off with the announcement that @estelaris has been chosen as a new team repTeam Rep A Team Rep is a person who represents the Make WordPress team to the rest of the project, make sure issues are raised and addressed as needed, and coordinates cross-team efforts. for the design team! Congratulations! She will take on such responsibilities as facilitating team meetings, managing our task inbox and triage, and keeping everyone up-to-date on what’s happening in WordPress design.

Next, @mapk updates us on 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/. WordPress 5.4 dropped recently which includes a bunch of neat Gutenberg improvements:

  • Default fullscreen mode.
  • New blocks: Social links 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., Buttons block.
  • Inline text color change.
  • Gradients for Cover block and Buttons block.
  • Latest Posts now has featured images.
  • Color options on Group and Columns blocks.
  • Block breadcrumbs.
  • MOBILE: Toolbar stays on top.
  • Easier image sizing in Gallery.
  • Table block captions.

The focus for Gutenberg development in April was posted and includes:

  • Full Site Editing: Continue improving the Edit Site screen and blocks
  • Global Styles: This will be a big one this month (support in blocks and 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.)
  • Updated Inserter UI to support patterns and blocks
  • Updated Navigation/Menus screen
  • Continue G2 iterations

Then, @ibdz chimes in with an update on the Figma documentation for the Handbook. This is intended for new contributors to understand our process of designing in Figma. If you have experience with Figma, please leave your feedback in this doc. We will review next week and then put it in the Handbook.

Next, @audrasjb asked us to review the design of the automatic updates feature pluginFeature Plugin A plugin that was created with the intention of eventually being proposed for inclusion in WordPress Core. See Features as Plugins., in order to get it ready for a merge proposal. More information can be read in this Make post.

Finally, @ibdz spots a tiny bug in the Handbook and @paaljoachim links to a small change to the block toolbar for review.

#meeting-notes

Design Meeting Notes 18 March 2020

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 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/. channel by following the instructions in our handbook.

Housekeeping

Spring forward begins next week! We are also looking for nominations for design team reps, nominations will close on 27th March.

Updates

@mapk mentioned a list of items that need focus to finish the full site editing project. If you are for looking into contributing with your own design, reviews or drop in any feedback, there is also our Project Board.

Open Floor

@joyously requested a review of the forums page as it needs a new design to make it easier for users to navigate.

@notlaura checked with the design team if there are any specific points that need to be addressed by the CSS audit of wp-admin, as discussed in the #core-css team

Below are some tickets to leave comments and recommendations, or drop by the @coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-css meeting on Thursdays at 10:00 pm (UTC+01:00) on Slack

@ibdz would like to add Figma resources to the Design Handbook and more advice for new contributors who want to get involved. @mapk and @karmatosed to draft a post to say what we are doing and propose opening the design flows.

Design meetings are:

  • Core/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. triage: Monday 17:30 UTC
  • 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/ triage: Tuesday 17:00 UTC
  • Design Team: Wednesday 19:00 UTC

#meeting-notes

#meeting-notes

Design meeting notes for 11 march 2020

These are the weekly notes for the design meeting that happens on Wednesday’s. You can read the full transcript on our Slack channel and find the meeting’s agenda here. You can join the 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/. channel by following the instructions in our handbook.

As nobody objected, we’ll be moving the meeting time forward one hour starting from the meeting on March 25th, to compensate for Daylight Savings Time.

There is a call still open for triage and notetaking volunteers. Reach out to @karmatosed for coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. design triage or @mapk for 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/ triage if you are interested.

@mapk brings a flurry of Gutenberg news. Version 7.7 is out, and more details about the work on full-site editing were published. It would be great if people could test the new 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. and 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. Patterns that shipped with 7.7.

@karmatosed proposed a once-a-month video meeting instead of the regular design chat in Slack. It could help people stay in touch in these work-from-home weeks, and offer a bit more loose design hangout. All were in agreement, so we’ll give it a first attempt at the last meeting of the month, which is also March 25th.

@ibdz asks where to find design resources for the new Gutenberg UI (G2) that launched with 7.7, and the Figma resources can be found here, with iterations happening here also. A page in the Handbook as overview of all Figma resources was suggested.

@paaljoachim brought an issue with a suggested improvement for the new fullscreen editor experience. More data about how users are grappling with this fullscreening of the editor by default would be nice to have.

#meeting-notes

Design meeting notes 19 Feb 2020

These are the weekly notes for the design meeting that happens on Wednesday’s. You can read the full transcript on our Slack channel and find the meeting’s agenda here. You can join the 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/. channel by following the instructions in our handbook.

We start off thanking @joshuawold for his incredible work as a team repTeam Rep A Team Rep is a person who represents the Make WordPress team to the rest of the project, make sure issues are raised and addressed as needed, and coordinates cross-team efforts.. He is taking a well-deserved break, and we hope to see more of him in the future.

Next up, @karmatosed suggests we create a page in our handbook that describes our team processes. Workflows, resources, and also things like how contribution badges are awarded. Our process for this has not been the most consistent. It was discussed what the criteria should be for awarding a badge, and that we should do it on a regular basis. @mrMark suggested for example we could award a team badge after 15 contribution badges were earned in the past 30 days, though @folletto reminds us to not rely too much on rigid metrics alone, there should be room for the human aspect always. @karmatosed will write up a proposal for all this and we can iterate there.

Then, @mapk brought us updates from the 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/ front. Designs for full site editing are coming along nicely. Some issues that could use some eyeballs:

  • https://github.com/WordPress/gutenberg/issues/19204
  • https://github.com/WordPress/gutenberg/issues/20304
  • https://github.com/WordPress/gutenberg/issues/19886
  • https://github.com/WordPress/gutenberg/issues/20212
  • https://github.com/WordPress/gutenberg/issues/17335

A lot of things are coming together in this prototype, do check it out: https://www.figma.com/file/TR15iRvk7toGHnKb68QN1K/Full-Site-Editing?node-id=29%3A1016

@estelaris will soon report on P2P2 P2 or O2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/. the findings of a working session at WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Vienna to reclassify documentation into categories and subcategories to improve search.

@matveb shared an issue for the consolidation of WordPress icon usage. This touches on two topics: one how to lower the barrier of entry to making and updating icons (“input”), and one to make the new icons available in WP (“output”). There are a lot of different icons used now, no longer exclusively Dashicons. And the process of adding new icons is a bit unclear. Any thoughts on this are welcome to be shared on the issue: https://github.com/WordPress/gutenberg/issues/20284

Finally, @mapk needs someone to lead the Gutenberg triage next tuesday. Any volunteers are welcome to send him a Slack message. He’ll amend the Handbook page with more info on leading that meeting. It’s really not scary! https://make.wordpress.org/design/handbook/workflows/weekly-design-triage/

#meeting-notes

Design meeting notes for February 12th 2020

These are the weekly notes for the design meeting that happens on Wednesday’s. You can read the full transcript on our Slack channel and find the meeting’s agenda here. You can join the 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/. channel by following the instructions in our handbook.

Updates

@mapk started off by sharing an update on 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/. Gutenberg 7.5 released! Some notable features:

  • Social links 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.
  • Feature images in the Latest Posts block
  • Inline text color options

@mapk also shared a post by Riad on February priorities for Gutenberg.

@nrqsnchz shared design iterations the team has been doing on the block library with a Block Patterns focus. This 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. will significantly change the Block Library interface. Feedback is welcome!

Inbox

@estelaris shared an update on work for HelpHub pages. The team needs to find a way to organize the articles with the goal of creating better search. Check out the full Slack conversation if you’d like to help.

Open floor

Valentine Bora shared a few items in 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./Forums that need design approval. Checkout the full Slack conversation for context and helping out.

#meeting-notes

Design meeting notes for Feb 5th 2020

These are the weekly notes for the design meeting that happens on Wednesday’s. You can read the full transcript on our Slack channel and find the meeting’s agenda here. You can join the 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/. channel by following the instructions in our handbook.

@karmatosed starts off asking for extra people to help run the triage meetings on monday, where we discuss open tickets and prioritize for the next release. Volunteers can speak up in the slack channel or via DM.

@mapk reports that 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/ 7.4 will be out soon, and it’s looking really good.

Next, @karmatosed asks for design feedback on the auto updates settings that’s new for 5.4. https://core.trac.wordpress.org/ticket/48850 Take a look at it and share your thoughts, this is an interesting new feature for WordPress.

@estelaris and @bph bring a design ticket for feedback. Helphup and Devhub don’t have a way for people to leave feedback on the documentation. This would add a comment form to those pages. @karmatosed advised simplifying the form and then iterating, and @michael-arestad had concerns about moderating, but the comments will not be shown publically clarified @bph.

Finally, @paaljoachim brings https://github.com/WordPress/gutenberg/pull/16014 to our attention.

#meeting-notes

Design Meeting Notes for 29 January 2020

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.

Housekeeping

There is a call for volunteers for the Get Involved table at WCAsia. If you are attending, it will be a great opportunity to give back.

Updates

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/ updates

@mapk is working on moving any design-related projects to the board on GitHub. If anyone wants to get involved and help shape the design of Gutenberg 5.4, there are several tasks that they can work on.

@kjellr invited the design members to attend the New Bi-Weekly Block-based themes meeting which will be a great opportunity for Design, CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. and Theme teams to discuss the theme-related impact of full-design editing work in Gutenberg. Agendas and notes will be posted to the http://make.wordpress.org/themes

This was a short meeting due to #core and privacy meetings happening at the same time. We’ll be back again next week, in the meantime, please leave your comments.

Design meetings are:

  • Core/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. triage: Monday 17:30 UTC
  • Gutenberg triage: Tuesday 17:00 UTC
  • Design Team: Wednesday 19:00 UTC

#meeting-notes