Want to get involved? See the handbook and optionally drop into #design to chat. Most active design work happens in the block editor project, consider dropping into Needs design or Needs design feedback.
There’s a WordPress Component Library in Figma. Duplicate to edit, direct access is reserved for the design team.
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.
Attendees: @estelaris, @chaion07, @ibdz, @ashiquzzaman, @hedgefield,
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.
Attendees: @reachmazharul @adampickering, @chaion07, @kristengunther, @FahimMurshed, @hedgefield, @mukesh27, @kellychoffman, @critterverse, @paaljoachim, @aurangajeb, @hnew, @joyously, @estelaris, @karmatosed, @rashedul007, @annezazu, @ravipatel
WordPress 5.7 Esperanza is available! You can read about the post by Matt following this link: https://wordpress.org/news/2021/03/esperanza/
The highlights for WordPress 5.7 are:
Kudos to @hedgefield Tim Hedgefield for serving the role of the design lead for WordPress 5.7 release.
To get involve:
– Core Editor weekly Wednesdays @ 14:00 UTC in #core-editor focused on all-things 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/.
– Block-Based Themes meeting twice monthly on Wednesday @ 16:00 UTC in #themereview focused on preparing for Full Site Editing.
With the release of WP 5.7 also comes an end to this term of release leadRelease Lead The community member ultimately responsible for the Release.. @hedgefieldand was confused during this time as there wasn’t much documentation for guidance. He learned a lot from talking to previous leads – @estelaris and @karmatosed. With the learning of the process, he compiled a guide for the design Handbook.
During the 5.7 release, the design team ran joint meetings between the design and accessibilityAccessibility Accessibility (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) teams. Since they were helpful, the team agreed to run them monthly during quiet times and weekly during releases.
Testing Call #3 is about Creating a fun & custom 404 page: https://make.wordpress.org/test/2021/03/09/fse-program-testing-call-3-create-a-fun-custom-404-page/ props to @annezazu
@chaion07 is continuing a conversation with @estelaris on the Triage Summary Format. Expect a p2 on as soon as the draft is ready. The tentative timeline for the p2 is 2 weeks from now.
Timezone and Daylight Savings
@cbringmann posted in a p2 recently in the Update Blog mentioning the time changes: https://make.wordpress.org/updates/2021/02/09/2021-daylight-savings-time-planning/
The dates are:
As for the DST time, last time the team decided to follow the UTC time and didn’t change the meeting time as it is very confusing for everyone.
@estelaris will make a post before the end of the week regarding DTS time, if anyone objects or has any other ideas, please add them there.
@estelaris mentioned PR #29709, although it has been closed now, she believes it is food for thought regarding the impact every small change to the block editor is making on users.
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.
Attendees: @estelaris, @shaunandrews, @critterverse, @jameskoster, @kellychoffman, @karmatosed, @chaion07, @xris, @joyously, @ashiquzzaman, @hedgefield
Joint Design & A11YAccessibility Accessibility (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) Bug Scrubs: Meetings are being held on a rotating basis on design and accessibilityAccessibility Accessibility (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) channels. The purpose of these meeting is to find the tickets that require most attention for the 5.7 release.
Icons in Figma: Based on last weeks discussion about the icons in Figma, particularly anchor hashtag. Upon some research, @estelaris came up with this Wikipedia reference as seen in this example. Estela would check with 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. and Accessibility Teams respectively about the issues we may have about changing the anchor to an icon instead of a character and will report back to the team.
N/A
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.
The updated navigation screen was merged https://github.com/WordPress/gutenberg/pull/28675 with more iteration happening in https://github.com/WordPress/gutenberg/issues/28864 and https://github.com/WordPress/gutenberg/issues/28863.
Feedback was requested on these issues by @paaljoachim:
Initial designs have been made, but there’s some trouble getting started on a prototype. To get things going again, the team has compiled the latest information on requirements, use cases, MVPMinimum Viable Product "A minimum viable product (MVP) is a product with just enough features to satisfy early customers, and to provide feedback for future product development." - WikiPedia scope plus the latest designs on a wiki https://github.com/WordPress/wp-notify/wiki.
This is preparation for doing a call for help in the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. chat soon. Hopefully that will bring in some more interest and this can get rolling! If you’re interested in forming an opinion on the designs already, the links to the githubGitHub GitHub is a website that offers online implementation of git repositories that 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/ issues for discussion are on the designs page https://github.com/WordPress/wp-notify/wiki/Project-designs-(v1). We have enough to get started, but we can always keep refining.
WC India 2021 had their first ever virtual 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/.. Ahmed Chaion was their facilitating the design table. We had many people coming up to visit. We also had discussions on WordPress and how design contributes to it. We’ve had quite a few new contributors also joining the channel with the help of the onboarding videos playlist created by the marketing team.
@estelaris proposed to replace the # anchor with the link anchor, but it doesn’t look like a “link”. For reference, it is the last item on this post https://make.wordpress.org/docs/2021/02/01/requirements-for-a-new-design-for-the-article-pages-in-user-documentation/
Other link icons were discussed. The icon in the editor is used to link/unlink text. The icon suggested for the support site is used to copy/visit a URLURL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org. We looked at Material icons, but we want to keep the style between editor and 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. unified. It was suggested to add an anchor icon. @estelaris will work on a proposal.
@ashiquzzaman asked whether there is a central icon font 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/. In fact work on that is underway at
New submissions are welcome!
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.
Attendees: @estelaris, @mukesh27, @kellychoffman, @williampatton, @hedgefield, @jameskoster, @ibdz, @ashiquzzaman, @adamsilverstein, @fabiodevin, @karmatosed
@adamsilverstein asked for some feedback on this ticket. @hedgefield mentioned of adding this ticket to the WP 5.7 watch-list.
The possibility of having all the icons in one place: Slack reference: https://wordpress.slack.com/archives/C02S78ZAL/p1612376783267000
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.
Attendees: @chaion07, @paaljoachim, @kellychoffman, @karmatosed, @arpitgshah, @habib919000, @estelaris, @hedgefield
Open Floor
@justinahinon is seeking feedback from the team on 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 handbook homepage https://developer.wordpress.org/block-editor/. Justin is working closely with @paaljoachim on improving the content of the handbook, and would like to take this opportunity to add some design changes as well. Specifically, now, on the homepage https://github.com/JustinyAhin/gutenberg/blob/gutenberg-hanbook-intro-page/docs/readme.md They would like to use cards for the headings like on Gatsby docs https://make.wordpress.org/core/files/2021/01/Screenshot_2021-01-20-Welcome-to-the-Gatsby-Way-of-Building-Gatsby.png
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.
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.
Attendees: @estelaris, @chaion07, @manzwebdesigns, @paaljoachim, @ibdz, @karmatosed and Andrew Rulnick.
Work is underway for WordPress 5.7 release. Read the p2 titled: WordPress 5.7 Planning Roundup on the #core blog. If you want to learn more about how the release process works then attending the dev chat in the #core channel would be a great idea which takes place at 6:00 AM UTC (for APAC) and at 8:00 PM UTC (for America).
The team went through a few GithubGitHub GitHub is a website that offers online implementation of git repositories that 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/ issues and TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. Tickets in the most recent working session. A lot of us felt that the triage resulted in a productive session as we want to have more folks joining so that we can move more tickets. During the last session we’re able to move forward a few tickets and pass a few that was focused towards WordPress 5.7 to @hedgefield. Last year we tried to reduce the ‘meeting fatigue’ factor for contributors and tried to reshape the way design team communicates.
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 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.
WordPress 5.6 is available! A huge shout out goes to the hard working 605 volunteers who made this major releaseMajor Release A 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.
The design team will be taking a break during the holidays from 17 December 2020 to 12 January 2021. Normal working routine will resume after that. Enjoy the holiday break!
Don’t forget to tune into Matt Mullenweg’s State Of The Word on the 17th of December. Deadline to submit questions is this friday! To submit your question, upload it as an unlisted video (YouTube works great for this) and send a link to ask-matt@wordcamp.org.
@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 GitHubGitHub GitHub is a website that offers online implementation of git repositories that 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/.
Be sure to also read what’s next in Gutenberg this month.
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.
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.
@hedgefield drew attention to efforts being given to the WP notification center project where developers are discussing and making some early designs. The current focuses are on the admin bar, settings page etc. Feel free to check it out and leave some feedback on the Github page.
@mapk shared the link to the WordPress “Hallway Hangout” a few days back regarding blocks in the CustomizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings.. A lot of conversation has revolved around the ‘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. with prototypes’ and mock-ups shared. If anyone would like to jump in and provide feedback, they can do so in the post comments or on the actual issue in Github.
@clorith published a p2 titled Changing up the forum front page and invited folks from Design to provide feedback to improve the overall user experience of the forum. Please feel free to leave comments on the post.
@hedgefield tried to put a spotlight on the ‘log in’ experience when contributors wishing to check their ‘five for the future‘ pledges. The interface would bring them right back to the 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/ homepage with no indication if you are logged in or not including no option to get to your profile. @karmatosed suggested to investigate the path and start documentation for it.
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 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.
@paaljoachim is working on a new way to present patterns in the inserter in a bigger, better way, inspired by this article. There will soon be a Figma prototype to give feedback on.
@michael-arestad is working on the 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. directory, and has some proposals he’d like feedback on:
@chaion07 and @estelaris will soon work on a post about Asian and Pacific timezones’ Office Hours.
@joen would like feedback on this proposal for using system fonts in WordPress. People in chat were very positive about the idea.
