Make paragraph entity forms (end-)user friendly and improve visual hierarchy / focus

Created on 21 May 2024, 7 months ago

Problem/Motivation

The current user-interface for paragraphs creation and editing isn't very (end-) user friendly and tends to bad UX.
I guess there's room for improvements in all paragraph types, but for example image / text is a good example.

For (end-)users I think this is really important for acceptable UX and we're not at a level where we can see this as feature request or improvement, so I'm categorizing this as bug that we should target soon.

The focus (main use-case) is to create a paragraph with

  1. image
  2. text

The second important thing (next level) might be to be able to select the

  1. image size
  2. photoswipe
  3. ...

The third important things are then bonus-features like

  1. Image linking
  2. Image crop
  3. ...

The settings order is already correct, I think because settings should be close to their parents, e.g. image link, size, crop, ... should be close to the image.

The key problem ist the visual prominency of the settings, especially when they have long descriptions that attract the focus.

So we should try to improve the forms with things like

  • Collapse / expand
  • Sizing
  • Eventually info-icons instead of full texts?
  • ...?

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

🇩🇪Germany Anybody Porta Westfalica

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024