Design meeting notes for March 6th, 2019

Thanks to everyone who attended this week’s meeting. If you couldn’t attend or want to read back what was said, here are the meeting notes for you. You can also read the full transcript on our Slack channel.

Housekeeping

• 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 is happening as a focus for triage sessions.
• @tinkerbelly and @jarahsames are going to run a walkthrough of the ‘Site Building Research’. Sign up for the doodle here.

Updates

• Gutenberg:
  • The widget legacy block: https://github.com/WordPress/gutenberg/pull/13511
  • The block management modal: https://github.com/WordPress/gutenberg/pull/14224
  • Incorporating some sort of 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. management into Gutenberg which should be introduced in WP5.2.
  • What ‘disabling a block’ meant was discussed.
  • @kjellr urged the testing of the following PRs:
    • https://github.com/WordPress/gutenberg/pull/14145
    • https://github.com/WordPress/gutenberg/pull/14197

Feedback

• Feedback/reviews:
  • Mobile/ design still needs feedback: https://meta.trac.wordpress.org/ticket/4096
  • Theme Sniffer: https://github.com/WPTRT/theme-sniffer. Needs design help. Feedback, logo, banner. @dingo_d
  • @aferica would like feedback on https://core.trac.wordpress.org/ticket/33030#comment:21

Discussion

• Figma was discussed as a tool.
  • There are some frustrations changing from Sketch.
  • It brings a lot of collaboration benefits.
  • @karmatosed will be arranging some learnups around Figma.
• Navigation 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) video: https://make.wordpress.org/design/2019/03/01/video-accessibility-walkthrough-of-navigation-menu-block-designs

Open floor

• @clorith mentioned the Site Health check project is looking great. Thanks to @hedgefield and all those that gave feedback.

#meeting-notes