Gutenberg: Block Inserter: Add graphical empty state
If you search for something and get no blocks returned just text comes back:
It could be nice to have a graphic or something here to bring a little delight along with text that informs.
karmatosed
All 7 comments
Some initial ideas:
melchoyce
on 23 Aug 2019
These are good! I like how the dashed outline combined with the question mark in the 2nd option provide a lot of context to this empty state.
enriquesanchez
on 23 Aug 2019
I really like either 1 or 3 the most, although I like them all. I can see how 3 could have some animation behind it which might be nice.
karmatosed
on 24 Aug 2019
We could consider maybe animating on hover? I think it would be distracting if the illustration was constantly in motion.
melchoyce
on 27 Aug 2019
Just to add my two cents here. I really like the simplicity of the first graphic option the best. Adding a graphic is a nice visual indicator. 馃憤
mapk
on 27 Aug 2019
Another option would be to mimic the shape of a block item, but use a dashed border to indicate that it's missing:
This is a little less of a literal "block," which I think may be helpful here.
kjellr
on 28 Aug 2019
Let's go with @kjellr's suggestion.
melchoyce
on 29 Aug 2019
Related issues
ellatrix
路
3Comments
JohnPixle
路
3Comments
nylen
路
3Comments
franz-josef-kaiser
路
3Comments
aduth
路
3Comments
Most helpful comment
Another option would be to mimic the shape of a block item, but use a dashed border to indicate that it's missing:
This is a little less of a literal "block," which I think may be helpful here.