Slides

x.co/tabor

Twitter DM

 @richard_tabor

Indirect

Manipulation

Settings and options are buried in multiple locations through indirect mechanisms.

Direct

Manipulation

 Options for an element are controlled in the context of the block itself.

Flexibility

Core Components

Blocks should aim to reduce cognitive load

Simple, seamless and cohesive

Complexity can be challenging and engaging

Gutenberg

Design Patterns

Primary interface for adding & manipulating content

Two main patterns: Placeholders & Contextual Controls

Most intuitive level of interaction

Block

Content Area:

A guide or set of instructions in the content area of a block.

Placeholders

Must be:

1. Thoughtful

2. Relative

3. Concise

Logical controls based on other variables within a singular block.

Contextual

Controls

Must be:

1. Minimal

2. Not Disorienting

Block-level controls consisting of 100% necessary commonly-used actions

Block Toolbar

Must be:

1. Contextual

2. Fitting within the current UI

3. Necessary for managing a block

Shows advanced settings and controls for the currently selected block.

Sidebar Settings

Must be: