Gutenberg Phase 2 Friday Design Update #14

Let’s dig in!

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

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