Design team Show & Tell 25 November 2020

This week’s meeting will be held at 18:00 UTC on Wednesday in the #design channel of the WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.. You can join the Slack channel by following the instructions in our handbook.

There is no set agenda for Show and Tell and the design team opens the meeting for anyone who would like to present what they are working on. Mostly, it is members of the design team that take advantage of this, but if you are member of another team and are working on a WP design-related project/feature, you are welcome to join us.

If you would like to present, please leave a comment below.

#meeting-agenda

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 agenda for 18th November 2020

This week’s meeting will be held at 18:00 UTC on Wednesday in the #design channel of the WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.. You can join the Slack channel by following the instructions in our handbook.

Here are the suggested topics:

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

#meeting-agenda

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 team meeting agenda for 11th November 2020

This week’s meeting will be held at 18:00 UTC on Wednesday in the #design channel of the WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.. You can join the Slack channel by following the instructions in our handbook.

Here are the suggested topics:

  • Housekeeping
    • Call for note-takers and triage facilitators
  • Updates
  • Open floor

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

#meeting-agenda

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 team meeting agenda for 4th November 2020

This week’s meeting will be held at 18:00 UTC on Wednesday in the #design channel of the WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.. You can join the Slack channel by following the instructions in our handbook.

Here are the suggested topics:

  • Housekeeping
    • Call for note-takers and triage facilitators
  • Updates
  • Open floor

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

#meeting-agenda

Design team Show & Tell for 28 October 2020

We had a fantastic session learning about developments in 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 presented by @michael-arestad, some highlights:

  • 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. styling of directory landing page
  • buttons location
  • 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) recommendations
  • difference between 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 and block cards
  • which information about a block is useful and should be included in the block description
  • there will be an overlap between patterns and blocks directories
  • read more about the directory and leave feedback in the post

@paaljoachim let us know that he had a quiet design feedback session due most likely to the time change. He will schedule another feedback session next week in the European time zone. Look for the announcement on 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.

@estelaris asked members to contribute to the conversation about reshaping the communications within the design team so we can have a final discussion in the next team meeting.

#meeting-notes

Design show & tell: Windows 10 high contrast mode

Here’s a recording of my stream going through what Windows 10 high contrast mode is, and how you can design for it:

Most of the time you don’t have to think about it, but there are a couple of handy tricks to be aware of.

Design team meeting agenda for 21 October 2020

This week’s meeting will be held at 18:00 UTC on Wednesday in the #design channel of the WordPress SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.. You can join the Slack channel by following the instructions in our handbook.

Here are the suggested topics:

  • Housekeeping
    • Call for note-takers and triage facilitators
    • Reminder, next week is Show & Tell
  • Updates
    • Team members leave any project updates as comments in this post.
  • Open floor

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

#meeting-agenda