Make WordPress Core

Opened 10 years ago

Closed 3 months ago

Last modified 3 months ago

#40123 closed enhancement (fixed)

Improve media uploading flow

Reported by: karmatosed Owned by:
Priority: normal Milestone: 5.8
Component: Media Version:
Severity: normal Keywords: needs-design close
Cc: Focuses:

Description

Currently once you upload an image it just leaves you back at screen. We should consider on success offering next steps. We could use this as a chance to add encouragement:

https://cldup.com/sS6jT02xtn.PNG

Attachments (1)

Screenshot_2026-06-10_08-58-50.png (43.9 KB ) - added by nickchomey 3 months ago.
uploader ui

Download all attachments as: .zip

Change History (13)

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


9 years ago

#2 @Travel_girl
9 years ago

Mhmm, actually I like the way, that it stays in the same screen, because its easier to procced woth uploading more media. But indeed, it would be a nice idea to add a success message, behind the progress bar.

#3 @JoshuaWold
9 years ago

Would love if anyone has suggestions/sketches to share for this idea! :)

#4 @raajtram
9 years ago

I feel like there should be a better way to allow copying the data for the uploaded files.

In its present state, to copy the media's URL, you need to right-click and copy the Image URL and that URL is for the thumbnail size (150x150 by default) which involves one more step of editing the URL manually.

http://share.raajtram.com/phZh/Screen%20Recording%202018-02-21%20at%2007.42%20PM.gif

To copy/edit any other attributes of the media, you need to click on the "Edit" link which is a _blank link.

While the use for direct URLs might not be very popular for images, users do need direct URLs for media such as PDFs and ZIP files.

A good solution IMO would be to divide the media-item div into columns of data (URL, ID, SIZE?) for the uploaded media

Here's a quick mockup of what I'm thinking (not a designer, so pardon the inconsistencies):

http://share.raajtram.com/ph5w/media-uploader-idea.png

Last edited 9 years ago by raajtram (previous) (diff)

This ticket was mentioned in Slack in #design by raajtram. View the logs.


9 years ago

This ticket was mentioned in Slack in #design by karmatosed. View the logs.


8 years ago

#7 @karmatosed
8 years ago

  • Keywords needs-design added; ux-feedback removed

#8 @nickchomey
3 months ago

This seems like it could be closed - as seen in the attachment above, the uploader has different UI/UX now, such as drag and drop, an edit button, copy url etc...

This ticket was mentioned in Slack in #core-media by nickchomey. View the logs.


3 months ago

#10 @nickchomey
3 months ago

  • Keywords close added

#11 @joedolson
3 months ago

  • Milestone Awaiting Review5.8
  • Resolutionfixed
  • Status newclosed

Given that the only specific suggestion in this ticket is about having the ability to copy the image URL, and that has been added as well as an 'Edit' link to immediately proceed to editing, it does make sense to close this ticket.

Given the other changes, the other consideration - moving to another stage - no longer makes sense.

Closing as fixed, given that that the direction of the ticket has been resolved. Setting the milestone to 5.8, which is when the 2nd of the two features, the copy button, was added.

Note: See TracTickets for help on using tickets.