Uploaded image for project: 'Planet4'
  1. Planet4
  2. PLANET-5165

Review UX of image selector of blocks

XMLWordPrintable

    • Icon: UX task UX task
    • Resolution: Done
    • Icon: Should have Should have
    • None
    • Blocks (all)

      Background
      There seems to be an inconsistency with the image selector widget we use across blocks. See attachments to see some of the different widgets used across blocks. Also when selecting to upload image, some open the modal window of the media library, some open the file manager from the user's laptop to upload image.

      Current issues:

      • Inconsistency with uploading options, i.e. some selectors offer option to add image through URL, others only through upload or media library
      • Inconsistency with managing images, i.e. how to replace and delete already selected images
      • Inconsistency in UI, some selectors are just a button, others are a space that allow drag and drop, etc.

      Tasks

      • Recommend a single behaviour that can be replicated across blocks for consistency

        1. carousel_block_widget.png
          26 kB
          Lilian Reyes
        2. columns_block_widget.png
          20 kB
          Lilian Reyes
        3. gallery_block_widget.png
          31 kB
          Lilian Reyes
        4. gutenberg_image_block_widget.png
          75 kB
          Lilian Reyes
        5. gutenberg_image_replace_widget.png
          73 kB
          Lilian Reyes

            mfatome Magali Fatome (Inactive)
            mfatome Magali Fatome (Inactive)
            Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

              Created:
              Updated:
              Resolved: