& Gutenberg Blocks
richtabor.com - @richard_tabor
Settings and options are buried in multiple locations through indirect mechanisms.
Third party apps
Gutenberg introduces a landmark shift in UX design for WordPress
Options for an element are controlled in the context of the block itself.
Complexity is not bad.
& it does not evoke difficulty
Blocks should aim to reduce cognitive load
Simple, seamless and cohesive
Complexity can be challenging and engaging
We must grasp the Gutenberg design patterns...
...to build remarkable
Block Settings Sidebar
Primary interface for adding & manipulating content
Two main patterns: Placeholders & Contextual Controls
Most intuitive level of interaction
A guide or set of instructions in the content area of a block.
Logical controls based on other variables within a singular block.
2. Not Disorienting
Block-level controls consisting of 100% necessary commonly-used actions
2. Fitting within the current UI
3. Necessary for managing a block
Shows advanced settings and controls for the currently selected block.
2. Not necessary for the basic block operation
A consistent experience is paramount.
UX Design and Gutenberg Blocks