Design Team Meeting Notes July 01, 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 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, Housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment below if you’re interested.

Next, @michael-arestad brings 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:

  • Gutenberg 8.5 RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. will be released on Monday and will be the releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. going into WP 5.5.
  • @noah has been busy working on the Figma library
  • The new template issue could use some feedback
  • Image editing is available with this update
  • @annezazu published for the FAQ for the FSE outreach experiment.

Requesting everyone to provide any feedback that can be given to the new template issue as the team is busy right now pushing as much as to be prepared for WordPress 5.5.

@noah and @ibdz reports on the update for WordPress Figma Libraries:

  • Updates are on the way to incorporate the new 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. Editor patterns, as well as some general cleaning to make these more relevant
  • @noah is building out the new elements in a page called “In Progress” in the Components and Patterns files. Various icon libraries is also being brought into a centralized location, which can be found here: https://www.figma.com/file/3O5hl33MYt8YPWcRWWuwNv/WordPress-Icons
  • @noah will write a p2 post on ‘Improvements to the Figma Libraries

@ibdz has been exploring some workflows to automate the process. Currently testing and experimenting with React-Figma but the result is still far from expectation.

Discussion

In regards to HelpHub @estelaris wrote a p2 post trying to define users and categorizing the articles into 4 big pillars (these are not final yet). @mapk suggested the following categories:

  • WP basics – overview, features, history, glossary, semantics, contributing.
  • Technical documentation: installation guides, requirements, best practices, technical how-to, security, troubleshooting.
  • Support documentation – dashboard structure, user permissions, screens, media screens.
  • Project related documentation – customization, themes & plugins, design how-to’s (blocks):

Open Floor 

  • @joen created a new WP-Admin color scheme “Modern”. It’s ready to merge and brings high contrast blue colors as well as some consistency with the new Block Editor colors. The patch attached to the ticket purely provides an optional color scheme called “Modern”, and it is not a default scheme. If it were to become default in 5.6, it needs to go through the ringer on many levels. It primarily does 2 things:
    • brings darker background color to the menu, and a lighter text color, increasing contrast.
    • adds a new spot color, a rather luminous blue that has great contrast properties against white.
  • @ryrlle brought in a Github PR that adds a “private content” container block so that the organizers can share content only with people who have bought tickets. For example, online event organizers want to be able to share Zoom links without worrying about zoom-crashers. @estelaris is looking for input on the editor view of the block.
  • @joedolson is currently working with @nrqsnchz and @ryelle towards the issue associated with 49999.
  • We are also seeking feedback on the tickets 50169 & 48894.

#meeting-notes

Design Team Meeting Notes June 24, 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 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, Housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment below if you’re interested.

Now, @michael-arestad brings 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: The next Gutenberg releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. 8.5 to be released on the 6th of July will be the one included in WordPress 5.5.

  • @itsjusteileen and @annezazu have been working on the #fse-outreach-experiment – It’s a great opportunity to get early regular feedback on our progress in FSE.
  • There is an experiment to improve drag and drop shepherded by @joen that We’re particularly excited about.
  • Reusable blocks are likely to get their own tab in the inserter
  • @nrqsnchz and I are starting work on designs for creating a new template. Stay tuned!

Meeting Between CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. and Design Team

  • The Meeting is on Thursday 17:00 EDT in the #core-css channel; find your local time
  • We will be chatting about Color Name Conventions, in specific colors.
  • Some time is needed to get organized as far as categorizing colors/etc.
  • Color naming convention is a huge item and we will continue discussing with the #core-css until we reach our goal.

Discussion

The TrelloTrello Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing. board is an item brought up in discussion as the team would like to know if the process is still working to track design requests from other teams. For the moment, the team had no suggestions so we decided to keep it as is.

Open Floor 

  • @sageshilling is working on a reusable image 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.. She will start a PR and bring it to the team for feedback.
  • @noah is working with @ibdz on organizing the Figma libraries and asked for feedback on the document. If anyone needs access to Figma, send a PM to @estelaris. https://docs.google.com/document/d/1vhj4uxXk6wn6L5i_R1F5GIu3OU3WzeE_0kTx89SWbI0/edit?pli=1#heading=h.d8dn9qwdokto
  • @estelaris brought up the duration of 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 as an issue. The original meeting lasts only 30 minutes. This week, she ran core triage for a full hour and managed to cover 2 full tickets. She will write a 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/. on this to ask the design team members if anyone agrees to increase the time to a full hour.

#meeting-notes

Design Team Meeting Notes June 10, 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 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, Housekeeping. We can still use more volunteers for note-taking and triage leading. Leave a comment below if you’re interested.

Now, WCEU 2020 Contributors Day Experience.

  • We had between 20 and 30 new contributors at all time
  • We had a lot of great comments about @michael-arestad ’s JAM
  • Overall it was a success.

Meeting Between CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress.-CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. and Design Team

  • The Meeting is on Thursday 17:00 EDT in the #core-css channel; find your local time
  • We will be chatting about Name Conventions, in specific colors.
  • Anyone interested is welcome to attend.

Next, @michael-arestad brings 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

  • 5.5 work is ramping up. If there is anything editor-specific you would like to see in 5.5, please let me know.
  • @annezazu has been working on some documentation and wrangling proper feedback tools for the FSE outreach program. This will be a great program to get early feedback on the work we do.

New to Gutenberg:

  • New design tools are coming to the next releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. of Gutenberg that include padding controls for the cover 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. and link color controls for paragraph blocks (and a few others).
  • Blocks now get a nifty parent block selector courtesy of @shaunandrews
  • Block categories in the inserter have been updated.

Announcement

  • @karmatosed is out on sabbatical and will be back on 1st September.

Discussion

  • The handbook pages were recently re-organized to be more coherent and there are a few pages that need to be written or revamped. Here is the link to the TrelloTrello Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing. Board https://trello.com/c/vtK848vz/167-new-handbook-pages-edit-and-iterate
  • If you have any comments on the handbook pages or would like to collaborate with the design team, please leave a message in the comments or 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.” @idbz or @estelaris on Slack
  • Suggestions by @ibdz for adding new pages in Handbook:
  • @ibdz further suggested considering Components Library for G2 design in Figma for discussion
  • @michael-arestad finds the following sensible for Libraries:
    • wp-admin
    • Gutenberg
    • Dashicons

#meeting-notes

Design Meeting Agenda 10th June 2020

This is the Agenda for the Weekly Design Team Meeting on Wednesday, June 10, 2020, 18:00 UTC

Meeting Agenda

  1. Housekeeping
  2. Updates
    • WCEU 2020 Contributors Day Experience
    • #core-css chat on Thursday 11 June at 21:00 UTC to discuss naming convention between Design and CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. teams
    • 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/
  3. Discussion
    • Design handbook, what pages shall we add to our handbook?
  4. Open floor

This Meeting is held in the #design channel in 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/. Workspace.Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.

#meeting-agenda

Design Meetings notes 6 May 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

We are still looking for note takers and volunteers to facilitate triage sessions. @chaion07 volunteered as note taker.

Updates

@mapk introduced the May focus for Gutenberg.

  • FSE
  • Global styles
  • Navigation-menu screen
  • and other refinements
  • PRs that have PRs ready for testing. If you would like to try out the new 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/ enhancements, you can do it with gutenberg.run in GitHubGitHub GitHub 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/

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.

Open Floor

Ste Dobrescu, a new contributor asked for advice on some work he is doing regarding CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. 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.

#meeting-notes

Design meeting agenda for 8 April 2020

This is the agenda for the weekly design chat meeting on Wednesday, April 8, 2020, 18:00 UTC

  • Housekeeping
    • The design team is looking for notetakers to help out during meetings
  • Updates from any specific focuses
    • Status of 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/ design work
    • Next Steps on Figma documentation
  • TrelloTrello Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing.: what is in our inbox?
  • Discussion
  • Open floor

This meeting is held in the #design channel in 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/..

Leave a comment if you would like something reviewed, discussed, help or something added to the agenda.

#meeting-agenda

#design-agenda

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 Agenda for Wednesday 18 March 2020

This is the agenda for the weekly design chat on Wednesday, 18th March 2020 at 19:00 UTC

  • Housekeeping
    • Notetakers and triage volunteers
  • Call for Design Team Reps
  • Updates from any specific focuses
  • Discussion
  • Open floor

This meeting is held in the #design channel in 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/..

If there is anything you would like to see added to the agenda, please leave a comment.

#meeting-agenda

Design Meeting Notes for 4 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.

Housekeeping

There is a reminder about Daylight Saving Hours. The proposal is to move forward meeting times by an hour on March 29. If people would also like a different time that is an option. Leave your comments at the bottom.

The design team is looking for notetakers. It’s imperative for the global community to share the notes on our meetings async. If you need any information, reach out to @karmatosed or any member of the team.

A second call is for triage volunteers, either coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./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. or 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/. @karmatosed and @mapk can help.

Updates

Several PRs got into WordPress 5.4 RCRelease Candidate A beta version of software with the potential to be a final product, which is ready to release unless significant bugs emerge. 1 on 3 March. The improvements coming in WordPress 5.4 include:

  • 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. Content Areas (full site editing)
  • Global Styles
  • Patterns
  • The new G2 UI work

Some other work that needs ideas, suggestions and your design skills:

https://github.com/WordPress/gutenberg/issues/20345

https://github.com/WordPress/gutenberg/pull/20354

https://github.com/WordPress/gutenberg/issues/20631

Open Floor

A question was raised whether if the design team maintains discussions on Figma as opposed to GitHubGitHub GitHub 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/. The design team doesn’t have much discussions on Figma, we try to maintain the discussions on either the PRs, GitHub or 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. But comments or design iterations are welcome. If you need access to the Figma account, please request it on the Slack channel.

@joyously presented an idea to link areas of an image to a URL. Some members recommended a pluginPlugin A 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 or to look for a third-party block. It would be a great enhancement to add.

A topic for discussion: the overall state of 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. elements in Figma. Feel free to add your comments below or leave them in the Slack chat.

Design meetings are:

  • Core/meta triage: Monday 17:30 UTC
  • Gutenberg triage: Tuesday 17:00 UTC
  • Design Team: Wednesday 19:00 UTC

#meeting-notes

#weekly-design-chat

Design Meeting Notes for 26 February 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

We are still looking for volunteers to help run meetings and triage, as well as notetakers. If you are interested in helping, lets us know in the comments.

Updates

Updates

@bemdesign shared an external post with us to show how much we have improved 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/ and the positive effect that it has had on the community

We also mentioned that WordPress 5.4 Beta 3 was released yesterday and invited contributors to help with testing and bugs.

It was also shared a post on the Findings in the reclassification of WordPress.org documentation and mentioned that contributors have been working since 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 on it but we still need more contributors to help reclassify the 170+ articles.

Open Floor

@bemdesign invited the design team to participate in accessibility bug scrubs on Fridays at 15:00 UTC, followed by a team meeting at 16:00 UTC

This was a short meeting due to a lot of traveling happening within the WordPress community. We’ll be back again next week, in the meantime, please leave your comments.

Design meetings are:

  • CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress./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