Make WordPress Core

Opened 3 years ago

Closed 3 years ago

#22323 closed defect (bug) (fixed)

Add a better pointer/message in the new media UI with an empty library

Reported by: apeatling Owned by: koopersmith
Milestone: 3.5 Priority: normal
Severity: normal Version: 3.5
Component: Media Keywords: ux-feedback has-patch
Focuses: Cc:


The new media UI is a little stark when you have no media in your library. It wasn't immediately obvious where I could add new files, I had to spend a few seconds scanning the corners looking at each UI element (search, insert button and upload UI) since they all carry the same weight to the eye.

There's a big white space where photos will eventually be, that's where I look first. It would be good to use that space to instantly grab the user's attention and direct their eye towards the upload UI. Don't make them think. :)

I've attached an image of the basic idea.

Attachments (2)

first-use.jpg (231.9 KB) - added by apeatling 3 years ago.
22323.diff (2.7 KB) - added by rzen 3 years ago.

Download all attachments as: .zip

Change History (7)

3 years ago

#1 @apeatling
3 years ago

My first idea was to add another upload/dropzone section to the white space, but I think it's better to be consistent and associate that bottom left section with uploading from the get-go.

#2 @SergeyBiryukov
3 years ago

  • Milestone changed from Awaiting Review to 3.5

#3 @DrewAPicture
3 years ago

  • Cc xoodrew@… added

#4 @rzen
3 years ago

  • Cc brian@… added
  • Keywords has-patch added

I spent a few hours today patching this while Koop was busy restructuring the entire modal. Ultimately, his new direction (from r22362) is a much, much better fit.

The included patch merges in methods from media.controller.Upload to media.controller.Library so that the inline uploader is available basically everywhere (specifically, this is useful for displaying it in the Media Library section when we have no media, e.g. http://d.pr/i/bgWO, the original reason for this ticket).

Fist bump to Koop for basically holding my hand through this patch. Excited to be contributing anything, really.

3 years ago

#5 @koopersmith
3 years ago

  • Owner set to koopersmith
  • Resolution set to fixed
  • Status changed from new to closed

In 22363:

Media: Show an inline uploader when the media library is empty.

Merges most of wp.media.controller.Upload into wp.media.controller.Library, so we always create an inline uploader instead of an attachments browser if the state's library is empty.

props rzen, fixes #22323, see #21390.

Note: See TracTickets for help on using tickets.