Design Team Meeting Notes February 17, 2021

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

Housekeeping

  • 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 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.” @estelaris or @chaion07 and they will guide you through.

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Blog Highlights

Updates

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.

Open Floor

N/A

#meeting-summary, #meeting-notes

Design team meeting notes Feb. 10 2021

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.

Updates

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:

WP Notify

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

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.

Discussion

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

Open floor

@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!

#meeting-notes

Design Team Meeting Notes February 3, 2021

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

Housekeeping

  • 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 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.” @estelaris or @chaion07 and they will guide you through.

CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Blog Highlights

Updates

Open Floor

@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

#meeting-summary, #meeting-notes

Design Team Meeting Notes January 20, 2021

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

Housekeeping

  • 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 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.” @estelaris or @chaion07 and they will guide you through.

Announcement

  • WordPress 5.6.1 just days away
  • A few stale issues 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/ repository: https://make.wordpress.org/core/2021/01/14/stale-issues-in-gutenberg-repository/
  • Test Scrub Schedule for 5.7: https://make.wordpress.org/core/2021/01/15/test-scrub-for-wordpress-5-7/
  • Shared Bug Scrub for design and 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): 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 #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), so we can get both teams involved and working together to bring some nice improvements to 5.7.

Updates

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.

#meeting-summary, #meeting-notes

Design Team Meeting Notes January 13, 2021

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.

Housekeeping
  • 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 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.” @estelaris or @chaion07 and they will guide you through.
Announcement

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

Updates
  • @estelaris is working on the design for the documentations section. Last year we finished the work on the reclassification of articles that will help us create a new navigation. She has a full plan to finish the new design by the end of the first Quarter of 2021.
  • @ibdz will continue focusing on Iterating on Admin Color Schemes with #core-css.
  • The team would like to congratulate @hedgefield for being the Design Lead for WordPress 5.7 release.
Discussion on ‘Productive Triage Session’

The team went through a few 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/ 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.

#meeting-summary, #meeting-notes

Design team meeting notes Dec. 9, 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 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 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.

Updates

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

Discussion

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.

#meeting-notes

Design Team Meeting Notes November 18, 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.

Housekeeping
  • 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.
  • There is a call for team rep nominations. @karmatosed is rotating out of this role, but she’ll still be contributing so it’s not a goodbye! The call is for one 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. who will join @estelaris.
Updates

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

Discussion

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

Open Floor

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

#meeting-summary, #meeting-notes

Design meeting notes 11 Nov. 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 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.

Updates

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

Discussion

@joen would like feedback on this proposal for using system fonts in WordPress. People in chat were very positive about the idea.

#meeting-notes

Design meeting notes 4 Nov. 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 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.

Updates

Good things are happening over 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/ land:

  • An “Edit/Preview” toggle for the Legacy WidgetWidget A 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. 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. which can also be used in the HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites. block.
  • Improvements to the Pagination block.
  • Iterations on the Query block.
  • Consistency for block variation transforms.

The new TwentyTwentyOne theme is shaping up nicely too, amazing work being done there to get the AAA accessible theme ready for 5.6. You can already try it out via Github.

Discussion

A few weeks ago we wrote a post to bring new ideas for the way out team communicates and keeps up with each other.

The next step is to figure out exactly what and how. First idea that seems to have traction is getting an informal meeting going for people in Asian and Pacific timezones, as most meetings are skewed towards the European crowd. A post will go up about that soon. It was also suggested to make the design team more visible on the Learn WP platform.

We will explore more ideas next week, so join us then!

#meeting-notes

Design meeting notes 14 october

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

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/ contributors have gathered lots of feedback on the new Widgets screen. It is being aggregated into issues now, most of which will hopefully be resolved for WordPress 5.6.

Also lots of work is happening on theme/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 auto-updates for 5.6, to really polish up the initial implementation. If you’d like to help out, drop by #core-auto-updates on Slack.

Main topic

@paaljoachim has started facilitating design feedback sessions in our #design channel on Slack. These will be informal, meaning the time and format can vary, and will likely happen in the morning for the EU timezones. That means we’re covering new times in which otherwise meetings don’t often get scheduled. It helps create more moments for focused design discussion The first session was run right before this meeting to great success. Stay tuned for more.

#meeting-notes