Gutenberg Phase 2 Friday Design Update #15

Gutenberg 5.5 is released! The long-anticipated Group block is now available. In addition to a strong list of enhancements, there’s even a bit of a performance boost. This release included 48+ contributors, thanks, everyone!

This is a short post this week. For more information, read up on the release notes linked above, and visit the GitHub issues/PRs labeled Needs Design Feedback or Needs Design.

Focuses

Accessibility

Research

Prior to the release of WordPress 5.0, @jarahsames conducted a survey with WordPress users regarding the new Gutenberg experience. Here are the results.


Thanks for reading, staying informed, and contributing anywhere you can!

#design, #gutenberg-weekly, #phase-2

X-post: The Get Involved table at WCEU 2019

X-comment from +make.wordpress.org/community: Comment on The Get Involved table at WCEU 2019

Design meeting notes for April 17, 2019

You can read the full transcript of this meeting on our Slack channel. You can also read the agenda for this week.

Housekeeping

  • Meetings – Every week we now have 2 triage meetings. If you’ve wanted an opportunity to learn more about how to get involved in moving tickets forward this is a great chance to help out! If you can make one of them we’d love to have you.
    • Monday: core/meta triage. The latest release is focused on and then the oldest tickets. 16:30 UTC.
    • Tuesday: Gutenberg triage. Focusing on oldest issues. 16:00 UTC

Updates

Showcase: @hedgefield

The designs are progressing nicely. They aren’t quite at a stage of soliciting feedback yet, but Tim is making headway working through the good feedback on the previous iteration that was spearheaded by Rich Copping.

Tim’s main iterations are in styling things according to the existing elements and colors, and the page has been shortened without losing feature. If you’re curious you can take a look at the Figma file.

The team had some discussions on a few points, and we can look forward to a formal state next week for review.

Gutenberg phase two: @mapk

Discussion

@CK Lee left us a ticket for feedback on a screenshot user interface for the plugin directory. There’s a screencast on the ticket, and some additional context in Slack on the feedback that’s needed.

Handbook color audit: @estelaris

Estela finished reading all of the handbooks and found 18 mentions of color. A Trello card has been created and @melchoyce wants to work on the color pages for the handbook.

Handbook color pages plan: @melchoyce

Open floor

Nothing specific today.

#meeting-notes

Design meeting agenda for Wednesday 17th April

This is the agenda for the weekly design chat meeting on Wednesday, 17th April 2019, 18:00 UTC.

This meeting is held in the #design channel in the Making WordPress Slack.

Leave a comment if you would like something reviewed, design help or something added to the agenda.

#meeting-agenda

Gutenberg Phase 2 Friday Design Update #14

Let’s dig in!

Navigation block

@jorgefilipecosta is quick to get a prototype going! Check out the preliminary development.

Widgets to blocks

A question was recently asked of me if I had thought about the UX for both new and existing WordPress users. While I had thought about this, I realized I hadn’t really shared some flows with everyone. I’m aiming to get something like this articulated in Figma by Monday.

Some questions that arise when thinking through the UX:

  1. Should new users see anything using the terminology “widget” including an option to add widgets in the widgets.php page, or should the experience be completely focused toward blocks?
  2. Existing users who have existing widgets on their site.
    1. There needs to be a way that WordPress notifies the user of the switch to blocks. Do we automatically wrap the widget in the Classic Widget block? or teach the user how?
    2. Does WordPress show both a widget.php page and a block area page? This could help themes during the transition as well.
  3. Existing users who don’t have widgets on their site.
    1. If users haven’t used widgets yet, should WordPress just push them toward blocks and deprecate the widgets terminology similar to the new user experience?

Tightening up


Thanks for reading, staying informed, and contributing anywhere you can!

#design, #gutenberg-weekly, #phase-2

Design meeting notes for April 10, 2019

You can read the full transcript of this meeting on our Slack channel. You can also read the agenda for this week.

Updates

  • Recovery mode – This has been patched and resolved.
  • Health Check – We have a signoff on the project, and it just needs dev review and commit.

