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 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 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 Team Meeting Notes September 16, 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 can still use more volunteers for note-taking. Along with this, there are opportunities to participate by running triage sessions. This includes both the CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. and 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. Please leave a comment below if you’re interested.
  • Our meetings have changed a little to be as close to 30 minutes as possible, as an experiment. This won’t stop conversation if it’s flowing. With daylight savings affecting different time-zones, we would like to know your thoughts on the current timing for the meeting. We would love to hear from you if you think that we need to make adjustments. Please leave a comment with your thoughts.

Updates

@estelaris is running an audit on 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. tickets to check if there are any that could be resolved by the new WP.org design style guide proposal. Here is a link to the working document: https://docs.google.com/document/d/1ZL2mzJzCjxBt0hPOtRCzvFlgBsTeU90u3bMFNNI0h7s/edit

@noah has been continuing to work on global styles considerations including present and future explorations, and have been in the process of reining it back into what we can incrementally do from this point on. Also have a plan on an open, casual jam session (via Zoom) this Friday around 13:00 UTC.

@paaljoachim is working on New design for revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. panel here: https://github.com/WordPress/gutenberg/issues/25270 and also made a link control suggestion here: https://github.com/WordPress/gutenberg/pull/24021#issuecomment-691917035 

@michael-arestad is designing a 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 page. Essentially a plugins directory focused on blocks and block patterns. Ideally, he’d like to show the block or block pattern itself, but technical challenges aside, it is complex for other design reasons as blocks can do all sorts of things.

@karmatosed has mostly been focused on WP 5.6 and catching all the awesome little tickets for design. Also she’s been working on some designs for options in Gutenberg which is yet to be posted.

Discussion

@paaljoachim suggested having an hour long triage session at least once a month. He has held a bunch of triage sessions and feels that having the one hour Gutenberg triage session once a week has in general worked pretty well. @estelaris suggested about doing them randomly like the Zoom sessions. @karmatosed pointed out that there are a few problems with a burden of setting up another meeting just with one person doing. It holds to a time and place. If you perhaps see it as an occasional opportunity not something you have to do each week, which may give a better opportunity. She also added by saying, anyone can spin up a Zoom or ask 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. to set up one. @estelaris emphasized on the fact that it would be a good idea to announce it in the #design channel some time before each session. Can work the day before or few hours before, so people are aware because we have visitors at random hours.

Open Floor

@karmatosed brought the topic of ‘Learn WordPress’ initiative and if any working session leads to a workshop then we can definitely take advantage of the crossover opportunity provided by the #training team. Here is the p2 post: https://make.wordpress.org/community/2020/08/12/learn-wordpress-is-live/ and the official site: https://learn.wordpress.org/ This can definitely be a good way to turn casual things into resources.

@estelaris also introduced @manzwebdesigns who recently joined the team and asked if anyone was willing to mentor him for a bit to which @paaljoachim gladly accepted.

#meeting-summary, #meeting-notes

Design Team Meeting Notes September 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 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 can still use more volunteers for note-taking. Along with this, there are 2 opportunities to participate by running triage sessions. This includes both the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. and 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. Please leave a comment below if you’re interested.
  • With daylight savings affecting different time-zones, we would like to know your thoughts on the current timing for the meeting. We would love to hear from you if you think that we need to make adjustments. Please leave a comment with your thoughts.

Gutenberg

Gutenberg 8.9.3 is here. @michael-arestad shared notes from the #core-editor chat:

  • @karmatosed is working on iterating the options panel.
  • Custom CSS is on the horizon for the Group 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..
  • @nrqsnchz is working on a feature to allow users to upload subtitles for a video.
  • The Navigation screen has a few more proposals.
  • The Widgets screen is ready to be implemented.
  • @mapk is starting designs for the query block.

Updates

@ibdz reported that he is working on creating a WP-Admin Core library in Figma. Perfect timing to work along with #core-css that focuses on CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. Audit and CSS Scheming. Any update will be posted in the future meetings. ~180 unique colors in WP-Admin Core will be updated soon.

Discussion

@karmatosed suggested this meeting experiments with being 30 minutes for a few weeks. The idea like any could iterate and of course no time should stop conversation. Upon discussion she further suggested that we begin with the following changes:

  • Move meeting to Tuesday only for Triage, combined.
  • Try to have it focus on release this week: doing both in 30 mins.
  • Make sure it’s just Triage, only issues need attention, not discussion.
  • Move discussion issues to this meeting.
  • Change this meeting to 30 mins from next week.

