Skip to content

Simplify media insertion flow #946

@iamthomasbishop

Description

@iamthomasbishop

Problem

As of right now, the process of adding an image block (and soon additional types of media) is a bit cumbersome. I'd like to make improvements to the media selection part of the flow, but for now at very least we can simplify by skipping the placeholder step or combining it with the location options sheet.

Note: I'm not sure if any additional design is needed, but if so I can pull together a blueprint.

Current Flow

image

  1. Tap (+) (inserter) – this shows the Block Library sheet
  2. Tap Image to add Image block placeholder to canvas
  3. Tap on block placeholder to trigger sheet
  4. Tap on an option to choose location
  5. Select image to upload
  6. Image gets added to canvas, uploads, succeeds/fails

Proposed Flow

image

  1. Tap (+) (inserter) – this shows the Block Library sheet
  2. Tap Image to add Image block placeholder to canvas – trigger media location sheet. Note: the placeholder could still display on the canvas, behind the sheet, and be dismissed if the user backs out of the process by tapping Cancel.
  3. Choose location
  4. Select image
  5. Image added to canvas, uploads, succeeds/fails

Note on Future Improvements

I'd like to replace the location-choosing sheet with an improved media selection sheet, similar to Aztec – but for now, let's at least make this improvement as it will benefit some of the next blocks we're building (Video, for example).

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions