User Test Setup
A total of 5 participants took part in the test. All participants were experienced WordPress developers. You can watch the video footage of the user test session here (24:44).
The blocks user interface was considered intuitive. The minimalist “Medium” style aesthetic got a positive response.
The placement of the “+” insert button caused some confusion due to its low discoverability. Note that the test setup placed this button out of view. Participants felt that the more natural place for the “+” insert button would be at the start of a new block.
The block controls (up and down arrows) were considered intuitive. A number of participants commented that these would be slow in a larger document (too many clicks needed to reposition blocks). Suggestions were made to add drag and drop capability to the blocks.
A number of participants expected the block type indicator to be a button. From my observations, there are two options that could be further explored with this element:
Remove the block type indicator from the left, and add it into the block context menu
Remove the block context menu and add it to the block type indicator (which becomes a button)
We should test these options further – I suspect that the block menu and inline contextual menu may be too confusing, making the second option above (or variation thereof) a better choice.
Finally, the inline contextual menu was found to be intuitive.
Read our initial thoughts where we ask how the WordPress editor could be designed to give content creators less homework. Also, don’t be afraid to share your thoughts and join the conversation in the Make WordPress #design group.