@michael-arestad asked, Are these updates useful? Most of the folks involved are in this meeting. Perhaps we could just do it like the #core-editor meeting where folks all share their update task-coordination-style.

@mapk and @nrqsnchz both like the idea of removing any burden from folks. Also it’s fine if each person comments what they’re working on and any feedback they need. This will get posted in the notes so more folks can chime in.

Other suggestions given:

  • Posting the shortlist of tickets 30 min before Triage? So, there’s more room to read before discussion.
  • Invite Ticket owners to the meeting, this could work if we manage to have a list before Triage.
  • ASync Design Discussion, where an issue is pinned to the channel, that becomes the Async topic for say 6 hrs, where people can comment on a thread of that topic, etc.  Then the issues could wrap up discussion during a regular scheduled meeting.  This way, there are constantly new issues that can be discussed throughout the day/week.

@cameronduncalfe asked if there is a single file that has all the default Gutenberg blocks (frontend) in Figma? @mapk and @michael-arstad confirmed that Gutenberg blocks being complex and we don’t have a single file like that.

@aristath raised the following points for discussion:

The 1st one will be nice for global-styles so users can select the font-families they need, while the 2nd one is necessary if users want to build a side-headerHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes. layout in FSE.

@karmatosed suggested taking conversations to the issues probably is good, but great to keep eyes on in this regard.

Open Floor

@estelaris suggested to keep the impromptu Zoom meetings. Those are good when they are not on schedule and have a specific goal.

@karmatosed suggested to perhaps start APAC Triages or office hours? We have to consider that as a team we focus a lot on a certain timezone, as we grow how can we adapt?

@estelaris further added by emphasizing to consider that we elect team reps who are not both in the same time zone? That would help keep other time zones involved.

#meeting-summary, #meeting-notes

Design Team Meeting Notes September 2, 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 can still use more volunteers for note-taking and triage leading. Leave a comment below if you’re interested.
  • We welcome @karmatosed back from sabbatical.

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/

@michael-arestad brings Gutenberg updates: A new Gutenberg release is happening shortly. 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.-based widgets screen will no longer be experimental this release.

  • Global styles work is ramping up with @noah leading the design.
  • Proposals for font family and font weight picking. It was the source of discussion during a triage yesterday.
  • @mapk is starting design work on the Query block.
  • @q continues to masterfully improve the G2 Components project. This post about a Style System is particularly interesting.
  • A prototype for searching the block directory within the inserter was proposed last week. We’ve received good feedback as @michael-arestad is working up the next iteration.

Open Floor

@snaushads initiated some work on the wp-admin>Gutenberg update and asked what should be the starting point of the Admin>Gutenberg iteration, is it a 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. refresh or a complete overhaul? Explorations of which can be found here: https://www.figma.com/file/5guogx5ebxfqJgUQNj5hta/Core-Navigation?node-id=518%3A20969 He had a chat with @michael-arestad and they both agreed that it should be incremental. @snaushads further posed the question on What should be the starting baseline inclement?

  • Form Fields
  • Color Schemes, or 
  • Other areas.

@ibdz suggested he is currently working on the Figma WP-Admin CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. library. According to his suggestion we can start with:

  • Colors
  • Text Styles
  • Grid
  • Effect Styles

Then experiment on the components along with views. From current 5.5, there’s a lot of inconsistency shade of grey using hex mixing with rgba.

@michael-arestad suggested that Colors would be an excellent starting point. He further suggested dropping into #core-css weekly chat tomorrow if possible.

@estelaris added saying It is important to collaborate with other teams that relate to the project we are working on. He will need input from Core, CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site., 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). Regarding the question about what is the concern with the 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) issues from last year’s audit she said that is a good question to take to the #accessibility team in their next meeting. They may have a better answer.

#meeting-summary, #meeting-notes

Design meeting notes for Thursday April 26, 2018

You can find this weeks design meeting transcription here on Slack, or jump to different topic discussions by using the links in the document following.

Housekeeping