Gutenberg update

Feedback/reviews

  • Showcase – @hedgefield is going to be taking it from the current designs across the design finish line. There’s a relevant Figma file for those who are following along. Feedback so far is that it’s needing to use existing .org patterns. For example header/footer. You can read more by following the Slack conversation.
  • Color docs – The team is looking at rewriting information for this in the handbook. Please drop in and help us plan. We’re going to talk about it next week.

Discussion

  • Design system – Throughout the latter part of the discussion the idea of a design system for WordPress came up. This is nothing new and many folks have raised similar thoughts in the past. This is absolutely worth consideration and discussion in the future as we try to clean up and bring WordPress forward.

#meeting-notes

Design meeting agenda for Wednesday 10th April

This is the agenda for the weekly design chat meeting on Wednesday, 10th April 2019, 18:00 UTC.

  • Housekeeping
  • Updates
    • 5.2 update: any tickets need feedback @karmatosed
    • Gutenberg update from @mapk
  • Feedback/reviews
  • Discussion
  • Open floor

This meeting is held in the #design channel in the Making WordPress Slack.

Leave a comment if you would like something reviewed, design help or something added to the agenda.

#meeting-agenda

Gutenberg Phase 2 Friday Design Update #13

Gutenberg 5.4 has been released! Update the plugin to get all the great improvements.

Navigation block

The usability testing results have been published by @melchoyce.

Our testing went way better than I was expecting for such a complex block.

This is great news! Developers are already discussing ways of bringing this block to life and getting it into the wild for more real-life testing and feedback. @luke_pettway also helped with another accessibility review (here’s how the first one went).

Widget-block interfaces

The widget-block interfaces now have a Request For Comments (RFC) doc to gather feedback on the technical implementation of blocks in the widget areas. Related tickets to keep an eye on:

  • Widget-blocks in wp-admin (issue, PR)
  • Widget-blocks in Customizer (issue)

Tightening up

Upcoming

Block directory

A “Call for Design” went out for the Block Directory. This will be an awesome project that will touch both Gutenberg and the WordPress.org.


Thanks for reading, staying informed, and contributing anywhere you can!

#design, #gutenberg-weekly, #phase-2

Design meeting notes for April 3, 2019

You can read the full transcript of this meeting on our Slack channel. You can also read the agenda for this week.

Housekeeping

  • There is a call for design for the block directory
  • The Navigation block usability testing has post that’s worth reading!
  • WordPress 5.2: High five everyone for the awesome triage hour on Monday to work the issues. There are a few PRs that have come that can are worth reviewing.

Gutenberg

  • New releaseGutenberg 5.4 has been released!
  • Widgets to blocks – One of the focuses for Phase 2 this year is to convert widgets to blocks and reflect that change where widgets are currently used. There’s currently explorations around introducing blocks into the Customizer now. You can checkout a prototype there, and provide feedback on Github as you are able.
  • Gallery images – There are some explorations happening around moving images within the gallery. Soon drag and drop will also be available. Testing would be appreciated!
  • Section block – There are two patches for the default themes to get ready for the section block. If you have time to test that’d be great!
  • Gallery block – The gallery block doesn’t have the option to link to a custom URL like the image block. There’s an issue if you want to take a look.

Improving search results with active plugins

First, there’s a Trac ticket where you can follow the discussion. You can also jump to the point in Slack to follow along. Feedback is wanted.

@hedgefield shared some context:

The main objective was to highlight the plugins you have in a separate section with minimal distraction. Ratings and plugin descriptions etc don’t really matter, you have the plugin already, we just need to highlight that it has a thing that you were searching for

#meeting-notes

Design meeting agenda for Wednesday 3rd April

This is the agenda for the weekly design chat meeting on Wednesday, 3rd April 2019, 19:00 GMT.

This meeting is held in the #design channel in the Making WordPress Slack.

Leave a comment if you would like something reviewed, design help or something added to the agenda.

#meeting-agenda