Design team related

  • On our about page for make.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/ it says “pixel perfect designer.” Can we update that as it feels a little outdated?
    We discussed that this term is not very inclusive, and that it would be nice if we could convey “design” a little more broadly, since, besides the visual aspect, there’s also 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.. After a short discussion, we decided on just ‘designer’ would do for now. New text is available on make.wordpress.org
  • What belongs in the Design Resources column of Trello?
    After an extensive discussion last week, we felt the need to give this a bit more attention. Initially we thought 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. would be a good place to store assets, but we revisited that idea. We talked about integrating 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/, or go back to basis and use the handbook for both assets and resources. @hugobaeta joined the conversation and had some good ideas: If they are static assets – like logos, sketch pattern libraries, etc – they could live in handbook. If it’s a project-based asset – like a .org page redesign, etc – they could be in a repo.
    The team thinks it’s worth exploring a design Github repo under WordPress. @karmatosed will investigate how we can get one.
    We also tried to find out if we could extend the file types we can upload to our handbook, keeping version control and file management in mind. *Incoming:zip and psd were already possible. Added ai and sketch, and svg only for admins.” This means we can add assets to the handbook and keep that as a first to go for designers who want to contribute to the project.

Triage Inbox

See Inbox column on Trello board. Calls for design made via the Make blog, 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/., etc. should be transferred to Inbox each week, along with any new cards that need to be acknowledged.

  • Nothing today

Calls for design

See Calls for Design column on Trello board. Anything to be archived? Follow up on in-progress cards, etc.

  • There’s an in-progress one about Design templates related to the Design Resourced discussion above

Items labeled ready to be a meeting topic

Filter Trello board for ‘meeting’ label which means that some work has gone into the card, and we have enough detail to make a decision on it.

  • Nothing today

Requests to review existing tickets

Typically from Trac or GitHub

  • Nothing today

If time allows, follow-up on older cards

Filter Trello board for ‘needs discussion’ label. If none, triage any Trello cards that are not yet owned.

  • No time left

Thanks all for attending this weeks meeting and let’s continue on improving our structure and documentation for future reference. It’s not easy, but worth spending time on!

#meeting-summary, #meeting-notes

Design meeting summary for Thursday April 19, 2018

You can find this weeks design meeting transcription here on Slack, or jump to different topic discussions by using the links in the document following.

Housekeeping

>Design team related

  • No new topics

Triage Inbox

See Inbox column on Trello board. Calls for design made via the Make blog, 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/., etc. should be transferred to Inbox each week, along with any new cards that need to be acknowledged.

  • Improve Trello board Organization
    Mindmantra says that currently, the design 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 divided in silos without any predefined workflow. And is somewhat murky if someone without history with it arrives on it. @karmatosed says that the way we use the Trello board, is a little different from a project / product and that both systems can be hard for new contributors to handle. We have an extensive discussion on this topic, concluding this is part of the Onboarding ‘problem’ we have and should be worked on. @boemedia mentions the fact that onboarding in design isn’t a quick thing and we need to set expectations that it takes time to start actively contributing.
  • Dark mode
    Design eyes are requested for the WordPress dark mode plugin, which now is 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, but in the near future hopefully a coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. feature. More info on the plugin can be found on either Github or Trac.
    A few good examples of dark mode are discussed, like Instapaper or Twitter. The thought is, that this isn’t that much of an 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) thing, but more about the looks. A turn on/turn off switch would be a really nice thing to have.

Calls for design

See Calls for Design column on Trello board. Anything to be archived? Follow up on in-progress cards, etc.

  • do any cards need discussion?
    We discussed the Design templates of wp-admin for plugin devs, and figured we’d need a place to keep templates for others to use. First idea is the Trello board, with maybe a link from the design handbook. We have a discussion on version control, and whether 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/ may be more appropriate for this. @mindmantra suggests Prototypr, but this is probable a paid solution. Worth checking out anyway.
    For now we decide on keeping the Trello column and creating a link from the handbook. Setting up a Github repo goes in the Trello roadmap as a to do under ‘handbook’

Items labelled ready to be a meeting topic

Filter Trello board for ‘meeting’ label which means that some work has gone into the card, and we have enough detail to make a decision on it.

Requests to review existing tickets

Typically from Trac or GitHub

There wasn’t enough time to give proper feedback on both tickets, so we decided on starting next Monday’s ticket triage with these two.

If time allows, follow-up on older cards

Filter Trello board for ‘needs discussion’ label. If none, triage any Trello cards that are not yet owned.

  • No time to go through older cards.

Thanks everyone for actively attending the meeting, especially first timers. It was a constructive and productive meeting and we hope to see everyone again next week, same time!

 

#meeting-summary, #meeting-notes